:root{--bg0: #0b0d12;--bg1: #141824;--bg2: #1c2233;--text: #f2f4f8;--muted: #9aa3b5;--accent: #ff4d6d;--accent2: #3dd6c6;--good: #5bd67a;--warn: #f0b429;--radius: 16px;--font: "Rubik", "Outfit", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);background:radial-gradient(1200px 600px at 10% -10%,#2a1540 0%,transparent 55%),radial-gradient(900px 500px at 100% 0%,#0d3a40 0%,transparent 50%),var(--bg0);color:var(--text)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:0;border-radius:999px;padding:.75rem 1.25rem;background:var(--accent);color:#fff;font-weight:700}button.secondary{background:var(--bg2);border:1px solid #2c3448}button:disabled{opacity:.5;cursor:not-allowed}input,textarea,select{width:100%;background:var(--bg1);border:1px solid #2c3448;border-radius:12px;padding:.85rem 1rem}.panel{background:color-mix(in srgb,var(--bg1) 88%,transparent);border:1px solid #273049;border-radius:var(--radius);padding:1rem}.muted{color:var(--muted)}.row{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:.75rem}.grow{flex:1}.brand{font-family:Bungee,Outfit,system-ui,sans-serif;font-weight:400;letter-spacing:.04em;font-size:clamp(1.4rem,3vw,2rem);display:inline-flex;align-items:center;gap:.45em;color:var(--text);line-height:1.1}.brand-mic{display:inline-grid;place-items:center;width:1.15em;height:1.15em;border-radius:999px;background:linear-gradient(145deg,var(--accent) 0%,#ff8a5c 55%,var(--accent2) 100%);color:#0b0d12;flex-shrink:0;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent2) 35%,transparent)}.brand-mic svg{width:.65em;height:.65em}.brand-text{background:linear-gradient(90deg,#fff 0%,var(--accent2) 55%,var(--accent) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.tag{display:inline-block;font-size:.75rem;padding:.2rem .55rem;border-radius:999px;background:#24304a;color:var(--muted)}.tag.ready{background:#163526;color:var(--good)}.tag.prep{background:#3a2a12;color:var(--warn)}.tag.timed{background:color-mix(in srgb,var(--accent2) 22%,#163526);color:var(--accent2);font-weight:700}.song-card{display:flex;gap:.85rem;align-items:center;padding:.75rem;border-radius:14px;background:var(--bg2)}.song-card img{width:56px;height:56px;object-fit:cover;border-radius:10px;background:#000}.song-card h4{margin:0 0 .2rem;font-size:1rem}.song-card p{margin:0;color:var(--muted);font-size:.9rem}.big-btn{min-height:3.2rem;font-size:1.05rem}.slider{width:100%;accent-color:var(--accent2)}.role-card{display:block;background:color-mix(in srgb,var(--bg1) 90%,transparent);border:1px solid #273049;border-radius:var(--radius);padding:1rem 1.1rem;transition:border-color .15s ease,transform .15s ease}.role-card:hover{border-color:color-mix(in srgb,var(--accent2) 55%,#273049);transform:translateY(-1px)}.role-who{display:inline-block;font-size:.78rem;font-weight:700;color:var(--accent2);background:color-mix(in srgb,var(--accent2) 12%,transparent);padding:.15rem .55rem;border-radius:999px;width:fit-content}.playlist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem}.playlist-card{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;text-align:start;padding:1rem 1.1rem;border-radius:var(--radius);background:var(--bg2);border:1px solid #2c3448;color:var(--text);font-weight:600;min-height:88px}.playlist-card:hover{border-color:color-mix(in srgb,var(--accent2) 45%,#2c3448)}.playlist-card.active{border-color:var(--accent2);background:color-mix(in srgb,var(--accent2) 12%,var(--bg2));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent2) 35%,transparent)}.playlist-card-name{font-size:1.05rem;font-weight:800;line-height:1.25}.playlist-card-meta{font-size:.85rem;font-weight:500;color:var(--muted)}.playlist-detail{border-color:color-mix(in srgb,var(--accent2) 25%,#273049)}.playlist-columns{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:start}@media (max-width: 800px){.playlist-columns{grid-template-columns:1fr}}.playlist-song-list{max-height:420px;overflow:auto;display:grid;gap:6px;padding-inline-end:4px}.mode-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.mode-card{display:flex;flex-direction:column;align-items:flex-start;gap:.6rem;text-align:start;padding:1.4rem 1.3rem;border-radius:var(--radius);background:var(--bg1);border:1px solid #2c3448;color:var(--text);font-weight:600;min-height:140px}.mode-card:hover{border-color:color-mix(in srgb,var(--accent2) 50%,#2c3448)}.mode-card-title{font-size:1.25rem;font-weight:800}.now-playing{padding:.85rem 1rem;border-radius:12px;background:color-mix(in srgb,var(--accent2) 10%,var(--bg2));border:1px solid color-mix(in srgb,var(--accent2) 30%,#2c3448);display:grid;gap:.4rem}.now-playing-compact{padding:.45rem .75rem;gap:0}.controls-compact{display:flex;flex-direction:column;gap:.55rem;padding:.75rem .9rem}.controls-btns button{padding:.45rem .9rem;font-size:.9rem}.controls-sliders{display:flex;flex-direction:column;gap:.2rem}.slider-row{display:grid;grid-template-columns:7.5rem 1fr;gap:.6rem;align-items:center;margin:0}.slider-label{font-size:.82rem;white-space:nowrap}.slider-row .slider{margin:0;height:1.1rem}.timing-seek{height:1.6rem;margin:.15rem 0;direction:ltr}.section-card-clickable{cursor:pointer}.section-card-clickable:hover{border-color:color-mix(in srgb,var(--accent2) 45%,#2c3448);background:color-mix(in srgb,var(--accent2) 6%,transparent)}.section-card{border:1px solid #2c3448}.section-cursor{border-color:color-mix(in srgb,var(--accent) 55%,#2c3448)}.section-active{background:color-mix(in srgb,var(--accent2) 12%,var(--bg2))}.section-lyrics-hit{display:block;width:100%;text-align:start;background:transparent;border:0;border-radius:10px;padding:.35rem .25rem;color:inherit;font:inherit;font-size:1rem;font-weight:600;line-height:1.4;cursor:pointer}.section-lyrics-hit:hover{background:color-mix(in srgb,var(--accent2) 8%,transparent)}.mark-split{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;direction:rtl}.mark-pane{border:1px solid #2c3448;border-radius:12px;padding:.75rem;background:var(--bg1);min-height:140px;display:flex;flex-direction:column;gap:.5rem}.mark-pane-next{border-color:color-mix(in srgb,var(--accent2) 55%,#2c3448);background:color-mix(in srgb,var(--accent2) 10%,var(--bg1))}.mark-pane-prev{opacity:.92}.mark-pane-lyrics{white-space:pre-wrap;font-size:1.05rem;font-weight:650;line-height:1.45;flex:1}.mark-pane-lyrics-next{font-size:1.15rem;font-weight:800}@media (max-width: 640px){.mark-split{grid-template-columns:1fr}}.lyrics-editor-modal{gap:.85rem}.waveform-panel{direction:ltr}.waveform-wrap{direction:ltr;background:#0e121c;border:1px solid #2c3448;border-radius:12px;overflow:hidden;padding:.35rem .25rem 0}.waveform-wrap .wavesurfer-region,.waveform-wrap [part=region],.waveform-wrap .ws-region{cursor:crosshair}.waveform-canvas{width:100%;min-height:96px}.waveform-timeline{width:100%;min-height:18px;border-top:1px solid #1c2233}.timing-split{display:grid;grid-template-columns:1fr 1.15fr;gap:.75rem;align-items:start}.timing-split-full{grid-template-columns:1fr}@media (max-width: 860px){.timing-split{grid-template-columns:1fr}}.structure-editor{direction:rtl}.structure-section-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.55rem;margin-bottom:.2rem;padding:.25rem .35rem;border-radius:8px;background:color-mix(in srgb,var(--accent2) 8%,transparent);cursor:pointer}.structure-section-head.is-selected{background:color-mix(in srgb,var(--accent) 14%,transparent)}.structure-label-input{flex:1;min-width:0;background:transparent;border:1px dashed #2c3448;border-radius:6px;padding:.2rem .45rem;font-weight:700;font-size:.9rem}.structure-label-select{flex:0 0 auto;max-width:7.5rem;background:var(--bg1);border:1px solid #2c3448;border-radius:6px;padding:.2rem .35rem;font-weight:700;font-size:.85rem;cursor:pointer}.structure-sec-badge{font-size:.75rem;white-space:nowrap}.structure-label-input:focus{outline:none;border-color:var(--accent2)}.structure-label-select:focus{outline:none;border-color:var(--accent2)}.structure-line{display:flex;gap:.5rem;align-items:baseline;padding:.2rem .35rem;border-radius:6px;cursor:pointer}.structure-line.is-selected{background:color-mix(in srgb,var(--accent2) 10%,transparent)}.structure-line-num{width:1.6rem;flex-shrink:0;font-size:.75rem;text-align:center}.structure-line-text{flex:1;font-weight:600;font-size:.95rem;line-height:1.4;white-space:pre-wrap}.structure-boundary{display:block;width:100%;margin:.15rem 0;padding:.15rem;font-size:.72rem;font-weight:700;letter-spacing:.02em;color:var(--muted);background:transparent;border:1px dashed #2c3448;border-radius:6px;cursor:pointer}.structure-boundary:hover{color:var(--accent2);border-color:color-mix(in srgb,var(--accent2) 50%,#2c3448)}.structure-boundary.is-active{color:var(--accent);border-style:solid;border-color:color-mix(in srgb,var(--accent) 45%,#2c3448);background:color-mix(in srgb,var(--accent) 8%,transparent)}.waveform-wrap ::part(region-content),.waveform-canvas [part=region-content]{font-size:11px!important;font-weight:700;padding:2px 4px}.chip-tag{display:inline-flex;align-items:center;border:1px solid color-mix(in srgb,var(--chip, #3dd6c6) 55%,#2c3448);background:color-mix(in srgb,var(--chip, #3dd6c6) 18%,transparent);color:var(--text);border-radius:999px;padding:.35rem .75rem;font-size:.85rem;font-weight:700}.chip-tag.mini{padding:.15rem .5rem;font-size:.75rem;pointer-events:none}.chip-tag.active{background:color-mix(in srgb,var(--chip, #3dd6c6) 45%,transparent);box-shadow:inset 0 0 0 1px var(--chip, #3dd6c6)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:grid;place-items:center;z-index:80;padding:1rem}.modal-card{width:min(480px,100%);max-height:90vh;overflow:auto}