:root{--font-mono:"IBM Plex Mono", "Courier New", monospace;--font-ja:"Sawarabi Gothic", "Hiragino Sans", sans-serif;--font-display:"Barlow Condensed", "Arial Narrow", sans-serif;--bc-bg:#0c0d10;--bc-surface:#12131a;--bc-surface-2:#1a1b24;--bc-surface-3:#21222e;--bc-border:#252636;--bc-border-bright:#3a3b50;--bc-red:#f23;--bc-red-dim:#ff223326;--bc-amber:#f59e0b;--bc-amber-dim:#f59e0b26;--bc-blue:#4f8aff;--bc-green:#22c55e;--bc-text-strong:#f0f3ff;--bc-text:#dde0f0;--bc-text-label:#b8bcd0;--bc-text-mid:#9095b0;--bc-text-dim:#6a6e8a;--bc-text-disabled:#44475a;--bc-cta:#f59e0b;--bc-cta-hover:#fbbf24;--bc-cta-glow:#f59e0b2e;--radius:6px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{background:var(--bc-bg);color:var(--bc-text);font-family:var(--font-ja);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.5}:focus-visible{outline:2px solid var(--bc-blue);outline-offset:2px}button{font:inherit;color:inherit}.app{min-height:100dvh}.header{z-index:10;padding:10px 16px;padding-top:max(10px, env(safe-area-inset-top));background:var(--bc-surface);border-bottom:1px solid var(--bc-border);justify-content:space-between;align-items:center;gap:8px;display:flex;position:sticky;top:0}.header__brand,.login__brand{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--bc-text-strong);white-space:nowrap;align-items:center;gap:8px;margin:0;font-size:18px;font-weight:700;display:flex}.tally{background:var(--bc-green);width:8px;height:8px;box-shadow:0 0 6px var(--bc-green);border-radius:50%}.header__tools{align-items:center;gap:8px;min-width:0;display:flex}.header__email{max-width:34vw;font-family:var(--font-mono);color:var(--bc-text-dim);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:none;padding:4px 2px;font-size:12px;transition:color .1s;overflow:hidden}.header__email:hover{color:var(--bc-text-strong);text-underline-offset:3px;text-decoration:underline}.lang{border:1px solid var(--bc-border-bright);border-radius:var(--radius);display:flex;overflow:hidden}.lang__btn{font-family:var(--font-display);letter-spacing:.08em;color:var(--bc-text-mid);cursor:pointer;background:0 0;border:0;padding:4px 8px;font-size:13px;transition:color .1s,background .1s}.lang__btn:hover{color:var(--bc-text-label)}.lang__btn[aria-pressed=true]{background:var(--bc-surface-3);color:var(--bc-text-strong)}.main{max-width:720px;padding:16px;padding-bottom:max(24px, env(safe-area-inset-bottom));margin:0 auto}.boot{min-height:60dvh;color:var(--bc-text-mid);place-items:center;gap:12px;display:grid}.btn{background:var(--bc-surface-2);border:1px solid var(--bc-border-bright);border-radius:var(--radius);min-height:40px;color:var(--bc-text-label);cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:8px 14px;text-decoration:none;transition:color .1s,background .1s,border-color .1s;display:inline-flex}.btn:hover{background:var(--bc-surface-3);color:var(--bc-text-strong)}.btn:disabled{color:var(--bc-text-disabled);cursor:not-allowed}.btn--cta{background:var(--bc-cta);border-color:var(--bc-cta);color:#16120a;font-weight:600}.btn--cta:hover{background:var(--bc-cta-hover);color:#16120a;box-shadow:0 0 0 4px var(--bc-cta-glow)}.btn--cta:disabled{background:var(--bc-surface-2);border-color:var(--bc-border);box-shadow:none}.btn--danger{border-color:var(--bc-amber);color:var(--bc-amber)}.btn--danger-quiet{color:var(--bc-text-mid);background:0 0;border-color:#0000}.btn--danger-quiet:hover{background:var(--bc-amber-dim);color:var(--bc-amber)}.btn--small{min-height:32px;padding:4px 10px;font-size:13px}.btn--block{width:100%;margin-top:12px}.icon-btn{border-radius:var(--radius);width:40px;height:40px;color:var(--bc-text-mid);cursor:pointer;background:0 0;border:1px solid #0000;flex:none;place-items:center;font-size:18px;transition:color .1s,background .1s;display:inline-grid}.icon-btn:hover{background:var(--bc-surface-3);color:var(--bc-text-strong)}.icon-btn--danger:hover{color:var(--bc-amber)}.input{background:var(--bc-bg);border:1px solid var(--bc-border-bright);border-radius:var(--radius);width:100%;min-height:40px;color:var(--bc-text-strong);font:inherit;padding:8px 10px;font-size:16px}.input:disabled{color:var(--bc-text-mid);background:var(--bc-surface)}.input--mono{font-family:var(--font-mono)}.input--key{max-width:9em;font-family:var(--font-mono)}.textarea{resize:vertical;min-height:96px}.search{margin-bottom:12px}.field{gap:4px;margin-bottom:12px;display:grid}.field__label{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--bc-text-label);font-size:13px;font-weight:600}.field__error{color:var(--bc-amber);margin:0 0 12px}.field-row{grid-template-columns:1fr auto;gap:12px;display:grid}.check{color:var(--bc-text-label);cursor:pointer;align-items:center;gap:8px;margin:-4px 0 12px;display:flex}.check input{width:18px;height:18px;accent-color:var(--bc-blue)}.banner{border-radius:var(--radius);border:1px solid var(--bc-amber);background:var(--bc-amber-dim);color:var(--bc-text-strong);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:0 0 12px;padding:10px 12px;display:flex}.banner--plan{border-color:var(--bc-border-bright);background:var(--bc-surface-2);color:var(--bc-text-label)}.notice{border-left:3px solid var(--bc-blue);background:var(--bc-surface-2);color:var(--bc-text);justify-content:space-between;align-items:center;gap:8px;margin:0 0 12px;padding:6px 6px 6px 12px;display:flex}.empty{color:var(--bc-text-dim);text-align:center;padding:24px 0}.rail-library{background:var(--bc-surface);border:1px solid var(--bc-border);border-radius:var(--radius);cursor:pointer;align-items:center;gap:10px;width:100%;min-height:52px;padding:10px 14px;transition:background .1s,border-color .1s;display:flex}.rail-library:hover{background:var(--bc-surface-3);border-color:var(--bc-border-bright)}.rail-library__icon{color:var(--bc-blue)}.rail-library__name{text-align:left;color:var(--bc-text-strong);flex:1}.rail-library__count,.screen__count,.set-row__count{font-family:var(--font-mono);color:var(--bc-text-dim);font-size:12px}.rail-heading{border-bottom:1px solid var(--bc-border);font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--bc-text-mid);margin:20px 0 8px;padding-bottom:6px;font-size:13px;font-weight:600}.set-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.set-row{background:var(--bc-surface);border:1px solid var(--bc-border);border-radius:var(--radius);text-align:left;cursor:pointer;align-items:center;gap:10px;width:100%;min-height:52px;padding:10px 14px;transition:background .1s,border-color .1s;display:flex}.set-row:hover{background:var(--bc-surface-3);border-color:var(--bc-border-bright)}.set-row__name{min-width:0;color:var(--bc-text-strong);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.onair-chip{background:var(--bc-red);color:#fff;font-family:var(--font-display);letter-spacing:.1em;border-radius:3px;padding:1px 6px;font-size:12px;font-weight:700}.add-set{background:var(--bc-surface);border:1px solid var(--bc-border);border-radius:var(--radius);gap:8px;margin-top:12px;padding:12px;display:grid}.add-set__actions{justify-content:flex-end;gap:8px;display:flex}.screen__head{align-items:center;gap:6px;margin-bottom:12px;display:flex}.screen__title{min-width:0;color:var(--bc-text-strong);text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;font-size:18px;overflow:hidden}.screen__tools{display:flex}.rename{flex:1}.rows{gap:4px;margin:0;padding:0;list-style:none;display:grid}.row{background:var(--bc-surface);border:1px solid var(--bc-border);border-radius:var(--radius);touch-action:manipulation;align-items:stretch;display:flex}.row--grabbed{z-index:2;border-color:var(--bc-amber);box-shadow:0 0 0 3px var(--bc-cta-glow);position:relative}.row__grip{width:40px;color:var(--bc-text-dim);cursor:grab;touch-action:none;background:0 0;border:0;flex:none;place-items:center;font-size:18px;transition:color .1s;display:grid}.row__grip:hover{color:var(--bc-text-strong)}.row--grabbed .row__grip{color:var(--bc-amber);cursor:grabbing}.row__cue{width:32px;font-family:var(--font-mono);color:var(--bc-text-dim);flex:none;place-items:center;font-size:12px;display:grid}.row__main{text-align:left;cursor:pointer;background:0 0;border:0;flex-wrap:wrap;flex:1;align-items:baseline;gap:2px 10px;min-width:0;min-height:48px;padding:10px 12px 10px 0;display:flex}.rows .row>.row__main:first-child{padding-left:14px}.row__main:hover .row__label{color:var(--bc-text-strong)}.row__label{color:var(--bc-text);transition:color .1s}.row__artist{color:var(--bc-text-mid);font-size:13px}.row__meta{align-items:center;gap:6px;margin-left:auto;display:flex}.row__duration{font-family:var(--font-mono);color:var(--bc-text-dim);font-size:12px}.kind-chip,.key-chip{border:1px solid var(--bc-border-bright);font-family:var(--font-mono);color:var(--bc-text-mid);border-radius:3px;padding:0 6px;font-size:11px}.lib-mark{color:var(--bc-blue);font-size:13px}.linked-chip{color:var(--bc-blue);margin:-4px 0 12px;font-size:13px}.chips{flex-wrap:wrap;gap:6px;margin:0 0 6px;padding:0;list-style:none;display:flex}.chip{background:var(--bc-surface-3);border-radius:999px;align-items:center;gap:2px;padding:2px 4px 2px 10px;font-size:13px;display:inline-flex}.chip__remove{width:24px;height:24px;color:var(--bc-text-mid);cursor:pointer;background:0 0;border:0;border-radius:50%}.chip__remove:hover{color:var(--bc-text-strong)}.overlay{z-index:20;background:#0009;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--bc-surface);border:1px solid var(--bc-border-bright);border-bottom:0;border-radius:10px 10px 0 0;width:100%;max-width:640px;max-height:100dvh}.sheet__form{flex-direction:column;max-height:100dvh;display:flex}.sheet__head{border-bottom:1px solid var(--bc-border);padding:14px 16px 8px}.sheet__title{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--bc-text-strong);margin:0;font-size:16px;font-weight:700}.sheet__body{flex:1;padding:14px 16px 4px;overflow-y:auto}.sheet__fields{border:0;min-width:0;margin:0;padding:0}.sheet__conflict{border-left:3px solid var(--bc-amber);background:var(--bc-amber-dim);color:var(--bc-text-strong);margin:0 0 12px;padding:8px 10px;font-size:14px}.sheet__foot{padding:10px 16px;padding-bottom:max(10px, env(safe-area-inset-bottom));border-top:1px solid var(--bc-border);align-items:center;gap:8px;display:flex}.sheet__spacer{flex:1}.confirm{background:var(--bc-surface);border:1px solid var(--bc-border-bright);border-radius:10px;width:calc(100% - 32px);max-width:420px;margin:auto;padding:18px}.confirm__title{color:var(--bc-text-strong);margin:0 0 8px;font-size:17px}.confirm__message{color:var(--bc-text-label);margin:0 0 16px}.confirm__actions{justify-content:flex-end;gap:8px;display:flex}.login{text-align:center;align-content:center;justify-items:center;gap:16px;min-height:100dvh;padding:24px 16px;display:grid}.login__lead{color:var(--bc-text-label);margin:0}.login__error{color:var(--bc-amber);margin:0}.login__google{min-width:240px}@media (width>=720px){.overlay{align-items:center}.sheet{border-bottom:1px solid var(--bc-border-bright);border-radius:10px;max-height:90dvh}.sheet__form{max-height:90dvh}}.account__status{color:var(--bc-text-strong);margin:0 0 8px}.account__actions{flex-wrap:wrap;gap:8px;margin:0 0 16px;display:flex}.account__devices{border:1px solid var(--bc-border);border-radius:var(--radius);margin:0 0 8px;padding:0;list-style:none}.account__device{justify-content:space-between;align-items:center;gap:8px;min-height:52px;padding:8px 12px;display:flex}.account__device+.account__device{border-top:1px solid var(--bc-border)}.account__device-main{flex-direction:column;gap:2px;min-width:0;display:flex}.account__device-name{color:var(--bc-text-strong);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account__device-meta{font-family:var(--font-mono);color:var(--bc-text-mid);font-size:11px}.account__device-tools{flex-shrink:0;align-items:center;gap:4px;display:flex}.account__hint{color:var(--bc-text-mid);margin:6px 0 16px;font-size:12px}.account__delete{border:1px solid var(--bc-border-bright);border-radius:var(--radius);background:var(--bc-surface-2);padding:12px}.account__delete-title{color:var(--bc-text-strong);margin:0 0 8px;font-size:14px}.account__delete-lines{color:var(--bc-text);margin:0 0 12px;padding-left:1.2em;line-height:1.6}.terms{margin:0 0 16px}.terms dt{font-family:var(--font-display);letter-spacing:.06em;color:var(--bc-text-label);text-transform:uppercase;margin-top:10px;font-size:12px}.terms dd{color:var(--bc-text);margin:2px 0 0;line-height:1.5}.terms__links{gap:16px;display:flex}.terms a,.banner a,.footer__link{color:var(--bc-blue)}.footer{border-top:1px solid var(--bc-border);justify-content:center;gap:16px;margin-top:32px;padding:16px 0;font-size:12px;display:flex}@media (prefers-reduced-motion:reduce){*{transition:none!important}}