html,body,#root{height:100%;margin:0}body{background:#0a0b0d}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/JetBrainsMono-Db4Uuiha.woff2)format("woff2")}:root{--bg:#0a0b0d;--panel:#121319;--panel-2:#1a1c24;--border:#262a33;--border-strong:#3a3f4b;--text:#e4e6eb;--text-dim:#8b909c;--text-dimmer:#7a8090;--accent:#46d17a;--accent-dim:#1c4a30;--accent-wash:#143223;--warn:#f5a623;--warn-dim:#4d3410;--warn-wash:#2a1f0c;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--radius:4px;--ease:cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--bg);color:var(--text);font:14px/1.6 var(--font-mono);-webkit-font-smoothing:antialiased;margin:0}::selection{background:var(--accent-dim);color:var(--text)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button{font:inherit;color:inherit}.tabular{font-variant-numeric:tabular-nums}.app{justify-content:center;align-items:flex-start;min-height:100vh;padding:2.5rem 1.25rem;display:flex}.terminal-window{border:1px solid var(--border);background:var(--panel);border-radius:0;width:100%;max-width:920px;overflow:hidden;box-shadow:0 24px 60px -24px #000000b3}.terminal-window__titlebar{border-bottom:1px solid var(--border);background:var(--panel-2);align-items:center;gap:.75rem;padding:.6rem .85rem;display:flex}.terminal-window__dots{flex-shrink:0;gap:.35rem;display:flex}.terminal-window__dots span{background:var(--border-strong);border-radius:50%;width:.5rem;height:.5rem}.terminal-window__title{letter-spacing:.01em;color:var(--text-dim);margin:0;font-size:.8rem;font-weight:600}.terminal-window__body{min-height:0;display:flex}.song-list{border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:220px;max-height:560px;display:flex}.song-list__header{letter-spacing:.08em;color:var(--text-dimmer);padding:.85rem .9rem .5rem;font-size:.68rem;font-weight:600}.song-list__rows{margin:0;padding:0 .4rem .6rem;list-style:none;overflow-y:auto}.song-row{border-radius:var(--radius);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:.55rem;width:100%;padding:.4rem .5rem;display:flex}.song-row:hover{background:var(--panel-2)}.song-row.is-active{background:var(--accent-wash);border-color:var(--accent-dim)}.song-row__marker{border:1px solid var(--border-strong);background:0 0;border-radius:1px;flex-shrink:0;width:6px;height:6px}.song-row.is-active .song-row__marker{background:var(--accent);border-color:var(--accent)}.song-row__index{color:var(--text-dimmer);flex-shrink:0;font-size:.72rem}.song-row.is-active .song-row__index{color:var(--text-dim)}.song-row__id{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;overflow:hidden}.song-row.is-active .song-row__id{color:var(--text);font-weight:600}.player-wrap{flex:1;min-width:0;padding:1rem}.player{flex-direction:column;gap:.9rem;display:flex}.player__pane{border:1px solid var(--border);background:#000;border-radius:0;overflow:hidden}.player__pane-titlebar{background:var(--panel-2);border-bottom:1px solid var(--border);color:var(--text-dim);justify-content:space-between;align-items:center;padding:.4rem .65rem;font-size:.72rem;display:flex}.player__pane-title{letter-spacing:.02em;font-weight:600}.player__video{aspect-ratio:16/9;width:100%;accent-color:var(--accent);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#000;display:block}.player__error{border:1px solid var(--warn-dim);background:var(--warn-wash);color:var(--warn);border-radius:var(--radius);margin:0;padding:.5rem .65rem;font-size:.78rem}.player__error:before{content:"! ";font-weight:700}.player__tones{border:1px solid var(--border);background:var(--panel-2);border-radius:0;padding:.75rem .85rem}.player__tones-label{letter-spacing:.08em;color:var(--text-dim);margin-bottom:.55rem;font-size:.68rem;font-weight:600;display:block}.player__tones-cells{flex-wrap:wrap;gap:.4rem;display:flex}.player__tone-cell{border:1px solid var(--border-strong);background:var(--panel);min-width:3.4rem;color:var(--text-dim);cursor:pointer;text-align:center;transition:background .12s var(--ease), border-color .12s var(--ease), color .12s var(--ease);border-radius:0;padding:.4rem 0;font-size:.85rem;font-weight:600}.player__tone-cell:hover{border-color:var(--text-dimmer);color:var(--text)}.player__tone-cell.is-active{background:var(--accent-wash);border-color:var(--accent);color:var(--accent)}.player__ruler{margin-top:.75rem}.player__ruler-track{background:var(--border);border-radius:2px;height:3px;position:relative}.player__ruler-tick{background:var(--border-strong);width:1px;height:9px;position:absolute;top:-3px;transform:translate(-.5px)}.player__ruler-thumb{background:var(--accent);width:8px;height:8px;transition:left .15s var(--ease);box-shadow:0 0 0 3px var(--accent-wash);border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.player__ruler-labels{color:var(--text-dim);justify-content:space-between;margin-top:.4rem;font-size:.68rem;display:flex}@media (width<=720px){.app{padding:0}.terminal-window{border-left:none;border-right:none;border-radius:0;max-width:none;min-height:100vh}.terminal-window__body{flex-direction:column}.song-list{border-right:none;border-bottom:1px solid var(--border);width:auto;max-height:none}.song-list__rows{gap:.4rem;padding:0 .75rem .75rem;display:flex;overflow:auto visible}.song-row{flex-shrink:0;width:auto}.player-wrap{padding:.85rem}}