html{scroll-padding-top:5rem;scroll-padding-bottom:6.5rem}.shell{min-height:100dvh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:10;background:#fffffff5;border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top)}.topbar-row{max-width:var(--read);margin:0 auto;min-height:3.25rem;padding:0 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.progress-text{font-size:.9375rem;font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums}.topbar-right{display:flex;align-items:center;gap:.25rem}.topbar-link{display:inline-flex;align-items:center;min-height:2.75rem;padding:0 .625rem;border-radius:8px;color:var(--accent);font-weight:600;font-size:.9375rem;text-decoration:none}.topbar-link:hover{background:var(--surface)}.progress{height:3px;background:var(--line)}.progress>span{display:block;height:100%;background:var(--accent);transition:width .2s ease-out}.global-sync{font-size:.8125rem;font-weight:600;padding:.125rem .5rem;border-radius:999px;background:var(--surface);color:var(--muted);white-space:nowrap}.global-sync--offline,.global-sync--error,.global-sync--dirty{background:#fff4d6;color:#7a4b00}.global-sync--conflict{background:#fdf3f2;color:var(--danger)}.info-bar{margin:0;padding:.625rem 1.25rem;background:var(--surface);border-bottom:1px solid var(--line);font-size:.9375rem;text-align:center}.info-bar--warn{background:#fff8e6;color:#5c3d00}.page{flex:1;width:100%;max-width:var(--read);margin:0 auto;padding:2rem 1.25rem 2.5rem;display:flex;flex-direction:column;gap:1rem}.page--center{min-height:100dvh;justify-content:center;padding-top:max(2rem,env(safe-area-inset-top))}.page h1{margin:0;font-size:clamp(1.5rem,1.15rem + 1.6vw,2rem);line-height:1.22;font-weight:650;letter-spacing:-.012em;text-wrap:balance}.page h1:focus{outline:none}.eyebrow{margin:0;color:var(--muted);font-size:.875rem;font-weight:600;letter-spacing:.01em}.lead{margin:0;color:var(--muted)}.link{color:var(--accent);font-weight:600;text-underline-offset:3px}.prose{display:grid;gap:.875rem}.prose p,.prose ul{margin:0}.prose ul{padding-left:1.25rem}.prose--small{font-size:.9375rem;color:var(--muted)}.notice{margin:0;padding:.875rem 1rem;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line)}.notice--error{border-color:#f1c4bf;background:#fdf3f2;color:var(--danger)}.notice--warn{border-color:#f0dc9c;background:#fff8e6;color:#5c3d00}.page--welcome{gap:1.25rem;padding-bottom:max(2.5rem,env(safe-area-inset-bottom))}.welcome-title{font-size:clamp(1.625rem,1.2rem + 2vw,2.25rem)!important}.facts-line{margin:0;padding:.875rem 1rem;border-left:3px solid var(--accent);background:#f2f5fd;border-radius:0 10px 10px 0;font-size:.9375rem}.privacy{border:1px solid var(--line);border-radius:var(--radius);padding:.75rem 1rem}.privacy summary{cursor:pointer;font-weight:600;min-height:2rem;display:flex;align-items:center}.privacy[open] summary{margin-bottom:.5rem}.welcome-actions{display:grid;gap:.875rem;justify-items:center;margin-top:.5rem}.page--question{gap:1.125rem}.question-title{font-size:clamp(1.5rem,1.15rem + 1.6vw,2rem)}.question-help{margin:-.25rem 0 0;color:var(--muted)}.known{border:1px solid var(--line);border-radius:var(--radius);padding:.875rem 1rem;background:var(--surface)}.known h2{margin:0 0 .5rem;font-size:.9375rem}.known ul{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.known-item{display:grid;gap:.125rem;padding-left:.75rem;border-left:3px solid;font-size:.9375rem}.known-item--confirmed{border-color:#2f9e57}.known-item--web{border-color:#3d6be0}.known-item--hypothesis{border-color:#d9a21b}.known-label{font-size:.75rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.known-item--confirmed .known-label{color:#135c2a}.known-item--web .known-label{color:#1d44b0}.known-item--hypothesis .known-label{color:#7a4b00}.known-note{margin:.625rem 0 0;font-size:.8125rem;color:var(--muted)}.answer{display:grid;gap:.375rem}.answer-label{font-weight:650}.answer-hint{margin:0;font-size:.9375rem;color:var(--muted)}.answer textarea{width:100%;min-height:9rem;field-sizing:content;max-height:60dvh;padding:.875rem 1rem;border:1px solid #b9bdc6;border-radius:12px;font:inherit;font-size:max(1rem,16px);line-height:1.5;color:var(--text);background:var(--bg);resize:vertical;transition:border-color .12s ease-out}.answer textarea:focus-visible{outline:3px solid rgb(31 79 209 / .35);outline-offset:0;border-color:var(--accent)}.answer textarea:disabled{background:var(--surface);color:var(--muted)}.sync{margin:0;min-height:1.5rem;font-size:.875rem;color:var(--muted);display:flex;align-items:center;gap:.5rem}.sync-dot{width:.5rem;height:.5rem;border-radius:50%;background:currentColor;flex:none}.sync--saved{color:var(--ok)}.sync--dirty,.sync--saving{color:var(--muted)}.sync--offline,.sync--error{color:#7a4b00}.sync--conflict{color:var(--danger)}.skip{margin-top:-.25rem}.link-button{border:0;background:none;padding:.5rem 0;min-height:2.75rem;font:inherit;font-weight:600;color:var(--accent);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.link-button:disabled{color:var(--muted);cursor:default}.skip-options{margin:0;border:1px solid var(--line);border-radius:var(--radius);padding:.75rem 1rem .5rem;display:grid;gap:.25rem}.skip-options legend{font-weight:650;padding:0 .25rem}.choice{display:flex;align-items:center;gap:.75rem;min-height:2.75rem;cursor:pointer}.choice input{width:1.25rem;height:1.25rem;accent-color:var(--accent)}.field{display:grid;gap:.25rem;margin:.25rem 0}.field label{font-size:.9375rem;font-weight:600}.field input{min-height:var(--tap);padding:0 .875rem;border:1px solid #b9bdc6;border-radius:10px;font:inherit;font-size:max(1rem,16px)}.conflict{border:1px solid #f1c4bf;background:#fdf3f2;border-radius:var(--radius);padding:.875rem 1rem;display:grid;gap:.625rem}.conflict p{margin:0}.conflict blockquote{margin:0;padding:.625rem .875rem;background:var(--bg);border-radius:8px;white-space:pre-wrap;max-height:12rem;overflow:auto;font-size:.9375rem}.row{display:flex;gap:.5rem;flex-wrap:wrap}.actionbar{position:sticky;bottom:0;z-index:10;background:#fffffff7;border-top:1px solid var(--line);padding:.75rem 1.25rem max(.75rem,env(safe-area-inset-bottom));display:flex;gap:.75rem;justify-content:center}.actionbar>*{max-width:calc(var(--read) - 2.5rem)}.button--grow{flex:1}@media(min-width:720px){.actionbar .button--grow{flex:0 1 20rem}}.button{display:inline-flex;align-items:center;justify-content:center;min-height:3.25rem;padding:0 1.25rem;border-radius:12px;border:1px solid #b9bdc6;background:var(--bg);color:var(--text);font:inherit;font-weight:650;text-decoration:none;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:background-color .12s ease-out,border-color .12s ease-out}@media(hover:hover){.button:hover{background:var(--surface)}}.button:disabled{opacity:.55;cursor:default}.button--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}@media(hover:hover){.button--primary:hover:not(:disabled){background:#1a43b3}}.button--block{width:100%}.button--small{min-height:2.5rem;padding:0 .875rem;font-size:.9375rem;border-radius:10px}.button--danger{color:var(--danger);border-color:#e7b3ad}.logout-confirm{position:absolute;right:1rem;top:calc(100% + .5rem);z-index:20;display:grid;grid-template-columns:1fr 1fr;gap:.5rem;max-width:18rem;padding:.875rem;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 24px #0000001f;font-size:.9375rem}.logout-confirm>span{grid-column:1 / -1}.topbar{position:sticky}.topbar-row{position:relative}.toc{list-style:none;margin:.5rem 0 0;padding:0}.toc-section{margin:1.25rem 0 .375rem;font-size:.8125rem;font-weight:700;color:var(--muted);letter-spacing:.02em;text-transform:uppercase}.toc-item{display:grid;grid-template-columns:2rem 1fr auto;gap:.75rem;align-items:center;padding:.75rem .5rem;border-bottom:1px solid var(--line);color:var(--text);text-decoration:none;min-height:3.25rem}@media(hover:hover){.toc-item:hover{background:var(--surface)}}.toc-item--current{background:#f2f5fd;border-radius:8px}.toc-num{font-variant-numeric:tabular-nums;color:var(--muted);font-weight:600;text-align:right}.toc-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.9375rem}.chip{font-size:.75rem;font-weight:650;padding:.1875rem .5rem;border-radius:999px;background:var(--surface);border:1px solid var(--line);color:var(--muted);white-space:nowrap}.chip--ok{background:#e8f5ec;border-color:#b7dfc3;color:var(--ok)}.chip--warn{background:#fff4d6;border-color:#f0dc9c;color:#7a4b00}.chip--empty{background:var(--bg)}.missing{margin:0;padding-left:1.25rem;display:grid;gap:.375rem}.missing a{color:var(--accent)}.choose{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}.choose-item{width:100%;text-align:left;display:grid;gap:.25rem;padding:1rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);font:inherit;cursor:pointer}.choose-item span{color:var(--muted);font-size:.9375rem}.dev-banner{padding:calc(.25rem + env(safe-area-inset-top)) 1rem .25rem;background:#fff4d6;color:#6b4e00;font-size:.8125rem;text-align:center;border-bottom:1px solid #f0dc9c}.dev-banner+.shell .topbar{padding-top:0}.topbar-link.link-button{text-decoration:none;padding:0 .625rem;font-size:.9375rem;color:var(--muted)}.topbar-brand{font-size:.9375rem;font-weight:600;color:var(--muted)}.actionbar .button{white-space:nowrap;padding:0 1rem}@media(max-width:360px){.actionbar .button{font-size:.9375rem;padding:0 .75rem}}.progress-text,.topbar-brand{white-space:nowrap}@media(max-width:420px){.topbar-row{padding:0 .75rem 0 1rem;gap:.5rem}.topbar-link,.topbar-link.link-button{padding:0 .5rem}.global-sync{font-size:.75rem;padding:.125rem .4375rem}}.topbar-row>.topbar-link:first-child{margin-left:-.625rem}.audio{display:grid;gap:.75rem;padding-top:.25rem}.audio-head{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.audio-head h2{margin:0;font-size:1rem}.audio-count{font-size:.875rem;color:var(--muted);font-variant-numeric:tabular-nums}.record-start{display:grid;gap:.375rem}.record-hint{margin:0;font-size:.875rem;color:var(--muted)}.button--record{gap:.625rem;justify-content:center;width:100%}@media(min-width:560px){.button--record{width:auto;justify-self:start;padding:0 1.5rem}}.rec-dot{width:.75rem;height:.75rem;border-radius:50%;background:var(--rec);flex:none}.button--record:disabled .rec-dot{background:var(--muted)}.recording{display:grid;gap:.75rem;padding:1rem;border:1px solid #f1c4bf;border-radius:var(--radius);background:#fdf5f4}.recording-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.recording-label{display:inline-flex;align-items:center;gap:.5rem;font-weight:650;color:var(--rec-ink)}.recording-time{font-size:1.375rem;font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.recording-max{font-size:.9375rem;font-weight:500;color:var(--muted)}.recording-warn{margin:0;font-size:.875rem;color:var(--rec-ink)}.rec-dot--live{animation:rec-pulse 1.6s ease-in-out infinite}@keyframes rec-pulse{50%{opacity:.35}}.level{display:block;height:6px;border-radius:3px;background:#f3d9d6;overflow:hidden}.level>span{display:block;height:100%;background:var(--rec);transform-origin:left;transform:scaleX(.02);transition:transform 80ms linear}.button--stop{background:var(--text);border-color:var(--text);color:#fff;gap:.625rem}@media(hover:hover){.button--stop:hover{background:#2b2f37!important}}.stop-square{width:.75rem;height:.75rem;border-radius:2px;background:currentColor}.mic-help{display:grid;gap:.5rem}.mic-help p{margin:0}.mic-help ol{margin:0;padding-left:1.25rem;display:grid;gap:.25rem}.notice--dismiss{display:grid;gap:.25rem}.notice--dismiss p{margin:0}.notice--dismiss .link-button{justify-self:start;min-height:2.25rem;padding:.25rem 0}.clips{list-style:none;margin:0;padding:0;display:grid;gap:.625rem}.clip{display:grid;gap:.5rem;padding:.875rem 1rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg)}.clip-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.25rem .75rem}.clip-name{font-weight:650}.clip-dur{font-weight:500;color:var(--muted);font-variant-numeric:tabular-nums}.clip-status{display:inline-flex;align-items:center;gap:.4375rem;font-size:.875rem;color:var(--muted)}.clip-status--ok{color:var(--ok)}.clip-status--warn{color:#7a4b00}.clip-status--bad{color:var(--danger)}.clip-progress{display:block;height:4px;border-radius:2px;background:var(--line);overflow:hidden}.clip-progress>span{display:block;height:100%;background:var(--accent);transform-origin:left;transition:transform .15s ease-out}.clip-note{margin:0;font-size:.875rem;color:var(--muted)}.clip-audio{width:100%;height:2.75rem}.clip-actions{display:flex;gap:.5rem;flex-wrap:wrap}.clip-confirm{display:grid;gap:.5rem;padding:.75rem;border-radius:10px;background:var(--surface);font-size:.9375rem}.global-sync--recording{background:#fdf3f2;color:var(--rec-ink)}.recording--waiting{background:var(--surface);border-color:var(--line);grid-template-columns:1fr auto;align-items:center}.recording-wait{margin:0;font-size:.9375rem}