.tshell{--rail:208px;--tabbar:64px;grid-template-columns:var(--rail) 1fr;grid-template-rows:auto 1fr;min-height:calc(100dvh - 41px);display:grid}.t-appbar{z-index:40;padding:0 max(16px, calc((100vw - var(--max)) / 2));background:var(--header-bg);height:56px;color:var(--header-ink);border-bottom:1px solid var(--header-line);grid-column:1/-1;align-items:center;gap:.75rem;display:flex;position:sticky;top:0}.t-appbar a{color:inherit;text-decoration:none}.t-back{white-space:nowrap;font-size:.92rem;font-weight:600;color:var(--header-ink-2)!important}.t-name{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:1.02rem;font-weight:700;overflow:hidden}.t-appbar .mode-badge{white-space:nowrap;flex:none;margin:0}.t-name .short{display:none}@media (width<=520px){.t-name .full{display:none}.t-name .short{display:inline}}.t-appbar .theme-toggle{border-color:var(--header-line);color:var(--header-ink-2);margin-left:auto}.t-nav{border-right:1px solid var(--line);background:var(--surface);flex-direction:column;align-self:start;gap:2px;height:calc(100dvh - 56px);padding:1rem .75rem;display:flex;position:sticky;top:56px}.t-nav a{border-radius:var(--radius-sm);color:var(--ink-2);align-items:center;gap:.65rem;padding:.6rem .75rem;font-size:.95rem;font-weight:600;text-decoration:none;display:flex}.t-nav a:hover{background:var(--surface-2);color:var(--ink)}.t-nav a[aria-current=page]{background:var(--brand-soft);color:var(--brand)}.tshell section{padding-block:0}.t-main{min-width:0;max-width:1100px;padding:1.25rem clamp(16px,3vw,2.5rem) 3rem}.t-head{margin-bottom:1.25rem}.t-head h1{margin-bottom:.35rem;font-size:clamp(1.5rem,3vw,2rem)}.t-head p{color:var(--ink-2);max-width:70ch;margin:0 0 .5rem}.t-body h2{margin-top:1.75rem;font-size:1.2rem}.t-foot{border-top:1px solid var(--line);color:var(--ink-3);margin-top:3rem;padding-top:1rem;font-size:.86rem}.t-foot p{margin:0 0 .5rem}@media (width<=860px){.tshell{padding-bottom:calc(var(--tabbar) + env(safe-area-inset-bottom));grid-template-columns:1fr}.t-nav{height:calc(var(--tabbar) + env(safe-area-inset-bottom));z-index:45;padding:4px 2px env(safe-area-inset-bottom);border-right:0;border-top:1px solid var(--line);background:color-mix(in oklab, var(--surface) 94%, transparent);-webkit-backdrop-filter:blur(10px);flex-direction:row;justify-content:space-around;gap:0;position:fixed;inset:auto 0 0}.t-nav a{flex-direction:column;flex:1;justify-content:center;gap:2px;min-width:0;padding:6px 0;font-size:.7rem}.t-nav a[aria-current=page]{background:0 0}.t-back span{display:none}.t-main{padding-top:1rem}}@media (width<=380px){.t-appbar .mode-badge{display:none}}.t-account:empty{display:none}.t-signin{white-space:nowrap;border:1px solid var(--header-line);border-radius:999px;padding:.35rem .7rem;font-size:.9rem;font-weight:600;color:var(--header-ink-2)!important}.t-avatar{background:var(--brand);border-radius:50%;place-items:center;width:32px;height:32px;font-size:.9rem;font-weight:700;display:grid;color:var(--brand-ink)!important}.t-account-card{margin-bottom:1.25rem}.t-account-card p{margin-top:0}.t-flash{margin-top:.75rem}.btn-sm{padding:.5rem .9rem;font-size:.9rem}.btn-link{color:var(--brand);font:600 .95rem var(--font-body);cursor:pointer;background:0 0;border:0;padding:.5rem .25rem}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.t-row{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1rem;display:flex}.t-cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:1rem;display:grid}.t-pick{text-align:left;font:inherit;cursor:pointer;color:inherit}.t-pick:hover{border-color:var(--brand)}.t-notes{gap:.6rem;margin:1rem 0;display:grid}.t-note{border-radius:var(--radius-sm);background:var(--surface-2);margin:0;padding:.7rem .9rem;font-size:.95rem}.t-note.warn{background:var(--accent-soft)}.t-stats{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;display:grid}.t-stat{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:.9rem 1rem}.t-stat b{font:700 1.6rem/1.1 var(--font-display);color:var(--brand);font-variant-numeric:tabular-nums;display:block}.t-stat span{color:var(--ink-2);font-size:.85rem}.t-big{font:700 2.6rem/1 var(--font-display);font-variant-numeric:tabular-nums;margin:.25rem 0}.t-score{max-width:520px}.t-check{align-items:center;gap:.5rem;display:flex}.t-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.95rem}.t-table th,.t-table td{text-align:left;border-bottom:1px solid var(--line);padding:.45rem .5rem}.t-bar{background:var(--surface-2);border-radius:999px;min-width:60px;height:8px}.t-bar span{background:var(--brand);border-radius:999px;height:100%;display:block}.t-levels{gap:.75rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.t-level{flex-direction:row;justify-content:space-between;align-items:center;gap:1rem}.t-level h3{margin:.1rem 0 .2rem}.t-level p{margin:0}.t-level-n{letter-spacing:.06em;text-transform:uppercase;color:var(--brand);font-size:.78rem;font-weight:700}.t-level[data-state=locked]{opacity:.6}.t-level[data-state=passed] .t-level-n:after{content:" · Passed ✓";color:var(--ok)}.t-meta{color:var(--ink-3);font-size:.86rem}@media (width<=560px){.t-level{flex-direction:column;align-items:stretch}}.t-findings{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:.75rem;display:grid}.t-findings a{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink);padding:.8rem 1rem;text-decoration:none;display:block}.t-findings a:hover{border-color:var(--brand)}.t-findings b{display:block}.t-findings span{color:var(--ink-3);font-size:.86rem}.t-pager{flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-top:2rem;display:flex}.t-run-head{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.t-run-status{color:var(--ink-3);font-variant-numeric:tabular-nums;margin-right:auto;font-size:.9rem}.t-work{gap:1.25rem;display:grid}@media (width<=1099px){.t-work>.t-media{order:-1}}@media (width>=1100px){.t-work{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start}.t-media{position:sticky;top:72px}}.t-ask{border:0;margin:0 0 1rem;padding:0}.t-ask legend{margin-bottom:.5rem;font-weight:700}.t-opts{grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));gap:.5rem;display:grid}.t-opt{text-align:left;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:550 1rem var(--font-body);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:.6rem;min-height:48px;padding:.75rem .9rem;display:flex}.t-opt kbd{font:600 .75rem var(--font-mono);color:var(--ink-3);min-width:.8em}.t-opt:hover:not(:disabled){border-color:var(--brand)}.t-opt[aria-pressed=true]{border-color:var(--brand);background:var(--brand-soft)}.t-opt.right{border-color:var(--ok);background:var(--ok-soft);color:var(--ok)}.t-opt.wrong{border-color:var(--risk);background:var(--risk-soft);color:var(--risk)}.t-opt:disabled{cursor:default}.t-opt.right:after{content:"✓";margin-left:auto}.t-opt.wrong:after{content:"✗";margin-left:auto}.t-feedback{border-radius:var(--radius);background:var(--surface-2);padding:1rem}.t-feedback p{margin:0 0 .5rem}.t-verdict{font-weight:800}.t-verdict.ok{color:var(--ok)}.t-verdict.bad{color:var(--risk)}.av{--wave:color-mix(in oklab, var(--ink-3) 55%, transparent);--wave-played:var(--brand);--wave-head:var(--ink);--wave-grid:color-mix(in oklab, var(--ink-3) 22%, transparent);--wave-label:var(--ink-3);--wave-window:color-mix(in oklab, var(--brand) 16%, transparent);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:.9rem}.av-label{min-height:1.4em;color:var(--ink-2);margin-bottom:.5rem;font-size:.92rem;font-weight:600}.av[data-error] .av-label{color:var(--risk)}.av-wave{border-radius:var(--radius-sm);background:var(--surface-2);cursor:pointer;touch-action:none;height:112px;position:relative}.av-wave canvas{width:100%;height:100%;position:absolute;inset:0}.av-overview{border-radius:var(--radius-sm);background:var(--surface-2);cursor:pointer;touch-action:none;height:30px;margin-top:.4rem;display:none;position:relative}.av.zoomed .av-overview{display:block}.av-overview canvas{width:100%;height:100%;position:absolute;inset:0}.av-wave:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.av-controls{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.75rem;display:flex}.av-play{background:var(--brand);min-height:44px;color:var(--brand-ink);font:700 1rem var(--font-body);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:.4rem;padding:.55rem 1.1rem;display:inline-flex}.av-icon{text-align:center;letter-spacing:-.15em;min-width:1.1em}.av-time{font-variant-numeric:tabular-nums;color:var(--ink-2);font-size:.92rem}.av-speed{color:var(--ink-2);align-items:center;gap:.4rem;margin-left:auto;font-size:.88rem;display:inline-flex}.av-speed select{font:inherit;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:.3rem .4rem}.av.cues-hidden .av-wave:after{content:"Waveform shown after you answer";color:var(--ink-3);white-space:nowrap;font-size:.75rem;position:absolute;top:10px;left:50%;transform:translate(-50%)}
