:root{color-scheme:dark;--bg: #0e0f12;--panel: #161821;--line: #232636;--fg: #e6e8ef;--muted: #8b90a3;--accent: #6cf;--warn: #f99;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg)}.app{display:flex;flex-direction:column;height:100%}header{display:flex;align-items:baseline;gap:1.5rem;padding:.5rem 1rem;border-bottom:1px solid var(--line)}header h1{margin:0;font-size:1.1rem;letter-spacing:.05em}header nav{display:flex;gap:.5rem}header nav button,aside button{background:transparent;color:var(--muted);border:1px solid transparent;border-radius:4px;padding:.25rem .6rem;font:inherit;cursor:pointer}header nav button:hover,aside button:hover{color:var(--fg)}header nav button.on,aside button.on{color:var(--accent);border-color:var(--line);background:var(--panel)}.layout{display:flex;flex:1;min-height:0}aside{width:220px;border-right:1px solid var(--line);padding:1rem;overflow-y:auto}aside h2{font-size:.75rem;text-transform:uppercase;color:var(--muted);margin:0 0 .5rem}aside ul{list-style:none;margin:0;padding:0}aside li button{display:block;width:100%;text-align:left}main{flex:1;padding:1rem;overflow-y:auto;min-width:0}main h2{margin-top:0;font-size:1rem}.row{display:flex;align-items:baseline;gap:1rem}.transcript ol{list-style:none;padding:0;margin:0}.transcript li{display:grid;grid-template-columns:80px 1fr;gap:.75rem;padding:.25rem 0;border-bottom:1px solid var(--line);font-size:.9rem}.transcript time{color:var(--muted);font-variant-numeric:tabular-nums}.events ul{list-style:none;padding:0;margin:0}.event{border:1px solid var(--line);border-radius:6px;padding:.6rem .8rem;margin-bottom:.5rem;background:var(--panel)}.event.stale{opacity:.55}.event .row{justify-content:space-between}.event time{color:var(--muted);font-variant-numeric:tabular-nums}.event .loc{margin-top:.25rem}.event .units{margin-top:.25rem;color:var(--muted);font-size:.85rem}.muted{color:var(--muted)}.small{font-size:.85rem}.err{color:var(--warn)}.player{margin:0 0 .75rem;display:flex;align-items:center;gap:.5rem}.player audio{width:100%;max-width:540px}