:root{--bg: #0d0d0d;--surface: #161616;--surface-2: #1f1f1f;--border: #2a2a2a;--text: #f0ece4;--text-muted: #7a7672;--text-dim: #4a4744;--accent: #e8c84a;--accent-text: #2a2a2a;--accent-hover: #f5d85a;--danger: #e85454;--success: #5fe8a0;--radius: 4px;--font-display: "DM Serif Display", Georgia, serif;--font-mono: "DM Mono", "Courier New", monospace}body,html{overflow-x:auto}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased}body{background:var(--bg);color:var(--text);font-family:var(--font-mono);font-size:.875rem;line-height:1.6;min-height:100vh}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}a{color:var(--accent);text-decoration:none}button{cursor:pointer;font-family:var(--font-mono);border:none;background:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.animate-in{animation:fadeIn .35s ease both}.spinner{width:18px;height:18px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite;display:inline-block}input[type=range].volume-slider{accent-color:var(--accent);-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:2px;outline:none;cursor:pointer;transition:opacity .15s}input[type=range].volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer;transition:background .15s}input[type=range].volume-slider::-moz-range-thumb{width:14px;height:14px;border:none;border-radius:50%;background:var(--accent);cursor:pointer;transition:background .15s}input[type=range].volume-slider::-moz-range-track{height:4px;background:var(--border);border-radius:2px}input[type=range].volume-slider.muted::-webkit-slider-thumb{background:var(--text-dim)}input[type=range].volume-slider.muted::-moz-range-thumb{background:var(--text-dim)}.tt{position:relative;display:inline-flex;flex-shrink:0;overflow:visible}.tt .tt-text{position:absolute;bottom:calc(100% + 5px);left:50%;transform:translate(-50%);background:var(--surface-2);border:1px solid var(--border);color:var(--text-dim);font-family:var(--font-mono);font-size:.65rem;padding:.2rem .4rem;border-radius:var(--radius);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .1s .5s;z-index:50}.tt:hover .tt-text{opacity:1}body:has(.tt:hover) .tt-text{opacity:0;transition:none}body:has(.tt:hover) .tt:hover .tt-text{opacity:1;transition:opacity .1s .5s}body:has(.tt.tt-instant:hover) .tt.tt-instant:hover .tt-text{opacity:1;transition:opacity .1s 0s}.tt-instant .tt-text{transition:opacity .1s 0s}.tt-anchor-left .tt-text{left:0;right:auto;transform:none}.tt-anchor-right .tt-text{right:0;left:auto;transform:none}details>summary{list-style:none}details>summary::-webkit-details-marker{display:none}details>summary:before{content:"▸";font-size:.6rem;color:var(--text-dim);transition:transform .15s;display:inline-block;margin:0 .2rem 0 0}details[open]>summary:before{transform:rotate(90deg)}