:root{color-scheme:dark;--bg: #0b0e14;--surface: #131822;--surface-2: #1b2230;--border: #2a3444;--text: #e8edf5;--text-muted: #a3afc2;--accent: #f4c26b;--accent-ink: #0b0e14;--link: #9cc8ff;--ok: #7ee2a8;--warn: #ffb4a3;--focus: #f4c26b;--font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;--text-xs: .8125rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: clamp(1.5rem, 1.2rem + 1.5vw, 2rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--control-height: 2.75rem;--measure: 62ch}*,*:before,*:after{box-sizing:border-box}html{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:100%;line-height:1.5;-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh;display:flex;flex-direction:column}#root{display:flex;flex-direction:column;min-height:100dvh}h1,h2,p,dl,dd,dt,ol,fieldset{margin:0;padding:0}a{color:var(--link);text-underline-offset:.15em}a:hover{color:var(--text)}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;inset-inline-start:-999px;top:var(--space-4);padding:var(--space-2) var(--space-3);background:var(--accent);color:var(--accent-ink);border-radius:var(--radius-sm);z-index:10}.skip-link:focus{inset-inline-start:var(--space-4)}.mono{font-family:var(--font-mono);font-size:.9em}.num{font-variant-numeric:tabular-nums}.site-header{display:grid;gap:var(--space-4);padding:var(--space-5) var(--space-4) var(--space-4);max-width:80rem;width:100%;margin-inline:auto}.brand h1{font-size:var(--text-xl);font-weight:700;letter-spacing:-.01em;line-height:1.15;text-wrap:balance}.tagline{margin-top:var(--space-2);color:var(--text-muted);max-width:var(--measure);text-wrap:pretty}.feed{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.feed__text{display:flex;align-items:flex-start;gap:var(--space-2);font-size:var(--text-sm);flex:1 1 18rem}.feed__dot{flex:none;width:.625rem;height:.625rem;margin-top:.4rem;border-radius:50%;background:var(--text-muted)}.feed--ok .feed__dot{background:var(--ok)}.feed--warn{border-color:color-mix(in srgb,var(--warn) 45%,var(--border))}.feed--warn .feed__dot{background:var(--warn)}.layout{display:grid;gap:var(--space-5);padding:0 var(--space-4) var(--space-6);max-width:80rem;width:100%;margin-inline:auto;flex:1}@media(min-width:64rem){.layout{grid-template-columns:minmax(0,1.35fr) minmax(20rem,1fr);align-items:start}}.stage{display:grid;gap:var(--space-4);min-width:0}.viz{display:block;width:100%;aspect-ratio:4 / 3;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface)}@media(min-width:40rem){.viz{aspect-ratio:16 / 9}}.controls{display:grid;gap:var(--space-3)}.controls__row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-4)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--control-height);min-width:5.5rem;padding:0 var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);color:var(--text);font:inherit;font-weight:600;cursor:pointer}@media(hover:hover){.btn:hover:not(:disabled){border-color:var(--text-muted)}}.btn:disabled{cursor:not-allowed;opacity:.5}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);min-width:7rem}.btn__icon{font-size:.8em}.volume{display:flex;align-items:center;gap:var(--space-2);min-height:var(--control-height);flex:1 1 14rem;max-width:22rem}.volume input[type=range]{flex:1;min-width:6rem;height:var(--control-height);accent-color:var(--accent);margin:0}.volume input[type=range]:disabled{opacity:.5}.volume__value{min-width:3ch;text-align:end;font-variant-numeric:tabular-nums;color:var(--text-muted);font-size:var(--text-sm)}.check{display:inline-flex;align-items:center;gap:var(--space-2);min-height:2.5rem;cursor:pointer}.check input{width:1.125rem;height:1.125rem;margin:0;accent-color:var(--accent)}.check input:disabled{opacity:.5}.source{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-4);border:0}.source legend{float:left;padding:0;margin-inline-end:var(--space-2);color:var(--text-muted);font-size:var(--text-sm)}.note{font-size:var(--text-sm);color:var(--text-muted);max-width:var(--measure)}.note--warn{color:var(--warn)}.now{display:grid;gap:var(--space-3)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));gap:var(--space-2)}.stats>div{padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);min-width:0}.stats dt{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.stats dd{font-size:var(--text-lg);font-weight:600;overflow-wrap:anywhere}.now__card{--hue: 200;padding:var(--space-4);border:1px solid var(--border);border-inline-start:4px solid hsl(var(--hue) 75% 65%);border-radius:var(--radius-md);background:var(--surface);display:grid;gap:var(--space-1)}.now__card--idle{border-inline-start-color:var(--border)}.now__label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted)}.now__title{font-size:var(--text-lg);font-weight:600;text-wrap:pretty;overflow-wrap:anywhere}.now__desc{color:var(--text-muted);font-size:var(--text-sm);max-width:var(--measure)}.swatch{flex:none;display:inline-block;width:.7rem;height:.7rem;border-radius:50%;background:hsl(var(--hue, 200) 75% 65%);margin-inline-end:var(--space-2)}.now__label .swatch{margin-inline-end:0}.legend{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);padding:var(--space-3) var(--space-4);font-size:var(--text-sm)}.legend summary{cursor:pointer;font-weight:600;min-height:1.5rem}.legend table{width:100%;border-collapse:collapse;margin-top:var(--space-3)}.legend th,.legend td{text-align:start;padding:var(--space-2) var(--space-2) var(--space-2) 0;border-bottom:1px solid var(--border);vertical-align:top}.legend th{color:var(--text-muted);font-weight:600;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em}.legend p{margin-top:var(--space-3);color:var(--text-muted)}.log{display:grid;gap:var(--space-3);min-width:0}.log__head h2{font-size:var(--text-lg);font-weight:700}.log__hint{color:var(--text-muted);font-size:var(--text-sm)}.empty{padding:var(--space-4);border:1px dashed var(--border);border-radius:var(--radius-md);color:var(--text-muted);font-size:var(--text-sm)}.log__list{list-style:none;display:grid;gap:var(--space-2)}@media(min-width:64rem){.log__list{max-height:calc(100dvh - 4rem);overflow-y:auto;padding-inline-end:var(--space-1);overscroll-behavior:contain}}.entry{--hue: 200;padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-inline-start:4px solid hsl(var(--hue) 75% 65%);border-radius:var(--radius-md);background:var(--surface);display:grid;gap:var(--space-1);min-width:0}@media(prefers-reduced-motion:no-preference){.entry:first-child{animation:entry-in .32s ease-out}@keyframes entry-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}}.entry__top{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3);font-size:var(--text-sm)}.entry__time{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text-muted)}.entry__sound{display:inline-flex;align-items:center;font-weight:600}.tag{font-size:var(--text-xs);padding:0 var(--space-2);border:1px solid var(--border);border-radius:999px;color:var(--text-muted);line-height:1.5}.entry__title{font-weight:500;overflow-wrap:anywhere}.entry__meta{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-3);font-size:var(--text-sm);color:var(--text-muted)}.entry__detail{font-size:var(--text-sm);color:var(--text-muted);overflow-wrap:anywhere}.entry__objective{font-size:var(--text-sm)}.entry__objective summary{cursor:pointer;color:var(--link);min-height:1.5rem}.entry__objective p{margin-top:var(--space-2);color:var(--text-muted);white-space:pre-line;overflow-wrap:anywhere}.site-footer{padding:var(--space-5) var(--space-4);border-top:1px solid var(--border);color:var(--text-muted);font-size:var(--text-sm)}.site-footer p{max-width:80rem;margin-inline:auto}@media(forced-colors:active){.swatch,.feed__dot{border:1px solid CanvasText}}