:root{color-scheme:dark;--bg:#242424;--panel:#2d2d2d;--fg:#f5f5f2;--muted:#bdbdb8;--line:#484848;--accent:#8ab4e8;--selected:#383838;--mark:#b8d4f5}
@media(prefers-color-scheme:light){:root{color-scheme:light;--bg:#fafafa;--panel:#fff;--fg:#242424;--muted:#62625e;--line:#d5d5d5;--accent:#1c5aa8;--selected:#edf2ed;--mark:#dbe8fa}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:15px/1.6 system-ui,sans-serif}main{max-width:1440px;margin:32px auto;padding:0 32px}header{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:650}.brand{display:flex;align-items:center;gap:10px}header svg{width:24px;height:24px;flex:none}
h1{font-size:32px;line-height:1.25;font-weight:600;letter-spacing:-.025em;overflow-wrap:anywhere;margin:32px 0 6px}h2{font-size:16px;font-weight:600;margin:0 0 10px}p{margin:0}.muted,.status{color:var(--muted)}#duration{font-size:13px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;margin-top:24px;align-items:start}.primary{min-width:0}.player{position:relative;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--panel);scroll-margin-top:16px}video{display:block;width:100%;max-height:var(--media-max-height,65dvh);background:#161616;object-fit:contain;cursor:pointer}#summary{margin-top:24px;max-width:76ch}#summary p{color:var(--muted);white-space:pre-line;overflow-wrap:anywhere;line-height:1.75}.meeting-notes h3{font-size:14px;font-weight:600;margin:18px 0 6px}.meeting-notes ul{margin:0;padding-left:20px;color:var(--muted);line-height:1.7;overflow-wrap:anywhere}.meeting-notes li+li{margin-top:4px}.owner{color:var(--fg);font-weight:600}.speaker{display:block;font-size:12px;font-weight:600;color:var(--fg);line-height:1.4;margin-bottom:2px}
aside{padding:16px;background:var(--panel);border:1px solid var(--line);border-radius:14px;min-width:0}.tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);margin-bottom:12px}button,input,select{font:inherit}button{cursor:pointer;color:inherit;background:transparent;border:0}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,video:focus-visible{outline:2px solid var(--accent);outline-offset:3px}video:focus-visible{outline-offset:-3px}button[role=tab]{min-height:42px;padding:0;border-bottom:2px solid transparent;font-size:14px;font-weight:600;color:var(--muted)}button[aria-selected=true]{border-bottom-color:var(--accent);color:var(--fg)}.search{display:flex;align-items:center;border:1px solid var(--line);border-radius:7px;margin:0 0 10px;min-height:40px;padding-left:10px;gap:8px}.search svg{width:16px;height:16px;flex:none;color:var(--muted)}input{min-width:0;width:100%;border:0;background:transparent;color:inherit;min-height:38px;padding:6px 0;font-size:14px}input::-webkit-search-cancel-button{display:none}#clear{min-width:36px;min-height:38px;font-size:20px}.status{font-size:12px;margin:0 0 12px}#results,#chapters{overflow:auto;overscroll-behavior:contain;position:relative;padding:3px}.passage,.chapter{display:flex;gap:12px;text-align:left;width:100%;padding:12px 10px;margin-bottom:4px;border:1px solid transparent;border-left:2px solid transparent;border-radius:6px;overflow-wrap:anywhere;min-height:48px;font-size:14px;line-height:1.6}.passage{flex-direction:column;gap:5px}.passage:hover,.chapter:hover{background:var(--selected)}.current{background:var(--selected);border-left-color:var(--accent)}.timestamp{font:12px/1.6 ui-monospace,monospace;color:var(--muted);flex:none;font-variant-numeric:tabular-nums}.current .timestamp{color:var(--accent)}mark{background:var(--mark);color:#242424;border-radius:2px;padding:0 1px}#follow,#retry{min-height:36px;color:var(--accent);padding:6px 0;text-align:left;font-size:13px}#panel-heading{margin-bottom:12px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.player-controls{padding:0 10px 6px;background:var(--panel);border-top:1px solid var(--line)}.player-controls input[type=range]{appearance:none;background:transparent;accent-color:var(--accent);cursor:pointer;padding:0}.player-controls input[type=range]::-webkit-slider-runnable-track{height:3px;background:var(--line);border-radius:2px}.player-controls input[type=range]::-moz-range-track{height:3px;background:var(--line);border-radius:2px}.player-controls input[type=range]::-webkit-slider-thumb{appearance:none;width:10px;height:10px;margin-top:-3.5px;border:0;border-radius:50%;background:var(--accent)}.player-controls input[type=range]::-moz-range-thumb{width:10px;height:10px;border:0;border-radius:50%;background:var(--accent)}.seekbar{position:relative;height:20px}.seek-track{position:absolute;left:5px;right:5px;top:8.5px;height:3px;background:var(--line);border-radius:2px;overflow:hidden}.seek-track span{display:block;width:0;height:100%;background:var(--accent)}.player-controls #player-seek{position:relative}.player-controls #player-seek::-webkit-slider-runnable-track{background:transparent}.player-controls #player-seek::-moz-range-track{background:transparent}.player-controls #player-seek{display:block;width:100%;min-height:20px;height:20px;margin:0}.control-row{display:flex;align-items:center;gap:6px}.control-row button{display:flex;align-items:center;justify-content:center;flex:none;width:36px;height:36px;border-radius:6px}.control-row button:hover{background:var(--selected)}.control-row svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.control-row .filled{fill:currentColor;stroke:none}.control-row [aria-pressed=true]{background:var(--selected);color:var(--accent)}.control-row select{color:var(--muted);background:var(--panel);border:0;padding:4px;font-size:12px;height:36px;max-width:60px}.control-row #player-volume{width:60px;min-height:24px;height:24px;margin:0 4px 0 0}#player-time{font:12px/1.5 ui-monospace,monospace;color:var(--muted);white-space:nowrap;margin-right:auto}.player-message{font-size:13px;color:var(--muted);padding:0 12px}.player-message:not(:empty){padding:8px 12px}.control-row [data-state=play] .pause-icon,.control-row [data-state=pause] .play-icon,.control-row [data-state=muted] .sound-icon,.control-row [data-state=sound] .muted-icon{display:none}.player:fullscreen{display:flex;flex-direction:column;border:0;border-radius:0;width:100%;height:100%;background:#161616}.player:fullscreen video{flex:1;min-height:0;max-height:none;height:0}.player:fullscreen .player-controls{flex:none}
@media(min-width:1100px){aside{position:sticky;top:16px;display:flex;flex-direction:column;height:var(--companion-height,480px);max-height:calc(100dvh - 32px);overflow:auto}aside>*,#transcript-panel>*{flex-shrink:0}#transcript-panel{display:flex;flex-direction:column;min-height:0;flex:1 1 auto}#results,#chapters{min-height:0;max-height:none;flex:1 1 auto;scrollbar-gutter:stable}}
@media(max-width:1099px){main{margin:24px auto;padding:0 20px}.layout{display:flex;flex-direction:column;gap:0}.primary{display:contents}.player{width:100%;order:0}aside{width:100%;order:2;padding:20px 0 0;margin-top:24px;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent}#summary{order:1;margin-top:20px}.tabs{gap:24px}#results,#chapters{max-height:none;overflow:visible}h1{font-size:28px;margin-top:28px}video{max-height:65dvh}.control-row #player-volume{display:none}.control-row button{width:44px;height:44px}}
@media(max-width:400px){main{padding:0 16px}h1{font-size:26px}.control-row{gap:2px}#player-time{font-size:11px}.control-row #player-speed{display:none}.player{border-radius:12px}}
.not-found a{display:inline-flex;align-items:center;min-height:42px;padding:8px 16px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--accent);text-decoration:none}.view-notice{margin:40px 0 24px;padding-top:16px;border-top:1px solid var(--line);color:var(--muted);font-size:12px;line-height:1.6;max-width:80ch}.view-notice p{margin:0}.view-notice a{color:inherit}
.not-found a:hover{background:var(--selected)}.not-found a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.not-found{max-width:960px}.not-found section{max-width:560px;margin:clamp(64px,15vh,160px) 0 48px}.not-found .error-code{font:14px/1.5 ui-monospace,monospace;letter-spacing:.12em;color:var(--muted)}.not-found h1{font-size:clamp(32px,6vw,48px);margin:16px 0 24px}.not-found section p:not(.error-code){color:var(--muted);margin-top:16px;max-width:46ch}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

:root{color-scheme:dark;--bg:#14171c;--panel:#1c2027;--surface-2:#222730;--fg:#e8ebf2;--muted:#a3adbd;--line:#343c49;--accent:#93a2ff;--selected:#2c3451;--mark:#c5ceff;--good:#6bc7a3;--bad:#ffb4b4;--playhead:#f28a71}
@media(prefers-color-scheme:light){:root{color-scheme:light;--bg:#f6f7f9;--panel:#fff;--surface-2:#f8f9fb;--fg:#202631;--muted:#626e82;--line:#e0e5ee;--accent:#465fea;--selected:#edf1ff;--mark:#dbe3ff;--good:#247a5b;--bad:#a12b3a;--playhead:#c94c39}}
body{font:14px/1.6 system-ui,-apple-system,sans-serif}main{max-width:1500px;margin:0 auto;padding:0 32px 32px}main>header{min-height:72px;border-bottom:1px solid var(--line);gap:20px;font-size:19px}h1{font-size:28px;font-weight:700;margin:28px 0 8px;letter-spacing:-.035em}h2{font-size:15px}.brand{letter-spacing:-.035em}.brand svg{width:28px;height:28px}.player,aside{background:var(--panel);border-color:var(--line)}.layout{gap:20px;margin-top:22px}aside{padding:18px}.tabs{gap:22px}.passage{flex-direction:row;gap:14px;padding:13px 10px}.passage .timestamp{min-width:40px;font-size:11px;padding-top:3px}.passage.current{background:var(--selected)}.search{background:var(--surface-2);border-radius:8px}.player-controls{padding:4px 12px 8px}#summary{padding:20px 0}#summary p{font-size:14px}.status:empty{display:none}.state-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;font-size:11px;font-weight:600;border-radius:6px;background:var(--surface-2);color:var(--muted);white-space:nowrap}.state-badge:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}.state-active,.state-published{color:var(--good);background:color-mix(in srgb,var(--good) 10%,var(--panel))}.state-pending{color:var(--accent);background:var(--selected)}.state-inactive,.state-failed{color:#d97878;background:color-mix(in srgb,#d97878 10%,var(--panel))}
@media(max-width:760px){main{padding:0 16px 24px}main>header{padding:14px 0;min-height:64px;gap:12px}h1{font-size:25px;margin-top:20px}.passage{font-size:14px}.layout{gap:0}}

.publishing{max-width:960px}.publishing-stage{margin-top:28px;min-height:360px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:32px;background:var(--panel);border:1px solid var(--line);border-radius:14px}.publishing-stage h2{font-size:22px;margin-bottom:16px}.publishing-stage progress{width:min(100%,440px);height:8px;accent-color:var(--accent);margin:12px 0 24px}.publishing-stage p{max-width:52ch;color:var(--muted)}#publish-percent{font:14px ui-monospace,monospace;color:var(--accent);min-height:22px}#publish-note{margin-top:16px;font-size:13px}@media(max-width:600px){.publishing-stage{min-height:300px;padding:24px 16px}}