:root{--color-bg:#fafaf7;--color-surface:#fff;--color-ink:#111;--color-text:#3a3a3a;--color-muted:#6b6b6b;--color-line:#e7e5e0;--color-line-strong:#d6d3cc;--color-cta-hover:#2b2b2b;--color-on-cta:#fafaf7;--color-danger:#b42318;--color-video:#000;--font-sans:"Roboto", system-ui, -apple-system, "Segoe UI", sans-serif;--font-accent:"Instrument Serif", Georgia, "Times New Roman", serif;--font-mono:ui-monospace, "SF Mono", Menlo, monospace;--text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:clamp(1.75rem, 1.2rem + 2vw, 2.5rem);--leading-tight:1.08;--leading-body:1.6;--tracking-tight:-.03em;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--radius-sm:6px;--radius-md:10px;--radius-pill:999px;--focus-ring:2px;--page-max:1200px;--page-gutter:clamp(1rem, 4vw, 3rem);--list-width:320px;--hit:44px}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/roboto-latin-400-normal-BqEyEoaF.woff2)format("woff2"),url(/assets/roboto-latin-400-normal-D27F5sTu.woff)format("woff")}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/roboto-latin-500-normal-7RbcRiD8.woff2)format("woff2"),url(/assets/roboto-latin-500-normal-fsTFPL3E.woff)format("woff")}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/roboto-latin-700-normal-BZpUvMxY.woff2)format("woff2"),url(/assets/roboto-latin-700-normal-YuyVweIx.woff)format("woff")}@font-face{font-family:Instrument Serif;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/instrument-serif-latin-400-italic-DKMiL14s.woff2)format("woff2"),url(/assets/instrument-serif-latin-400-italic-u__WvvIK.woff)format("woff")}*,:before,:after{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-md);line-height:var(--leading-body);-webkit-font-smoothing:antialiased;margin:0}h1,h2{letter-spacing:var(--tracking-tight);font-weight:700;line-height:var(--leading-tight);color:var(--color-ink);margin:0}:focus-visible{outline:var(--focus-ring) solid var(--color-ink);outline-offset:var(--focus-ring)}.button{min-height:var(--hit);padding:0 var(--space-5);border-radius:var(--radius-pill);background:var(--color-ink);color:var(--color-on-cta);font:500 var(--text-md) / 1 var(--font-sans);cursor:pointer;border:0;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.button:hover{background:var(--color-cta-hover)}.button:disabled{cursor:progress}.field{gap:var(--space-2);display:grid}.field__input{min-height:var(--hit);padding:0 var(--space-4);border:1px solid var(--color-line-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-ink);font:var(--text-md) var(--font-sans)}@media (prefers-reduced-motion:reduce){*{transition:none;animation:none}}.state-card{gap:var(--space-4);max-width:32rem;margin:var(--space-7) auto;padding:var(--space-6);border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);text-align:center;display:grid}.state-card__title{font-size:var(--text-xl)}.state-card__body{gap:var(--space-4);justify-items:center;display:grid}.state-card__body p{margin:0}.footer{padding:var(--space-6) var(--page-gutter);color:var(--color-muted);font-size:var(--text-sm);text-align:center}.footer__link{min-height:var(--hit);color:var(--color-ink);align-items:center;font-weight:500;display:inline-flex}.unlock__share{font:italic var(--text-lg) var(--font-accent);color:var(--color-ink)}.unlock__problem{color:var(--color-danger);font-size:var(--text-sm)}.clip-list__heading{margin-bottom:var(--space-3);font-size:var(--text-lg)}.clip-list__items{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.clip-list__item{justify-content:space-between;gap:var(--space-3);width:100%;min-height:var(--hit);padding:var(--space-2) var(--space-3);border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font:var(--text-sm) var(--font-sans);text-align:left;cursor:pointer;display:flex}.clip-list__item[aria-current=true]{border-color:var(--color-ink);color:var(--color-ink);font-weight:500}.clip-list__name{overflow-wrap:anywhere}.clip-list__meta{color:var(--color-muted);font-family:var(--font-mono);flex:none}.clip-player{gap:var(--space-3);margin:0;display:grid}.clip-player__video{aspect-ratio:16/9;border-radius:var(--radius-md);background:var(--color-video);width:100%}.clip-player__bar{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.clip-player__name{color:var(--color-ink);overflow-wrap:anywhere;flex:auto;font-weight:500}.clip-player__position{font-family:var(--font-mono);color:var(--color-muted)}.clip-player__note{aspect-ratio:16/9;border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-muted);place-items:center;margin:0;display:grid}.comments-placeholder{padding:var(--space-4);border:1px dashed var(--color-line-strong);border-radius:var(--radius-md);color:var(--color-muted)}.comments-placeholder__heading{font-size:var(--text-lg)}.share-view{gap:var(--space-5);max-width:var(--page-max);padding:var(--space-6) var(--page-gutter) 0;margin:0 auto;display:grid}.share-view__title{font-size:var(--text-2xl)}.share-view__expiry{margin:var(--space-2) 0 0;font:italic var(--text-lg) var(--font-accent);color:var(--color-muted)}.share-view__body{gap:var(--space-5);display:grid}.share-view__main{gap:var(--space-5);align-content:start;display:grid}@media (min-width:960px){.share-view__body{grid-template-columns:minmax(0, 1fr) var(--list-width)}}