:root{--bg: #0d1117;--surface: #151b23;--surface-alt: #1b232d;--border: #2a3441;--text: #e6ebf1;--text-muted: #8d99a8;--accent: #f2b84b;--accent-ink: #1a1305;--link: #7fb4ff;--good: #3fcf8e;--good-bg: rgba(63, 207, 142, .1);--warn: #f2b84b;--danger: #ff7b72;--danger-bg: rgba(255, 123, 114, .1);--radius: 10px;--mono: ui-monospace, "Cascadia Mono", "SF Mono", Menlo, Consolas, monospace;--strip-bg: #10161d;--strip-bar: #3a4656;--strip-played: #7fb4ff;--strip-head: #ffffff;--strip-loop: rgba(242, 184, 75, .2);--strip-loop-off: rgba(242, 184, 75, .07);--strip-mark: #f2b84b}@media (prefers-color-scheme: light){:root{--bg: #f6f7f9;--surface: #ffffff;--surface-alt: #eef1f5;--border: #d7dde5;--text: #151a21;--text-muted: #5b6676;--accent: #b7791f;--accent-ink: #ffffff;--link: #0b64c8;--good: #16835a;--good-bg: rgba(22, 131, 90, .08);--warn: #9a6200;--danger: #c9372c;--danger-bg: rgba(201, 55, 44, .07);--strip-bg: #eef1f5;--strip-bar: #b8c2cf;--strip-played: #0b64c8;--strip-head: #151a21;--strip-loop: rgba(183, 121, 31, .2);--strip-loop-off: rgba(183, 121, 31, .07);--strip-mark: #b7791f}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.55}a{color:var(--link)}h1,h2,h3{line-height:1.2;margin:0 0 .6rem}h1{font-size:1.9rem}h2{font-size:1.25rem;margin-top:1.8rem}h3{font-size:1.05rem}p{margin:0 0 .9rem}code,kbd,.mono{font-family:var(--mono)}code{font-size:.92em;padding:.05em .35em;border-radius:5px;background:var(--surface-alt);border:1px solid var(--border);white-space:nowrap}kbd{font-size:.8em;padding:.05em .4em;border-radius:4px;border:1px solid var(--border);border-bottom-width:2px;background:var(--surface)}.muted{color:var(--text-muted)}.small{font-size:.85rem}.accent{color:var(--accent)}.call{font-family:var(--mono);font-weight:700;letter-spacing:.04em}.app{min-height:100vh;display:flex;flex-direction:column}main{flex:1;width:100%;max-width:960px;margin:0 auto;padding:2rem 1.25rem 3rem}.site-header{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;padding:.85rem 1.25rem;background:var(--surface);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:.6rem;color:var(--text);text-decoration:none}.brand-mark{display:inline-flex;gap:4px;align-items:center}.brand-mark .dit,.brand-mark .dah{display:block;height:8px;border-radius:4px;background:var(--accent)}.brand-mark .dit{width:8px}.brand-mark .dah{width:24px}.brand-name{font-family:var(--mono);font-weight:700;font-size:1.15rem;letter-spacing:.02em}.brand-tag{color:var(--text-muted);font-size:.8rem}.site-header nav{display:flex;gap:1.1rem;flex:1}.site-header nav a{color:var(--text-muted);text-decoration:none;padding:.25rem 0;border-bottom:2px solid transparent;white-space:nowrap}.site-header nav a:hover{color:var(--text)}.site-header nav a.active{color:var(--text);border-bottom-color:var(--accent)}.me-chip{font-family:var(--mono);font-weight:700;font-size:.85rem;color:var(--text);text-decoration:none;padding:.25rem .65rem;border:1px solid var(--border);border-radius:999px;background:var(--surface-alt)}.me-chip.active,.me-chip:hover{border-color:var(--accent)}.site-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 1.5rem;padding:1rem 1.25rem;border-top:1px solid var(--border);font-size:.85rem}button,.btn-primary{font:inherit}button{cursor:pointer;color:var(--text);background:var(--surface-alt);border:1px solid var(--border);border-radius:8px;padding:.35rem .7rem;line-height:1.3}button:hover:not(:disabled){border-color:var(--text-muted)}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,canvas:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-primary{display:inline-block;cursor:pointer;background:var(--accent);color:var(--accent-ink);border:1px solid var(--accent);border-radius:8px;padding:.5rem 1rem;font-weight:650;text-decoration:none}.btn-primary:hover:not(:disabled){filter:brightness(1.08);border-color:var(--accent)}.btn-big{font-size:1.05rem;padding:.7rem 1.4rem}.btn-quiet{background:transparent;border-color:transparent;color:var(--text-muted);text-decoration:underline}input[type=text],textarea{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.5rem .65rem;width:100%}.field{display:flex;flex-direction:column;gap:.3rem;margin:.9rem 0}.check,.radio{display:flex;gap:.6rem;align-items:flex-start;cursor:pointer}.check input,.radio input{margin-top:.3rem;accent-color:var(--accent);flex:none}fieldset.choice{border:1px solid var(--border);border-radius:var(--radius);padding:.6rem .9rem .8rem;margin:1rem 0;display:flex;flex-direction:column;gap:.45rem}fieldset.choice legend{font-weight:650;padding:0 .35rem}.choice-row{flex-direction:row!important;flex-wrap:wrap;gap:.5rem 1.4rem!important}.badge{display:inline-block;font-size:.75rem;padding:.1rem .5rem;border-radius:999px;border:1px solid var(--border);color:var(--text-muted);white-space:nowrap}.badge.is-good{color:var(--good);border-color:var(--good);background:var(--good-bg)}.alert{padding:.7rem .9rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);margin:1rem 0}.alert.is-error{border-color:var(--danger);background:var(--danger-bg)}.alert.is-good{border-color:var(--good);background:var(--good-bg)}.alert ul{margin:.4rem 0 0;padding-left:1.2rem}.form-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.8rem 1rem;margin-top:1.2rem}.hero{padding:1.5rem 0 1rem}.hero h1{font-size:clamp(2rem,5vw,2.9rem);letter-spacing:-.01em;margin-bottom:1rem}.lead{font-size:1.12rem;max-width:44rem}.cta{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1.2rem;margin:1.6rem 0 .5rem}.cta .alert{flex-basis:100%}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin:2.2rem 0 1rem}.step{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.1rem .4rem}.step-n{display:inline-grid;place-items:center;width:1.7rem;height:1.7rem;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-weight:700;font-size:.9rem;margin-bottom:.5rem}.why{max-width:44rem}.stats{display:flex;flex-wrap:wrap;gap:1rem 2.5rem;margin:2rem 0 .5rem;padding:1rem 1.2rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.stats>div{display:flex;flex-direction:column}.stat{font-family:var(--mono);font-size:1.8rem;font-weight:700;line-height:1.1}.contributor-list{display:flex;flex-wrap:wrap;gap:.4rem 1rem}.page-head{margin-bottom:1.2rem}.clip-table{width:100%;border-collapse:collapse;font-size:.95rem}.clip-table th,.clip-table td{text-align:left;padding:.55rem .6rem;border-bottom:1px solid var(--border);white-space:nowrap}.clip-table th{color:var(--text-muted);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}.clip-table .num{text-align:right;font-variant-numeric:tabular-nums}.clip-table tr.is-mine td{color:var(--text-muted)}.row-note{display:flex;gap:.4rem}.dots{display:inline-flex;gap:4px;vertical-align:middle}.dot{width:9px;height:9px;border-radius:50%;border:1.5px solid var(--text-muted)}.dot.is-on{background:var(--accent);border-color:var(--accent)}.clip-head h1{font-size:1.6rem}.clip-meta{display:flex;flex-wrap:wrap;gap:.3rem 1.2rem;font-size:.95rem}.player{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;margin:1.2rem 0}.strip-wrap{position:relative}.strip{display:block;width:100%;height:96px;border-radius:8px;background:var(--strip-bg);cursor:crosshair;touch-action:none}.strip-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--text-muted);font-size:.9rem}.strip-overlay.is-error{color:var(--danger)}.player-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem .7rem;margin-top:.8rem}.btn-play{width:2.6rem;height:2.6rem;border-radius:50%;padding:0;display:grid;place-items:center;background:var(--accent);border-color:var(--accent)}.btn-play svg{width:16px;height:16px;fill:var(--accent-ink)}.clock{font-family:var(--mono);font-variant-numeric:tabular-nums;min-width:9.5rem}.seg{display:inline-flex}.seg button{border-radius:0;margin-left:-1px;padding:.35rem .5rem;font-size:.85rem;font-variant-numeric:tabular-nums}.seg button:first-child{border-radius:8px 0 0 8px;margin-left:0}.seg button:last-child{border-radius:0 8px 8px 0}.seg button.is-on,.loop-controls button.is-on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);position:relative}.loop-controls{display:inline-flex;align-items:center;gap:.35rem;font-variant-numeric:tabular-nums}.loop-controls button{font-size:.85rem}.player-hint,.player-notice{font-size:.8rem;color:var(--text-muted);margin:.8rem 0 0}.player-notice{color:var(--warn)}.saved-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem 1rem}.copy-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.1rem 1.2rem;margin:1.2rem 0}.copy-form-head{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem .8rem;margin-bottom:.6rem}.copy-form-head h2{margin:0}.no-cw{margin:.3rem 0 .9rem;font-size:.93rem}.toolbar{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.5rem}.toolbar button{font-family:var(--mono);font-size:.82rem;padding:.3rem .5rem}.toolbar .muted{font-family:system-ui,sans-serif}.toolbar-gap{flex:1}.transcript-box{font-family:var(--mono);font-size:1.05rem;line-height:1.6;letter-spacing:.03em;text-transform:uppercase;resize:vertical;min-height:11rem}.transcript-box::placeholder{text-transform:none;opacity:.55}.transcript-status{font-size:.85rem;margin-top:.35rem}.issues{list-style:none;padding:0;margin:.5rem 0 0;font-size:.88rem}.issues li{padding:.25rem .5rem;border-left:3px solid var(--border);margin-bottom:.25rem}.issues li.is-error{border-left-color:var(--danger);background:var(--danger-bg)}.issues li.is-warning{border-left-color:var(--warn)}.invite-note{background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius);padding:1rem 1.2rem .4rem;margin:1.2rem 0}.invite-note h2{margin-top:0}.guide,.join{max-width:46rem}.conventions,.keys{border-collapse:collapse;width:100%;margin:.5rem 0 .8rem}.conventions th,.conventions td,.keys td{text-align:left;padding:.5rem .6rem;border-bottom:1px solid var(--border);vertical-align:top}.conventions th{color:var(--text-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}.keys td:first-child{white-space:nowrap;width:9rem}.rules{padding-left:1.2rem}.rules li{margin-bottom:.5rem}.credit{margin:1.4rem 0 .5rem}.tabs{display:inline-flex;flex-wrap:wrap;gap:.25rem;padding:.25rem;margin-bottom:1rem;background:var(--surface);border:1px solid var(--border);border-radius:10px}.tabs button{border:none;background:transparent;color:var(--text-muted);border-radius:7px;padding:.4rem .8rem}.tabs button.is-on{background:var(--surface-alt);color:var(--text);font-weight:600}.tab-n{font-family:var(--mono);font-size:.8rem;margin-left:.3rem;color:var(--text-muted)}.badge.is-draft{color:var(--warn);border-color:var(--warn)}.badge.is-off{color:var(--danger);border-color:var(--danger)}.copied-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem 1rem}.btn-danger{color:var(--danger)}.btn-danger:hover:not(:disabled){border-color:var(--danger)}.btn-link{display:inline-block;padding:.35rem .7rem;border:1px solid var(--border);border-radius:8px;background:var(--surface-alt);color:var(--text);text-decoration:none}.btn-link:hover{border-color:var(--text-muted)}.invite-form,.new-link{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.1rem 1.1rem;margin:1rem 0 1.5rem}.new-link{border-color:var(--accent)}.invite-form h2,.new-link h2{margin-top:0}.invite-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0 1rem}.invite-fields .field,.invite-form .field{margin:.5rem 0}.copy-row{display:flex;gap:.5rem}.copy-row input{font-family:var(--mono);font-size:.85rem;flex:1;min-width:0}.copy-row button{flex:none;white-space:nowrap}.new-link textarea{font-size:.92rem}.invite-table td{white-space:normal;vertical-align:top}.invite-table .badge{margin-left:.4rem}.row-actions{display:flex;flex-wrap:wrap;gap:.35rem}.row-actions button{font-size:.82rem;padding:.25rem .55rem}.wrap{white-space:normal;max-width:22rem}@media (max-width: 640px){main{padding:1.2rem 1rem 2.5rem}.site-header{gap:.6rem 1rem}.brand-tag{display:none}.clip-table th:nth-child(5),.clip-table td:nth-child(5),.clip-table th:nth-child(7),.clip-table td:nth-child(7){display:none}.clip-table th,.clip-table td{padding:.5rem .35rem}.clock{min-width:0}.player-hint{display:none}}