@import "https://fonts.googleapis.com/css2?family=Macondo&family=Macondo+Swash+Caps&family=JetBrains+Mono:wght@100..800&display=swap";:root{--color-primary:#3b82f6;--color-primary-dark:#1d4ed8;--color-secondary:#8b5cf6;--color-secondary-dark:#6d28d9;--color-success:#16a34a;--color-warning:#d97706;--color-danger:#dc2626;--color-surface:#fff;--color-text:#111827;--color-text-soft:#4b5563;--font-display:"Macondo", cursive;--font-body:"Macondo", cursive;--font-mono:"JetBrains Mono", monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--shadow-hard:6px 6px 0 var(--color-text);--shadow-hard-sm:4px 4px 0 var(--color-text);--shadow-hard-lg:8px 8px 0 var(--color-text);--nav-height:68px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font-body);color:var(--color-text);background-color:#f3f4f6;background-image:repeating-linear-gradient(135deg,#3b82f60f 0 24px,#8b5cf60f 24px 48px),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;min-height:100vh;margin:0}button,input{font-family:inherit}a{color:var(--color-primary-dark)}:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--color-primary-dark);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}kbd{border:2px solid var(--color-text);background:var(--color-surface);min-width:1.8em;color:var(--color-text);font-family:var(--font-mono);text-align:center;text-transform:none;letter-spacing:normal;border-bottom-width:4px;border-radius:6px;padding:1px 6px;font-size:.8rem;font-weight:700;line-height:1.4;display:inline-block}.sheet{background:var(--color-surface);border:3px solid var(--color-text);box-shadow:var(--shadow-hard);padding:var(--space-6) var(--space-6) var(--space-6) var(--space-8);border-radius:12px;position:relative}.pin{top:-14px;left:var(--space-6);background:var(--color-warning);border:3px solid var(--color-text);border-radius:4px;width:22px;height:22px;position:absolute;transform:rotate(45deg)}.handwritten-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.03em;margin:0 0 var(--space-1);color:var(--color-text);font-size:2.2rem;font-weight:400}.handwritten-title.small{font-size:1.5rem}.handwritten-title.big{font-size:3rem}.sheet-subtitle{margin:0 0 var(--space-6);color:var(--color-text-soft);font-size:1.05rem}.sheet-footer{margin-top:var(--space-6);color:var(--color-text-soft);font-size:.95rem}.sheet-footer a{color:var(--color-primary-dark);font-weight:700}.form-error{border:2px dashed var(--color-danger);color:var(--color-danger);padding:var(--space-2) var(--space-3);font-family:var(--font-mono);margin-bottom:var(--space-4);background:#dc262614;border-radius:6px;font-size:.9rem}.form-notice{border:2px dashed var(--color-success);color:#15803d;padding:var(--space-2) var(--space-3);font-family:var(--font-mono);margin-bottom:var(--space-4);background:#16a34a14;border-radius:6px;font-size:.9rem}.field{margin-bottom:var(--space-4);color:var(--color-text-soft);flex-direction:column;font-size:1.05rem;display:flex}.field span{margin-bottom:var(--space-1);font-weight:700}.field input,.field textarea,.field select{border:2px solid var(--color-text);background:var(--color-surface);padding:var(--space-2) var(--space-3);font-family:var(--font-mono);color:var(--color-text);border-radius:6px;outline:none;font-size:1rem;transition:box-shadow .15s,border-color .15s}.field textarea{resize:vertical;min-height:4.5rem}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f640}.field input[readonly]{color:var(--color-text-soft);cursor:default;background:#f3f4f6}.field-hint{margin:calc(-1 * var(--space-3)) 0 var(--space-4);font-family:var(--font-mono);color:var(--color-text-soft);font-size:.8rem}.field-row{gap:0 var(--space-4);grid-template-columns:1fr 1fr;display:grid}.field-checkbox{align-items:center;gap:var(--space-2);flex-direction:row}.field-checkbox input{width:1.1rem;height:1.1rem;accent-color:var(--color-primary)}.field-checkbox span{margin-bottom:0;font-weight:400}.btn-ink{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.03em;padding:var(--space-2) var(--space-6);border:3px solid var(--color-text);background:var(--color-primary);color:#fff;cursor:pointer;box-shadow:var(--shadow-hard-sm);border-radius:8px;font-size:1rem;font-weight:700;transition:transform .15s,box-shadow .15s,background .15s}.btn-ink:active:not(:disabled){box-shadow:2px 2px 0 var(--color-text);transform:translate(0)}.btn-ink:disabled{opacity:.6;cursor:not-allowed}a.btn-ink{text-align:center;text-decoration:none;display:inline-block}.btn-ghost{background:var(--color-surface);color:var(--color-secondary-dark)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger-outline{background:var(--color-surface);color:var(--color-danger)}.transition-stage{position:relative}.transition-paper{transform-origin:50%}.transition-paper--out{animation:.32s cubic-bezier(.5,0,.85,1) forwards crt-off}.transition-paper--in{animation:.34s ease-out crt-on}@keyframes crt-off{0%{opacity:1;filter:brightness();transform:scale(1)}60%{opacity:1;filter:brightness(2);transform:scaleY(.02)}to{opacity:0;filter:brightness(3);transform:scale(0,.001)}}@keyframes crt-on{0%{opacity:0;filter:brightness(3);transform:scale(0,.001)}40%{opacity:1;filter:brightness(2);transform:scaleY(.02)}to{opacity:1;filter:brightness();transform:scale(1)}}.page-center{min-height:100vh;padding:var(--space-8);justify-content:center;align-items:center;display:flex}.auth-sheet{width:100%;max-width:400px}.app-nav{z-index:40;background:var(--color-surface);border-bottom:3px solid var(--color-text);position:sticky;top:0}.app-nav-inner{max-width:1100px;min-height:var(--nav-height);padding:var(--space-2) var(--space-4);align-items:center;gap:var(--space-6);margin:0 auto;display:flex}.app-nav-brand{align-items:center;gap:var(--space-3);color:var(--color-text);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;flex-shrink:0;font-size:1.35rem;text-decoration:none;display:inline-flex}.app-nav-logo{background:var(--color-warning);color:#fff;border:3px solid var(--color-text);width:2.3rem;height:2.3rem;box-shadow:3px 3px 0 var(--color-text);border-radius:8px;place-items:center;font-size:1.3rem;font-weight:700;transition:transform .15s;display:grid;transform:rotate(-6deg)}.app-nav-links{align-items:center;gap:var(--space-2);flex:1;display:flex}.app-nav-link{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);color:var(--color-text-soft);font-family:var(--font-body);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;border:2px solid #0000;border-radius:8px;font-size:1.05rem;font-weight:700;text-decoration:none;transition:background .15s,color .15s,box-shadow .15s;display:inline-flex}.app-nav-link.push{margin-left:auto}.app-nav-link.active{background:var(--color-primary-dark);border-color:var(--color-text);color:#fff;box-shadow:3px 3px 0 var(--color-text)}.app-nav-icon-wrap{display:inline-flex;position:relative}.app-nav-badge{border:2px solid var(--color-text);background:var(--color-danger);color:#fff;min-width:1.3rem;height:1.3rem;font-family:var(--font-mono);border-radius:999px;place-items:center;padding:0 4px;font-size:.7rem;font-weight:700;line-height:1;display:grid;position:absolute;top:-9px;right:-12px}.app-nav-help{margin-left:auto}.home-page{max-width:1100px;padding:var(--space-8) var(--space-4) var(--space-8);min-height:calc(100vh - var(--nav-height));flex-direction:column;margin:0 auto;display:flex}.page-stack{gap:var(--space-8);flex-direction:column;max-width:720px;display:flex}.page-stack .intervals-editor{max-width:none;margin-bottom:0}.page-stack .sheet>.handwritten-title.small:not(:has(+.sheet-subtitle)){margin-bottom:var(--space-4)}.home-banner{align-items:center;gap:var(--space-6);margin-bottom:calc(var(--space-8) + var(--space-3));padding:var(--space-4) var(--space-6);display:flex}.home-banner-count{min-width:4rem;height:4rem;padding:0 var(--space-2);border:3px solid var(--color-text);box-shadow:var(--shadow-hard-sm);background:var(--color-warning);color:#fff;font-family:var(--font-mono);border-radius:10px;flex-shrink:0;place-items:center;font-size:2rem;font-weight:800;line-height:1;display:grid}.home-banner--done .home-banner-count{background:var(--color-success)}.home-banner--welcome .home-banner-count{background:var(--color-secondary)}.home-banner-text{flex:1;min-width:0}.home-banner-text p{color:var(--color-text-soft);margin:0}.home-banner-cta{flex-shrink:0}.breadcrumb{align-items:center;gap:var(--space-2);margin-bottom:var(--space-6);font-family:var(--font-mono);color:var(--color-text-soft);min-width:0;font-size:.9rem;display:flex}.breadcrumb a{color:var(--color-primary-dark);flex-shrink:0;font-weight:700;text-decoration:none}.breadcrumb [aria-current]{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.home-header{gap:var(--space-4);margin-bottom:var(--space-8);flex-direction:column;display:flex}.home-header-top{justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;display:flex}.home-header .form-actions{margin-left:auto}.box-header{flex-flow:wrap;justify-content:space-between;align-items:center}.home-header .sheet-subtitle{margin-bottom:0}.box-grid{gap:var(--space-8) var(--space-6);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.pagination{justify-content:center;align-items:center;gap:var(--space-6);margin-top:var(--space-8);display:flex}.bmc-link{border:3px solid var(--color-text);box-shadow:var(--shadow-hard-sm);border-radius:8px;transition:transform .15s,box-shadow .15s;display:inline-flex;overflow:hidden}.bmc-link img{width:auto;height:2.6rem;display:block}.bmc-footer{display:none}.box-card{min-height:190px;color:inherit;cursor:pointer;flex-direction:column;text-decoration:none;display:flex}.tilt-0,.tilt-1,.tilt-2,.tilt-3{border-color:var(--color-text)}.box-description{color:var(--color-text-soft);flex-grow:1;font-size:1rem}.box-count{background:var(--color-warning);color:#fff;padding:var(--space-1) var(--space-3);font-family:var(--font-mono);border-radius:999px;align-self:flex-start;margin:0;font-size:.85rem;font-weight:700}.box-card-footer{justify-content:space-between;align-items:center;gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.box-card-delete-confirm{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.add-box-card{justify-content:center;align-items:center;gap:var(--space-2);color:var(--color-text-soft);cursor:pointer;border:3px dashed var(--color-secondary);box-shadow:none;font-family:var(--font-body);background:0 0;font-size:1.1rem}.add-icon{color:var(--color-secondary);font-size:2.5rem;line-height:1}.new-box-form{flex-direction:column;display:flex}.new-box-form .form-actions{flex-wrap:wrap}.form-actions{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.question-list{gap:var(--space-6);margin-top:var(--space-8);margin-bottom:var(--space-8);flex-direction:column;display:flex}.empty-hint{color:var(--color-text-soft);font-style:italic}.question-item{padding:var(--space-4) var(--space-4) var(--space-4) var(--space-8)}.question-text{margin:0 0 var(--space-3);white-space:pre-wrap;font-size:1.15rem;font-weight:700}.question-item-meta{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.question-interval-badge{background:var(--color-primary);color:#fff;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.02em;padding:2px var(--space-2);border-radius:999px;font-size:.75rem;font-weight:700}.question-due-label{font-family:var(--font-mono);color:var(--color-text-soft);font-size:.8rem}.question-item-actions{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.question-move-form{margin-bottom:var(--space-4)}.question-move-form .field{max-width:20rem}.question-delete-confirm-label{font-family:var(--font-mono);color:var(--color-danger);font-size:.85rem}.btn-subtle{box-shadow:none;color:var(--color-text-soft);font-family:var(--font-mono);text-transform:none;letter-spacing:normal;padding:var(--space-1) var(--space-2);cursor:pointer;background:0 0;border:none;border-radius:6px;font-size:.85rem;font-weight:400}.add-question-form{max-width:480px}.question-search{width:100%;max-width:480px;margin:var(--space-6) 0 0;border:2px solid var(--color-text);background:var(--color-surface);padding:var(--space-2) var(--space-3);font-family:var(--font-mono);color:var(--color-text);border-radius:8px;outline:none;font-size:1rem;transition:box-shadow .15s,border-color .15s;display:block}.question-search:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f640}.attachment-field{margin:var(--space-2) 0 var(--space-4)}.attachment-field-label{color:var(--color-text-soft);margin-bottom:var(--space-1);font-size:.85rem;font-weight:700;display:block}.attachment-preview{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.attachment-thumb{object-fit:cover;border:2px solid var(--color-text);border-radius:8px;max-width:160px;max-height:120px;display:block}.attachment-thumb-btn{cursor:zoom-in;background:0 0;border:none;padding:0;display:inline-block}.attachment-lightbox{z-index:200;padding:var(--space-8);cursor:zoom-out;background:#111827d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.attachment-lightbox-img{cursor:default;border:3px solid #fff;border-radius:8px;max-width:100%;max-height:100%}.attachment-lightbox-close{top:5rem;right:var(--space-6);border:3px solid var(--color-text);background:var(--color-surface);width:2.4rem;height:2.4rem;color:var(--color-text);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;line-height:1;display:flex;position:fixed}.btn-help{border:3px solid var(--color-text);background:var(--color-warning);color:#fff;width:2.6rem;height:2.6rem;font-family:var(--font-body);cursor:pointer;box-shadow:var(--shadow-hard-sm);border-radius:50%;flex-shrink:0;font-size:1.2rem;font-weight:700;line-height:1;transition:transform .15s,box-shadow .15s}.help-modal-backdrop{z-index:200;padding:var(--space-6);background:#111827bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}.help-modal{width:100%;max-width:560px;max-height:85vh;position:relative;overflow-y:auto}.help-modal-close{top:var(--space-4);right:var(--space-4);border:2px solid var(--color-text);background:var(--color-surface);width:2.2rem;height:2.2rem;color:var(--color-text);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;line-height:1;display:flex;position:absolute}.help-section{margin-bottom:var(--space-4)}.help-section h3{font-family:var(--font-body);margin:0 0 var(--space-1);color:var(--color-text);font-size:1.1rem}.help-section p{color:var(--color-text-soft);margin:0;line-height:1.5}.attachment-file-link{font-family:var(--font-mono);color:var(--color-primary-dark);word-break:break-all;font-size:.9rem;text-decoration:underline}.attachment-pdf{gap:var(--space-2);flex-direction:column;width:100%;display:flex}.attachment-pdf-frame{border:2px solid var(--color-text);background:#fff;border-radius:8px;width:100%;height:360px}.attachment-upload-btn{border:2px dashed var(--color-secondary);padding:var(--space-2) var(--space-3);font-family:var(--font-mono);color:var(--color-secondary-dark);cursor:pointer;border-radius:8px;font-size:.85rem;display:inline-block}button.attachment-upload-btn{background:0 0}.attachment-upload-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.camera-video{width:100%;max-height:60vh;margin-bottom:var(--space-4);border:2px solid var(--color-text);object-fit:contain;background:#000;border-radius:8px;display:block}.intervals-editor{max-width:640px;margin-bottom:var(--space-8)}.intervals-row{align-items:center;gap:var(--space-3);margin:var(--space-4) 0;flex-wrap:wrap;display:flex}.interval-step{align-items:center;gap:var(--space-1);border:2px solid var(--color-text);padding:var(--space-1) var(--space-2);background:var(--color-surface);border-radius:8px;display:flex}.interval-step-label{font-family:var(--font-mono);color:var(--color-text-soft);font-size:.75rem}.interval-step input{border:none;border-bottom:2px solid var(--color-text);width:3.2rem;font-family:var(--font-mono);text-align:center;padding:var(--space-1) 0;background:0 0;outline:none;font-size:1rem}.interval-step input:focus{border-bottom-color:var(--color-primary)}.interval-step-unit{font-family:var(--font-mono);color:var(--color-text-soft);font-size:.85rem}.interval-step-remove{color:var(--color-danger);cursor:pointer;padding:0 0 0 var(--space-1);background:0 0;border:none;font-size:1.1rem;line-height:1}.interval-step-add{border:2px dashed var(--color-secondary);width:2.4rem;height:2.4rem;color:var(--color-secondary);cursor:pointer;background:0 0;border-radius:8px;font-size:1.3rem;line-height:1}.interval-saved-hint{color:var(--color-success);font-family:var(--font-mono);align-self:center;font-size:.9rem}.account-identity{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.account-avatar{border:3px solid var(--color-text);width:4.5rem;height:4.5rem;box-shadow:var(--shadow-hard-sm);background:var(--color-secondary-dark);color:#fff;font-family:var(--font-display);border-radius:50%;flex-shrink:0;place-items:center;font-size:2.2rem;line-height:1;display:grid}.account-identity-text{flex:1;min-width:12rem}.account-name{margin:0 0 var(--space-1);overflow-wrap:anywhere;font-size:1.6rem;font-weight:700}.account-meta{font-family:var(--font-mono);color:var(--color-text-soft);overflow-wrap:anywhere;margin:0;font-size:.85rem}.account-logout{flex-shrink:0}.stat-tiles{margin:var(--space-6) 0 0;gap:var(--space-3);grid-template-columns:repeat(3,1fr);padding:0;list-style:none;display:grid}.stat-tile{height:100%;padding:var(--space-3) var(--space-4);border:2px solid var(--color-text);color:inherit;background:#f9fafb;border-radius:8px;flex-direction:column;gap:2px;text-decoration:none;display:flex}.stat-value{font-family:var(--font-mono);font-size:1.8rem;font-weight:800;line-height:1.1}.stat-label{color:var(--color-text-soft);font-size:.95rem}.stat-tile--link{box-shadow:3px 3px 0 var(--color-text);background:#d977061a;transition:transform .15s,box-shadow .15s}.stat-tile--link .stat-label{color:var(--color-text);font-weight:700}.stat-tile--link .stat-label:after{content:" →"}.account-support{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.account-support .sheet-subtitle{margin-bottom:0}.danger-zone{border-color:var(--color-danger);box-shadow:6px 6px 0 var(--color-danger)}.danger-zone .handwritten-title{color:var(--color-danger)}.choice-group{border:none;min-width:0;margin:0;padding:0}.choice-group legend{margin-bottom:var(--space-2);color:var(--color-text-soft);padding:0;font-size:1.05rem;font-weight:700}.choice-cards{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.choice-card{padding:var(--space-3) var(--space-4) var(--space-3) calc(var(--space-4) + 1.8rem);border:2px solid var(--color-text);background:var(--color-surface);cursor:pointer;border-radius:8px;flex-direction:column;gap:2px;transition:box-shadow .15s,background .15s;display:flex;position:relative}.choice-card input{top:calc(var(--space-3) + 3px);left:var(--space-4);width:1.1rem;height:1.1rem;accent-color:var(--color-primary-dark);margin:0;position:absolute}.choice-card.checked{box-shadow:var(--shadow-hard-sm);background:#3b82f614}.choice-card-title{font-size:1.05rem;font-weight:700}.choice-card-desc{font-family:var(--font-mono);color:var(--color-text-soft);font-size:.8rem}.save-status{margin:var(--space-3) 0 0;font-family:var(--font-mono);color:var(--color-text-soft);font-size:.85rem}.save-status--saved{color:#15803d}.save-status--error{color:var(--color-danger)}.shortcut-list{gap:var(--space-3);flex-direction:column;margin:0;display:flex}.shortcut-row{align-items:center;gap:var(--space-4);display:flex}.shortcut-row dt{min-width:11rem}.shortcut-row dd{color:var(--color-text-soft);margin:0}.shortcut-or{font-family:var(--font-mono);color:var(--color-text-soft);font-size:.8rem}.review-page{z-index:50;height:100dvh;padding:6rem var(--space-8) calc(var(--space-8) + env(safe-area-inset-bottom));background:repeating-linear-gradient(135deg,#3b82f614 0 24px,#8b5cf614 24px 48px),#f3f4f6;flex-direction:column;justify-content:flex-start;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}.review-exit{top:var(--space-6);left:var(--space-6);border:3px solid var(--color-text);width:2.4rem;height:2.4rem;color:var(--color-text);background:var(--color-surface);box-shadow:var(--shadow-hard-sm);border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;line-height:1;text-decoration:none;display:flex;position:fixed}.review-progress{top:var(--space-6);right:var(--space-6);color:var(--color-text);background:var(--color-surface);border:2px solid var(--color-text);padding:var(--space-1) var(--space-4);font-family:var(--font-mono);border-radius:999px;margin:0;font-size:1.1rem;font-weight:700;position:fixed}.review-scope{top:var(--space-6);color:#fff;background:var(--color-secondary);border:2px solid var(--color-text);padding:var(--space-1) var(--space-4);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.02em;border-radius:999px;margin:0;font-size:.85rem;font-weight:700;position:fixed;left:50%;transform:translate(-50%)}.review-empty{text-align:center;max-width:480px}.review-empty .btn-ink{margin-top:var(--space-4);text-decoration:none;display:inline-block}.review-card{justify-content:center;gap:var(--space-6);flex-direction:column;flex-shrink:0;width:100%;max-width:640px;min-height:min(60vh,420px);display:flex}.review-question-text{white-space:pre-wrap;margin:0;font-size:1.8rem;font-weight:700}.review-answer-text{color:var(--color-text-soft);padding-top:var(--space-6);border-top:2px dashed var(--color-text-soft);white-space:pre-wrap;margin:0;font-size:1.5rem}.review-card .form-actions{margin-top:var(--space-2)}.review-actions{flex-wrap:wrap}.kbd-hint{margin:0 var(--space-1);vertical-align:1px;font-size:.75rem}.review-progress-bar{border-bottom:2px solid var(--color-text);background:#11182714;height:8px;position:fixed;top:0;left:0;right:0}.review-progress-bar span{background:var(--color-success);height:100%;transition:width .3s;display:block}@media (width<=1000px){.app-nav-brand-text{display:none}}@media (width<=800px){:root{--nav-height:56px;--tabbar-height:64px}.app-nav{position:static}.app-nav-brand-text{font-size:1.15rem;display:inline}.app-nav-links{z-index:40;min-height:calc(var(--tabbar-height) + env(safe-area-inset-bottom));padding:var(--space-1) var(--space-1) calc(var(--space-1) + env(safe-area-inset-bottom));background:var(--color-surface);border-top:3px solid var(--color-text);grid-template-columns:repeat(4,1fr);gap:0;display:grid;position:fixed;bottom:0;left:0;right:0}.app-nav-link{padding:var(--space-1) 0;font-family:var(--font-mono);letter-spacing:0;border:none;flex-direction:column;justify-content:center;gap:2px;font-size:.7rem}.app-nav-link.push{margin-left:0}.app-nav-link.active{color:var(--color-primary-dark);box-shadow:none;background:0 0}.app-nav-icon-wrap{padding:2px var(--space-4);border:2px solid #0000;border-radius:999px}.app-nav-link.active .app-nav-icon-wrap{background:var(--color-primary-dark);border-color:var(--color-text);color:#fff}.app-nav-badge{top:-6px;right:2px}.home-page{min-height:calc(100vh - var(--nav-height));min-height:calc(100dvh - var(--nav-height));padding-bottom:calc(var(--space-8) + var(--tabbar-height) + env(safe-area-inset-bottom))}}@media (width<=600px){.transition-paper--out,.transition-paper--in{animation:none}.review-question-text{font-size:1.4rem}.review-answer-text{font-size:1.2rem}.attachment-pdf-frame{height:45vh}.bmc-link--header{display:none}.bmc-footer{padding-top:var(--space-8);justify-content:center;margin-top:auto;display:flex}.home-header .form-actions{align-items:stretch;gap:var(--space-2);flex-direction:column;width:100%}.home-header .form-actions .btn-ink{text-align:center;width:100%;padding:var(--space-2) var(--space-4);font-size:.9rem}.home-header .form-actions .btn-help{align-self:flex-start}.handwritten-title.big{font-size:2.2rem}.home-banner{gap:var(--space-4);padding:var(--space-4);flex-wrap:wrap}.home-banner-cta{width:100%}.field-row{grid-template-columns:1fr}.stat-tiles{gap:var(--space-2)}.stat-tile{padding:var(--space-2) var(--space-3)}.stat-value{font-size:1.4rem}.stat-tile--link .stat-label:after{content:none}.account-logout{width:100%}.shortcut-row{align-items:flex-start;gap:var(--space-1);flex-direction:column}}@media (prefers-reduced-motion:reduce){.transition-paper--out,.transition-paper--in{animation:none}}@media (hover:none){.kbd-hint,.shortcuts-section{display:none}}@media (hover:hover){.btn-ink:hover:not(:disabled){box-shadow:var(--shadow-hard);background:var(--color-primary-dark);transform:translate(-2px,-2px)}.btn-ghost:hover:not(:disabled){background:var(--color-secondary);color:#fff}.bmc-link:hover{box-shadow:var(--shadow-hard);transform:translate(-2px,-2px)}.box-card:hover{box-shadow:var(--shadow-hard-lg);transition:transform .15s,box-shadow .15s;transform:translate(-3px,-3px)}.add-box-card:hover{color:var(--color-secondary-dark);border-color:var(--color-secondary-dark);box-shadow:none;transform:none}.btn-subtle:hover:not(:disabled){color:var(--color-text);box-shadow:none;background:#1118270f;transform:none}.btn-subtle-danger:hover:not(:disabled){color:var(--color-danger);background:#dc262614}.btn-help:hover{box-shadow:var(--shadow-hard);transform:translate(-2px,-2px)}.attachment-upload-btn:hover{border-color:var(--color-secondary-dark);background:#8b5cf60f}.interval-step-remove:hover{color:#fff;background:var(--color-danger);border-radius:4px}.interval-step-add:hover{border-color:var(--color-secondary-dark);color:var(--color-secondary-dark)}.review-exit:hover{background:var(--color-danger);border-color:var(--color-danger);color:#fff}.app-nav-link:not(.active):hover{color:var(--color-text);background:#3b82f61a}.app-nav-brand:hover .app-nav-logo{transform:rotate(6deg)}.breadcrumb a:hover{text-decoration:underline}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-danger-outline:hover:not(:disabled){background:var(--color-danger);color:#fff}.stat-tile--link:hover{box-shadow:var(--shadow-hard-sm);transform:translate(-2px,-2px)}.choice-card:not(.checked):hover{background:#3b82f60d}}