@import "https://fonts.googleapis.com/css2?family=Chivo:wght@400;700;900&family=Karla:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-base:#0f0f0e;--bg-surface:#151514;--bg-panel:#1a1a19;--bg-raised:#20201e;--bg-hover:#292927;--bg-sunken:#0b0b0a;--border-faint:#fffff00d;--border-subtle:#fffff017;--border-normal:#fffff026;--border-strong:#fffff042;--text-primary:#eceae4;--text-secondary:#a8a69e;--text-muted:#75736c;--text-dim:#4a4944;--accent:#ff5a1f;--accent-ink:#ff7a45;--on-accent:#140a05;--accent-bg:#ff5a1f1c;--accent-line:#ff5a1f73;--red:#d0695c;--red-bg:#d0695c1a;--red-line:#d0695c59;--green:#8fae88;--green-bg:#8fae881a;--green-line:#8fae8852;--amber:#c9a65b;--amber-bg:#c9a65b1a;--amber-line:#c9a65b52;--blue:#98adc2;--blue-bg:#98adc217;--violet:var(--accent);--violet-bg:var(--accent-bg);--onair:var(--accent);--ty-song:#6aa6ff;--ty-song-bg:#5091ff26;--ty-song-hover:#5091ff3d;--ty-song-line:#6aa6ff6b;--ty-struct:#5fd08a;--ty-struct-bg:#46c37826;--ty-struct-line:#5fd08a6b;--ty-toth:#f5cb45;--ty-toth-bg:#f5cb452e;--ty-toth-line:#f5cb4580;--ty-comm:#44c8d8;--ty-comm-bg:#44c8d821;--ty-comm-line:#44c8d866;--ty-tease:#c78bff;--ty-tease-bg:#c78bff1f;--ty-tease-line:#c78bff66;--ty-talk:#a8a69e;--mark:#ffd60a61;--font-body:"Karla", ui-sans-serif, system-ui, sans-serif;--font-display:"Chivo", "Karla", ui-sans-serif, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--radius-xs:1px;--radius-sm:2px;--radius:3px;--radius-lg:4px;--t:.11s ease;--t-slow:.24s cubic-bezier(.4,0,.2,1)}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-base:#eeede8;--bg-surface:#f7f6f2;--bg-panel:#e5e3dd;--bg-raised:#fff;--bg-hover:#dcdad3;--bg-sunken:#e3e1da;--border-faint:#1414130f;--border-subtle:#1414131c;--border-normal:#14141330;--border-strong:#14141357;--text-primary:#141413;--text-secondary:#46453f;--text-muted:#6f6d66;--text-dim:#a3a199;--accent-ink:#b63a08;--accent-bg:#ff5a1f1a;--accent-line:#dc460a80;--red:#a8382c;--red-bg:#a8382c12;--red-line:#a8382c4d;--green:#3d6a38;--green-bg:#3d6a3814;--green-line:#3d6a3847;--amber:#85661a;--amber-bg:#85661a14;--amber-line:#85661a47;--blue:#3c5876;--blue-bg:#3c587612;--ty-song:#1d5cd0;--ty-song-bg:#286eeb1c;--ty-song-hover:#286eeb2e;--ty-song-line:#1d5cd059;--ty-struct:#1b8546;--ty-struct-bg:#28aa5a21;--ty-struct-line:#1b854661;--ty-toth:#8a6200;--ty-toth-bg:#f5c3284d;--ty-toth-line:#be91008c;--ty-comm:#08788a;--ty-comm-bg:#14aabe1f;--ty-comm-line:#08788a59;--ty-tease:#8037c4;--ty-tease-bg:#9650dc1a;--ty-tease-line:#8037c452;--ty-talk:#46453f;--mark:#ffd60a8c}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-body);background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:14px;line-height:1.45}#root{flex-direction:column;min-height:100vh;display:flex}::selection{background:var(--accent);color:var(--on-accent)}*{scrollbar-width:thin;scrollbar-color:var(--border-normal) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-normal);background-clip:content-box;border:2px solid #0000;border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--border-strong);background-clip:content-box}button{font-family:var(--font-body);cursor:pointer;color:inherit;background:0 0;border:none;outline:none}input,textarea,select{font-family:var(--font-body);color:inherit;outline:none}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}input:focus-visible,textarea:focus-visible,select:focus-visible,[contenteditable]:focus-visible{outline:none}.btn{border-radius:var(--radius);letter-spacing:.005em;transition:background var(--t), border-color var(--t), color var(--t);white-space:nowrap;border:1px solid #0000;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:700;line-height:1.2;display:inline-flex}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-primary:hover{background:color-mix(in srgb, var(--accent) 86%, var(--text-primary))}.btn-ghost{color:var(--text-secondary);border-color:var(--border-subtle);background:0 0}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-normal)}.btn-ghost.is-on{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-strong)}.btn-quiet{color:var(--text-muted);background:0 0}.btn-quiet:hover{color:var(--text-primary);background:var(--bg-hover)}.btn-danger{color:var(--red);border-color:var(--red-line);background:0 0}.btn-danger:hover{background:var(--red-bg)}.btn-sm{padding:4px 9px;font-size:11.5px}.btn-lg{padding:10px 18px;font-size:13.5px}.btn-icon{justify-content:center;min-width:28px;padding:5px}.btn-block{justify-content:center;width:100%}.btn:disabled{opacity:.38;pointer-events:none}.seg{border:1px solid var(--border-subtle);border-radius:var(--radius);background:var(--bg-surface);gap:2px;padding:2px;display:inline-flex}.seg>button{border-radius:var(--radius-sm);height:24px;color:var(--text-muted);transition:background var(--t), color var(--t);justify-content:center;align-items:center;gap:4px;padding:0 9px;font-size:11.5px;font-weight:700;display:inline-flex}.seg>button:hover{color:var(--text-primary)}.seg>button.is-on{background:var(--text-primary);color:var(--bg-base)}.seg>span{font-family:var(--font-mono);color:var(--text-muted);align-items:center;padding:0 4px;font-size:10.5px;display:inline-flex}.label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);font-size:10px;font-weight:500}.tag{border-radius:var(--radius-xs);letter-spacing:.08em;text-transform:uppercase;font-size:9.5px;font-weight:700;font-family:var(--font-mono);align-items:center;padding:1px 5px;display:inline-flex}.panel{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.field{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius);color:var(--text-primary);transition:border-color var(--t), background var(--t);width:100%;padding:8px 10px;font-size:13.5px}.field:hover{border-color:var(--border-normal)}.field:focus{border-color:var(--text-primary);background:var(--bg-raised)}.field::placeholder{color:var(--text-dim)}select.field{cursor:pointer}.modal-overlay{z-index:1000;background:color-mix(in srgb, var(--bg-sunken) 78%, transparent);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-box{background:var(--bg-panel);border:1px solid var(--border-normal);border-top:3px solid var(--text-primary);border-radius:var(--radius-lg);flex-direction:column;width:100%;max-height:calc(100vh - 48px);display:flex;position:relative;overflow:hidden}.modal-head{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px 14px;display:flex}.modal-title{font-family:var(--font-display);letter-spacing:-.01em;font-size:16px;font-weight:900}.modal-body{padding:18px 20px;overflow-y:auto}.modal-foot{border-top:1px solid var(--border-subtle);justify-content:flex-end;gap:8px;padding:14px 20px;display:flex}.menu{z-index:400;background:var(--bg-raised);border:1px solid var(--border-strong);border-radius:var(--radius);min-width:210px;padding:4px;position:absolute}.menu-item{text-align:left;border-radius:var(--radius-sm);width:100%;color:var(--text-secondary);padding:7px 10px;font-size:12.5px;font-weight:500;transition:background 70ms,color 70ms;display:block}.menu-item:hover{background:var(--bg-hover);color:var(--text-primary)}.menu-item.danger{color:var(--red)}.menu-item.danger:hover{background:var(--red-bg);color:var(--red)}.menu-sep{background:var(--border-subtle);height:1px;margin:4px 0}.menu-head{padding:6px 10px 3px}.avatar{color:#fff;font-weight:800;font-family:var(--font-body);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.mono{font-family:var(--font-mono)}.tabular{font-variant-numeric:tabular-nums}.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hover-reveal{opacity:0;transition:opacity var(--t)}.hover-host:hover .hover-reveal,.hover-host:focus-within .hover-reveal{opacity:1}@media (hover:none){.hover-reveal{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.25}}@keyframes fade-up{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.blink{animation:1.4s steps(2,jump-none) infinite blink}.fade-up{animation:.18s both fade-up}.spin{animation:.8s linear infinite spin}.spinner{opacity:.8;border:2px solid;border-top-color:#0000;border-radius:50%;flex-shrink:0;width:12px;height:12px;animation:.8s linear infinite spin;display:inline-block}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}[contenteditable]:empty:before{content:attr(data-placeholder);color:var(--text-dim);pointer-events:none;font-style:italic}[contenteditable] ul,[contenteditable] ol{margin:4px 0;padding-left:22px}[contenteditable] li{margin-bottom:4px}[contenteditable] a{color:var(--accent-ink);text-underline-offset:2px;text-decoration:underline}[contenteditable] img{max-width:100%;height:auto}.rte-toolbar{opacity:0;transition:opacity .12s}.ed-block:hover .rte-toolbar{opacity:.45}.rte-toolbar.is-on,.ed-block:hover .rte-toolbar.is-on{opacity:1}@media (hover:none){.rte-toolbar{display:none!important}.rte-toolbar.is-on{opacity:1;display:flex!important}}.rte-btn{border-radius:var(--radius-sm);background:var(--bg-raised);color:var(--text-secondary);border:1px solid var(--border-subtle);transition:background var(--t), color var(--t);padding:2px 8px;font-size:12px;font-weight:700;line-height:1.5}.rte-btn:hover{color:var(--text-primary);border-color:var(--border-normal)}.rte-btn.is-on{background:var(--text-primary);color:var(--bg-base);border-color:var(--text-primary)}.editable{cursor:text;transition:border-color var(--t);border-bottom:1px solid #0000}.editable:hover{border-bottom-color:var(--border-strong)}.dur-edit{opacity:.8}.dur-edit:hover{opacity:1}.intro-ghost{opacity:0}.blk:hover .intro-ghost{opacity:1}@media (hover:none){.intro-ghost{display:none}}.drag-handle{z-index:5;touch-action:none;cursor:grab;width:18px;color:var(--text-dim);opacity:0;transition:opacity var(--t), color var(--t);justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0}.sortable-row:hover>.drag-handle{opacity:1}.drag-handle:hover{color:var(--text-primary)}@media (hover:none){.drag-handle{opacity:1}}.song-row{transition:background 90ms}.song-row:hover{background:var(--ty-song-hover)!important}.ed-block{transition:background 90ms}.ed-block:hover{background:color-mix(in srgb, var(--text-primary) 2.5%, transparent)}.gap-insert{z-index:6;height:0;position:relative}.gap-insert .gap-hit{cursor:pointer;height:12px;position:absolute;top:-6px;left:0;right:0}.gap-insert .gap-line{background:var(--accent);opacity:0;height:2px;margin-top:-1px;transition:opacity 80ms;position:absolute;top:50%;left:0;right:0}.gap-insert .gap-plus{background:var(--accent);width:20px;height:20px;color:var(--on-accent);opacity:0;border-radius:50%;justify-content:center;align-items:center;margin:-10px 0 0 -10px;font-size:15px;font-weight:800;line-height:1;transition:opacity 80ms,transform 80ms;display:flex;position:absolute;top:50%;left:50%;transform:scale(.6)}.gap-insert .gap-line,.gap-insert .gap-plus{pointer-events:none}.gap-insert:has(.gap-hit:hover) .gap-line{opacity:1}.gap-insert:has(.gap-hit:hover) .gap-plus{opacity:1;transform:scale(1)}.quick-type{border-radius:var(--radius-sm);letter-spacing:.06em;border:1px solid var(--border-normal);transition:background var(--t), color var(--t), border-color var(--t);background:0 0;padding:4px 9px;font-size:10.5px;font-weight:700}.quick-type:hover{background:var(--c,var(--text-primary))!important;color:var(--bg-base)!important;border-color:var(--c,var(--text-primary))!important}.hour-nav{text-align:left;width:100%;transition:background var(--t), border-color var(--t);border-left:2px solid #0000;grid-template-columns:46px 1fr auto;align-items:baseline;gap:2px 10px;padding:9px 16px 10px 14px;display:grid;position:relative}.hour-nav:hover{background:var(--bg-hover)}.hour-nav.is-on{border-left-color:var(--text-primary);background:var(--bg-raised)}.topbar{z-index:50;background:var(--bg-panel);border-bottom:1px solid var(--border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;height:56px;padding:0 clamp(12px,2.5vw,24px);display:flex;position:sticky;top:0}.topbar-sep{background:var(--border-subtle);flex-shrink:0;width:1px;height:22px;margin:0 4px}.dash{background:var(--bg-base);flex-direction:column;min-height:100vh;display:flex}.dash-main{width:100%;max-width:1120px;margin:0 auto;padding:32px clamp(16px,4vw,48px) 80px}.dash-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:26px;display:flex}.dash-toolbar{align-items:center;gap:8px;display:flex}.dash-toolbar .field{width:260px;height:36px}.featured{background:var(--bg-panel);border:1px solid var(--border-subtle);border-left:4px solid var(--accent);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px 40px;margin-bottom:40px;padding:26px 28px 28px;display:grid}.featured-side{flex-direction:column;align-items:flex-start;gap:20px;display:flex}.show-row{border-bottom:1px solid var(--border-subtle);cursor:pointer;min-height:64px;transition:background var(--t);grid-template-columns:52px minmax(0,1fr) 72px 56px 96px;align-items:center;gap:16px;padding:8px 6px 8px 0;display:grid}.show-row:hover{background:var(--bg-surface)}.show-date{border-right:1px solid var(--border-subtle);flex-direction:column;align-items:center;gap:3px;padding-right:10px;display:flex}.tb-show{text-align:left;border-radius:var(--radius);min-width:0;max-width:340px;transition:background var(--t);padding:4px 8px}.tb-show:hover{background:var(--bg-hover)}@media (width<=1320px){.tb-wide{display:none!important}}@media (width<=1080px){.tb-mid{display:none!important}}.now-pill{left:16px;bottom:max(16px, env(safe-area-inset-bottom));z-index:50;border-radius:var(--radius);background:var(--accent);max-width:min(420px,100vw - 32px);color:var(--on-accent);transition:background var(--t);align-items:center;gap:8px;padding:8px 14px 8px 12px;display:flex;position:fixed}.now-pill:hover{background:color-mix(in srgb, var(--accent) 88%, var(--text-primary))}.hide-mobile{display:block}.show-mobile{display:none}@media (width<=640px){.hide-mobile{display:none!important}.show-mobile{display:flex!important}.modal-overlay{align-items:flex-end;padding:0}.modal-box{border-bottom:none;border-left:none;border-right:none;border-radius:0;max-height:92vh;max-width:none!important}.rg-rich-toolbar{-webkit-overflow-scrolling:touch;padding-bottom:2px;flex-wrap:nowrap!important;overflow-x:auto!important}.field{font-size:16px!important}.auth-aside{border-right:none!important;width:100%!important}.side-panel{z-index:60!important;border-left:none!important;width:100%!important;position:fixed!important;inset:0!important}.dash-main{padding:22px 16px 80px}.dash-toolbar{width:100%}.dash-toolbar .field{flex:1;width:auto}.featured{grid-template-columns:1fr;padding:20px 18px 22px}.show-row{grid-template-columns:44px minmax(0,1fr) auto;gap:12px}}.print-view{display:none}@media print{#root{display:none!important}.print-view{color:#111;background:#fff;padding:0;font-family:Karla,sans-serif;font-size:11pt;display:block!important}@page{size:A4 portrait;margin:16mm 14mm}.print-hour{page-break-inside:avoid;margin-bottom:18pt}.print-hour-header{border-bottom:2pt solid #111;justify-content:space-between;align-items:baseline;margin-bottom:6pt;padding-bottom:3pt;display:flex}.print-hour-title{letter-spacing:-.01em;font-family:Chivo,sans-serif;font-size:13pt;font-weight:900}.print-hour-meta{color:#555;font-family:JetBrains Mono,monospace;font-size:9pt}.print-item{page-break-inside:avoid;border-bottom:.5pt solid #e0e0e0;align-items:baseline;gap:8pt;padding:3pt 0;display:flex}.print-item-time{color:#555;flex-shrink:0;width:36pt;font-family:JetBrains Mono,monospace;font-size:9pt}.print-item-badge{letter-spacing:.07em;text-transform:uppercase;flex-shrink:0;width:44pt;font-size:7.5pt;font-weight:700}.print-item-title{flex:1;font-size:10.5pt;font-weight:700}.print-item-artist{color:#333;font-size:9.5pt}.print-item-dur{text-align:right;color:#555;flex-shrink:0;width:32pt;font-family:JetBrains Mono,monospace;font-size:9pt}.print-item-notes{color:#444;page-break-inside:avoid;border-bottom:.5pt solid #e0e0e0;padding:2pt 0 4pt 88pt;font-size:9pt;line-height:1.4}.print-structural{background:#f5f5f5}.print-structural .print-item-title{color:#555;font-style:italic}.print-header{border-bottom:2pt solid #111;justify-content:space-between;align-items:flex-end;margin-bottom:14pt;padding-bottom:6pt;display:flex}.print-header-title{letter-spacing:-.02em;font-family:Chivo,sans-serif;font-size:18pt;font-weight:900}.print-header-meta{color:#555;text-align:right;font-family:JetBrains Mono,monospace;font-size:9pt;line-height:1.6}}