:root{--ink:#060707;--panel:#0d0f0f;--panel-raised:#141616;--line:#292c2b;--line-soft:#1d201f;--muted:#7d817e;--gold:#f6c85f;--paper:#f6f5ef;--danger:#ee776a}*{box-sizing:border-box}html,body,#root{width:100%;height:100%}html,body{background:var(--ink);color:var(--paper);margin:0;overflow:hidden}body{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}button,input,textarea,select{font:inherit;color:inherit}button,label,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.28}button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}input:focus-visible{outline:2px solid var(--gold);outline-offset:2px}textarea:focus-visible{outline:2px solid var(--gold);outline-offset:2px}select:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.stage-shell{background:radial-gradient(circle at 67% 8%, #171816 0, var(--ink) 38%);grid-template-columns:286px minmax(0,1fr);width:100%;height:100dvh;min-height:0;transition:grid-template-columns .22s;display:grid;overflow:hidden}.stage-shell.rehearsal-mode{grid-template-columns:368px minmax(0,1fr)}.stage-shell.stage-mode{grid-template-columns:0 minmax(0,1fr)}.stage-shell.stage-mode .setlist-panel{opacity:0;pointer-events:none;transform:translate(-24px)}.setlist-panel{border-right:1px solid var(--line);background:#0d0f0ff7;flex-direction:column;min-width:0;height:100%;min-height:0;padding:24px 17px 17px;transition:opacity .18s,transform .22s;display:flex;overflow:hidden}.brand-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:0 7px 24px;display:flex}.brand-mark{width:38px;height:38px;color:var(--gold);letter-spacing:-.04em;border:1px solid #604e29;border-radius:10px;flex:none;place-items:center;font-size:12px;font-weight:850;display:grid;box-shadow:inset 0 0 18px #f6c85f0f}.brand-row strong{letter-spacing:-.025em;font-size:16px;display:block}.brand-row small{color:#686c69;letter-spacing:.15em;margin-top:3px;font-size:7px;font-weight:800;display:block}.setlist-switcher{padding:19px 7px 10px}.setlist-switcher>label{color:#6e726f;letter-spacing:.2em;margin-bottom:7px;font-size:8px;font-weight:900;display:block}.setlist-switcher>div{gap:7px;display:flex}.setlist-switcher select,.setlist-switcher input{border:1px solid var(--line);color:#d9dad6;background:#121414;border-radius:8px;flex:1;min-width:0;height:38px;padding:0 12px;font-size:11px;font-weight:700}.setlist-switcher select{-webkit-appearance:none;appearance:none}.setlist-switcher button{min-height:38px;color:var(--gold);background:#1d1b15;border:1px solid #5b4a27;border-radius:8px;flex:0 0 38px;font-size:18px}.setlist-switcher .setlist-confirm{background:#17110f;border:1px solid #57332f;border-radius:8px;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px;padding:9px;display:grid}.setlist-confirm span{color:#bca9a4;grid-column:1/-1;font-size:9px;line-height:1.4}.setlist-confirm button{letter-spacing:.08em;width:auto;padding:0 8px;font-size:7px;font-weight:900}.library-tools{padding:0 7px 10px}.search-box{border:1px solid var(--line);background:#101212;border-radius:8px;align-items:center;gap:9px;height:40px;padding:0 11px;display:flex}.search-box span{color:#6f736f;font-size:17px}.search-box input{background:0 0;border:0;outline:0;width:100%;font-size:11px}.search-box input::placeholder{color:#5f6360}.library-actions{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:8px;display:grid}.library-actions button{border:1px solid var(--line);color:#9fa39f;letter-spacing:.11em;background:#151717;border-radius:7px;min-height:36px;font-size:8px;font-weight:850}.song-list{scrollbar-width:thin;scrollbar-color:#313432 transparent;align-content:start;gap:5px;min-height:0;margin:0;padding:0 2px;list-style:none;display:grid;overflow-y:auto}.song-list li{color:#939794;border:1px solid #0000;border-radius:9px;align-items:center;min-height:53px;transition:background .15s,border-color .15s;display:flex;position:relative}.song-select{text-align:left;background:0 0;border:0;flex:1;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:7px;min-width:0;min-height:53px;padding:0 9px;display:grid}.song-select>span:first-child{color:#535754;font-size:9px;font-weight:850}.song-select>span:last-child{min-width:0}.song-select strong{color:inherit;white-space:nowrap;text-overflow:ellipsis;font-size:11px;line-height:1.2;display:block;overflow:hidden}.song-select small{color:#565a57;margin-top:3px;font-size:8px;font-weight:700;display:block}.song-list li.active{color:var(--paper);box-shadow:inset 3px 0 var(--gold);background:linear-gradient(90deg,#f6c85f24,#f6c85f06);border-color:#4b4028}.song-list li.active .song-select>span:first-child,.song-list li.active .song-select small{color:var(--gold)}.song-actions{gap:2px;padding-right:6px;display:flex}.song-actions button{color:#777b77;background:0 0;border:0;border-radius:6px;width:26px;height:30px;font-size:12px}.song-actions button:hover{color:var(--paper);background:#222524}.song-actions button:last-child:hover{color:var(--danger)}.library-song{grid-template-columns:23px minmax(0,1fr) 30px 30px;align-items:center;gap:5px;width:100%;min-width:0;min-height:53px;padding:0 7px;display:grid}.library-song>span:first-child{color:var(--gold);font-size:12px}.library-song>span:nth-child(2){min-width:0}.library-song strong,.library-song small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.library-song strong{color:#cdd0cc;font-size:10px}.library-song small{color:#666b67;margin-top:3px;font-size:8px}.library-song button{border:1px solid var(--line);width:28px;height:30px;color:var(--gold);background:#171919;border-radius:6px;padding:0}.empty-state{color:#646865;margin:18px 8px;font-size:11px;line-height:1.5}.rehearsal-button{border:1px solid var(--line);color:#a9ada9;letter-spacing:.14em;background:#151717;border-radius:9px;flex:none;justify-content:space-between;align-items:center;min-height:48px;margin-top:10px;padding:0 15px;font-size:9px;font-weight:850;display:flex}.rehearsal-button:hover{color:var(--paper);border-color:#4a4e4b}.live-panel{grid-template-rows:auto minmax(0,1fr) auto;width:100%;min-width:0;height:100%;min-height:0;display:grid;overflow:hidden}.live-panel.youtube-mode{grid-template-rows:auto auto minmax(0,1fr) auto}.youtube-slot{border-bottom:1px solid var(--line);background:#080a09;justify-items:center;display:grid}.youtube-slot>a{color:var(--gold);margin:0 0 8px;font-size:12px}.youtube-slot-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 18px;padding:0 12px 8px;display:flex}.youtube-slot-actions button{color:var(--gold);cursor:pointer;background:0 0;border:0;font-size:12px;text-decoration:underline}.youtube-slot-actions a{color:var(--gold);font-size:12px}.lyrics-empty{max-width:520px;color:var(--paper);text-align:center;background:#18170f;border:1px solid #5c4b2c;border-radius:12px;margin:10vh auto 0;padding:24px}.lyrics-empty strong{font-size:clamp(20px,3vw,30px)}.lyrics-empty p{color:#b4bab5;font-size:16px;line-height:1.5}.lyrics-empty button{min-height:44px;color:var(--gold);background:#332a18;border:1px solid #92733b;border-radius:8px;padding:0 18px;font-size:15px;font-weight:750}.youtube-player{background:#080a09;width:min(100%,420px);height:245px;padding:10px}.youtube-player>div,.youtube-player>iframe{border:0;width:100%;height:100%}.song-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:108px;padding:17px 34px 15px 44px;display:flex}.song-heading{min-width:0}.song-heading>p{color:var(--gold);letter-spacing:.2em;margin:0 0 5px;font-size:8px;font-weight:900}.song-heading h1{letter-spacing:-.045em;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:clamp(22px,2.5vw,34px);line-height:1;overflow:hidden}.song-meta{color:#858985;flex-wrap:wrap;align-items:center;gap:0;margin-top:9px;font-size:10px;display:flex}.song-meta>span+span:before{content:"·";color:#4e524f;padding:0 8px}.song-meta b{color:var(--gold)}.song-meta em{color:var(--gold);background:#f6c85f1f;border-radius:4px;margin-left:6px;padding:2px 5px;font-size:8px;font-style:normal}.song-meta .karaoke-badge{color:#62d78b;letter-spacing:.1em;font-size:8px;font-weight:900}.song-meta .audio-badge{color:#d2aa50;letter-spacing:.08em;font-size:8px;font-weight:900}.header-actions{flex:none;align-items:center;gap:7px;display:flex}.header-actions>button{border:1px solid var(--line);color:#898d89;background:#121414;border-radius:8px;min-width:38px;height:38px;font-size:15px}.header-actions>button:hover{color:var(--paper);border-color:#4d504e}.header-actions>button span{letter-spacing:.1em;margin-left:5px;font-size:8px;font-weight:850}.header-actions .youtube-header-action{color:var(--gold);white-space:nowrap;border-color:#705629;padding:0 10px}.header-actions .youtube-header-action span{display:inline}.transpose-group{border:1px solid var(--line);background:#121414;border-radius:8px;align-items:center;height:38px;display:flex;overflow:hidden}.transpose-group button{width:34px;height:100%;color:var(--gold);background:0 0;border:0;font-size:17px}.transpose-group small{color:#666a67;letter-spacing:.12em;font-size:7px;font-weight:850}.header-actions .mode-pill{color:#d49c92;letter-spacing:.12em;border-color:#5b342e;align-items:center;gap:7px;min-width:auto;padding:0 11px;font-size:8px;font-weight:900;display:flex}.mode-pill i{background:#e57060;border-radius:50%;width:6px;height:6px;box-shadow:0 0 11px #e57060}.rehearsal-mode .header-actions .mode-pill{color:var(--gold);border-color:#574a2c}.rehearsal-mode .mode-pill i{background:var(--gold);box-shadow:0 0 11px var(--gold)}.lyrics-stage{overscroll-behavior:contain;scroll-behavior:auto;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#383b38 transparent;padding:31px clamp(42px,8vw,110px) 28vh;position:relative;overflow:hidden auto;-webkit-mask-image:linear-gradient(#000 0 88%,#0000 100%);mask-image:linear-gradient(#000 0 88%,#0000 100%)}.lyrics-content{max-width:920px;margin:0 auto}.section-label{color:#797d79;letter-spacing:.2em;text-transform:uppercase;align-items:center;gap:10px;margin:6px 0 18px;font-size:9px;font-weight:900;display:flex}.section-label:after{content:"";background:#323532;width:44px;height:1px;margin-left:3px}.section-label span{color:#464a47}.lyric-line{min-height:calc(var(--lyric-size) * var(--lyric-leading) + var(--chord-size));flex-wrap:wrap;align-items:flex-start;margin-bottom:17px;display:flex}.estimated-sync{color:#e4b975;letter-spacing:.08em;border:1px solid #8b7046;border-radius:4px;align-self:center;margin-right:10px;padding:3px 5px;font-size:10px}.lyric-token{flex-direction:column;min-width:12px;display:inline-flex}.lyric-token>b{min-height:calc(var(--chord-size) * 1.08);color:var(--chord-color);font-size:var(--chord-size);letter-spacing:-.02em;font-weight:780;line-height:1.05}.lyric-token>span{color:var(--paper);font-size:var(--lyric-size);font-weight:590;line-height:var(--lyric-leading);letter-spacing:-.035em;white-space:pre-wrap}.sync-line{transition:opacity .22s,transform .22s}.sync-line.past{opacity:.36}.sync-line.future{opacity:.7}.sync-line.current{opacity:1;transform:translate(5px)}.sync-line.current:before{content:"";background:var(--gold);border-radius:3px;align-self:stretch;width:3px;margin-right:11px;box-shadow:0 0 12px #f6c85f80}.sync-word{color:#0000;background:linear-gradient(90deg, var(--gold) 0 var(--word-fill), var(--paper) var(--word-fill) 100%);-webkit-background-clip:text;background-clip:text;transition:background 80ms linear;display:inline}.lyric-token>b.sync-chord-active{color:#fff0b5;text-shadow:0 0 11px color-mix(in srgb, var(--chord-color) 55%, transparent)}.lyrics-spacer{height:18px}.song-end{color:#4e524f;letter-spacing:.2em;align-items:center;gap:14px;margin-top:56px;font-size:8px;font-weight:900;display:flex}.song-end i{background:#303330;width:80px;height:1px}.live-controls{min-height:91px;padding:14px 28px max(14px, env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#080909f5;flex-wrap:wrap;justify-content:center;align-items:center;gap:13px;display:flex}.mute-control{border:1px solid var(--line);background:var(--panel);border-radius:9px;min-height:54px;padding:8px 12px}.mute-control strong,.mute-control small{display:block}.mute-control strong{font-size:14px}.mute-control small{color:#afb3af;margin-top:4px;font-size:12px}.mute-control.active{border-color:var(--gold);color:var(--gold);background:#302a1d}.prepared-song-tip{color:#afb3af;font-size:14px;line-height:1.4}.round-control{border:1px solid var(--line);color:#c5c8c4;background:#141616;border-radius:10px;width:54px;height:56px;font-size:25px}.round-control:active{background:#1b1e1c;transform:scale(.97)}.scroll-control{min-width:194px;height:58px;color:var(--gold);background:linear-gradient(#302a1d,#1e1c16);border:1px solid #6b5529;border-radius:10px;justify-content:center;align-items:center;gap:13px;display:flex;box-shadow:inset 0 1px #ffffff08,0 0 22px #f6c85f09}.scroll-control.playing{color:#ef8d7f;background:linear-gradient(#31201d,#201714);border-color:#6b3b33}.scroll-control>span{width:22px;font-size:18px}.scroll-control div{text-align:left}.scroll-control small,.speed-control small{color:#7e796c;letter-spacing:.16em;font-size:7px;font-weight:900;display:block}.scroll-control strong{letter-spacing:.14em;margin-top:3px;font-size:11px;display:block}.karaoke-progress{background:#111413;border:1px solid #3c463e;border-radius:10px;grid-template-rows:auto 1fr;gap:5px;width:min(310px,27vw);min-width:190px;height:58px;padding:8px 13px;display:grid}.karaoke-progress>span{justify-content:space-between;align-items:center;gap:12px;display:flex}.karaoke-progress small{color:#6d746f;letter-spacing:.13em;font-size:7px;font-weight:900}.karaoke-progress strong{color:var(--gold);white-space:nowrap;font-family:SFMono-Regular,Consolas,monospace;font-size:9px}.karaoke-progress input{width:100%;min-width:0;accent-color:var(--gold)}.add-audio-control{min-width:156px;height:58px;color:var(--gold);text-align:left;background:#16150f;border:1px dashed #665329;border-radius:10px;padding:8px 13px}.add-audio-control small,.add-audio-control strong{display:block}.add-audio-control small{color:#776b4e;letter-spacing:.14em;font-size:7px;font-weight:900}.add-audio-control strong{letter-spacing:.08em;margin-top:5px;font-size:9px}.speed-control{text-align:left;border:1px solid var(--line);background:#141616;border-radius:10px;grid-template-rows:auto 1fr;grid-template-columns:1fr auto;align-items:center;min-width:106px;height:58px;padding:9px 13px;display:grid;position:relative}.speed-control small{grid-column:1/-1}.speed-control select{-webkit-appearance:none;appearance:none;background:0 0;border:0;outline:0;width:62px;font-size:17px;font-weight:750}.speed-control>span{color:#686c69}.pitch-meter{border:1px solid var(--line);background:#111313;border-radius:10px;width:236px;min-width:210px;height:58px;position:relative}.pitch-toggle{text-align:left;background:0 0;border:0;border-radius:9px 9px 0 0;grid-template-columns:9px 43px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;height:50px;padding:5px 28px 3px 10px;display:grid;overflow:hidden}.pitch-light{background:#555a56;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #ffffff14}.pitch-note{color:#d8dad6;letter-spacing:-.06em;font-variant-numeric:tabular-nums;font-size:20px;font-weight:850}.pitch-copy{min-width:0}.pitch-copy small,.pitch-copy strong{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.pitch-copy small{color:#6f736f;letter-spacing:.13em;font-size:6px;font-weight:900}.pitch-copy strong{color:#9da19d;letter-spacing:.09em;margin-top:3px;font-size:8px;font-weight:900}.pitch-frequency{color:#686c68;white-space:nowrap;font-size:7px;font-weight:750}.pitch-scale{opacity:.78;background:linear-gradient(90deg,#8b332d 0 24%,#b98a2f 24% 40%,#328c54 40% 60%,#b98a2f 60% 76%,#8b332d 76% 100%);height:7px;position:relative}.pitch-scale:after{content:"";background:#ffffffbf;width:1px;position:absolute;top:0;bottom:0;left:50%;right:auto}.pitch-scale i{z-index:1;background:#fff;border-radius:2px;width:3px;height:11px;transition:left 80ms linear;position:absolute;top:-2px;transform:translate(-50%);box-shadow:0 0 8px #fff}.pitch-meter.green{background:#101814;border-color:#316b48}.pitch-meter.green .pitch-light{background:#4ddd7d;box-shadow:0 0 11px #4ddd7d}.pitch-meter.green .pitch-copy strong{color:#66e58f}.pitch-meter.yellow{background:#18160f;border-color:#6d5929}.pitch-meter.yellow .pitch-light{background:#efbd48;box-shadow:0 0 11px #efbd48}.pitch-meter.yellow .pitch-copy strong{color:#f0c45b}.pitch-meter.red{background:#1a1110;border-color:#713b35}.pitch-meter.red .pitch-light{background:#ed6256;box-shadow:0 0 11px #ed6256}.pitch-meter.red .pitch-copy strong{color:#ef776c}.pitch-help-button{z-index:2;color:#8b8f8b;background:#171919;border:1px solid #353936;border-radius:50%;width:22px;height:22px;padding:0;font-size:10px;font-weight:900;position:absolute;top:5px;right:5px}.pitch-help-panel{z-index:30;color:#aeb2ae;background:#101212fa;border:1px solid #454a46;border-radius:11px;width:min(340px,100vw - 24px);padding:14px;font-size:10px;line-height:1.5;position:absolute;bottom:70px;right:0;box-shadow:0 18px 50px #000000b3}.pitch-help-panel header{color:var(--gold);letter-spacing:.13em;justify-content:space-between;align-items:center;font-size:9px;display:flex}.pitch-help-panel header button{color:#a9ada9;background:#232626;border:0;border-radius:6px;width:28px;height:28px;font-size:18px}.pitch-help-panel ol{margin:11px 0;padding-left:20px}.pitch-help-panel li+li{margin-top:5px}.pitch-help-panel p{color:#777c78;margin:0}.pitch-retry{width:100%;height:36px;color:var(--gold);letter-spacing:.12em;background:#292319;border:1px solid #6b5529;border-radius:7px;margin-top:11px;font-size:8px;font-weight:900}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(11px);backdrop-filter:blur(11px);background:#000000b8;place-items:center;padding:24px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.modal{background:#101212;border:1px solid #363a37;border-radius:16px;flex-direction:column;width:min(860px,96vw);max-height:calc(100dvh - 36px);display:flex;overflow:hidden;box-shadow:0 28px 90px #000000a8}.modal-header{border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:center;min-height:78px;padding:17px 22px;display:flex}.modal-header small{color:var(--gold);letter-spacing:.18em;font-size:7px;font-weight:900}.modal-header h2{letter-spacing:-.035em;margin:3px 0 0;font-size:22px}.modal-header>button{border:1px solid var(--line);color:#919591;background:#171919;border-radius:8px;width:40px;height:40px;font-size:23px}.editor-fields{grid-template-columns:1fr 1fr 130px 100px;gap:12px;padding:18px 22px 14px;display:grid}.editor-fields label,.body-editor{flex-direction:column;gap:7px;display:flex}.editor-fields label>span,.body-editor>span{color:#777b77;letter-spacing:.14em;font-size:8px;font-weight:900}.editor-fields input,.body-editor textarea{border:1px solid var(--line);color:var(--paper);background:#0a0c0c;border-radius:8px}.editor-fields input{height:43px;padding:0 12px;font-size:12px}.audio-editor{background:#12120f;border:1px solid #443b27;border-radius:9px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;margin:0 22px 14px;padding:12px;display:grid}.audio-editor>div{min-width:0}.audio-editor>div span,.audio-editor>div strong,.audio-editor>div small{display:block}.audio-editor>div span{color:var(--gold);letter-spacing:.14em;font-size:8px;font-weight:900}.audio-editor>div strong{color:#d7d7d0;white-space:nowrap;text-overflow:ellipsis;margin-top:5px;font-size:11px;overflow:hidden}.audio-editor>div small{color:#686c68;margin-top:4px;font-size:8px}.audio-editor>button{letter-spacing:.08em;border-radius:7px;min-height:38px;padding:0 11px;font-size:7px;font-weight:900}.audio-preview{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;grid-column:1/-1;width:100%;height:120px;margin-top:3px}.body-editor{flex:1;min-height:0;padding:0 22px}.body-editor>span{justify-content:space-between;display:flex}.body-editor em{color:#565a57;letter-spacing:0;text-transform:none;font-style:normal;font-weight:650}.chord-editor-tools{grid-template-columns:minmax(150px,1fr) 82px auto auto;align-items:center;gap:8px;display:grid}.chord-editor-tools>span{color:#777b77;font-size:9px}.chord-editor-tools input,.chord-editor-tools button{border:1px solid var(--line);background:#151717;border-radius:7px;height:38px}.chord-editor-tools input{min-width:0;color:var(--gold);padding:0 10px;font-family:SFMono-Regular,Consolas,monospace;font-weight:800}.chord-editor-tools button{color:var(--gold);letter-spacing:.1em;padding:0 12px;font-size:8px;font-weight:900}.chord-editor-tools .align-button{color:#a2a6a2}.body-editor textarea{resize:none;color:#e7e5dc;width:100%;min-height:240px;caret-color:var(--gold);flex:1;padding:16px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.65}.editor-tip{color:#70746f;background:#171814;border-radius:7px;align-items:center;gap:10px;margin:12px 22px 0;padding:10px 12px;font-size:9px;display:flex}.editor-tip b{color:var(--gold);font-family:SFMono-Regular,Consolas,monospace}.form-error{color:var(--danger);margin:9px 22px 0;font-size:10px}.inline-confirm{background:#17110f;border:1px solid #57332f;border-radius:8px;align-items:center;gap:9px;margin:12px 22px 0;padding:10px 12px;display:flex}.inline-confirm span{color:#c8b6b0;flex:1;font-size:10px}.inline-confirm button{border-radius:7px;min-height:36px;padding:0 12px;font-size:7px;font-weight:900}.modal-footer{border-top:1px solid var(--line);flex:none;align-items:center;gap:9px;min-height:72px;padding:13px 22px;display:flex}.modal-footer>span{flex:1}.modal-footer button{letter-spacing:.12em;border-radius:8px;min-height:42px;padding:0 16px;font-size:8px;font-weight:900}.ghost-button{border:1px solid var(--line);color:#999d99;background:#161818}.primary-button{color:var(--gold);background:#302a1d;border:1px solid #725b2c}.danger-button{color:var(--danger);background:#251816;border:1px solid #57332f}.recovery-backdrop{z-index:100}.recovery-modal{width:min(620px,96vw)}.recovery-copy{color:#b8bbb7;padding:22px;font-size:12px;line-height:1.6}.recovery-copy p{margin:0 0 10px}.recovery-copy p:last-child{color:#777c78;margin-bottom:0;font-size:10px}.settings-modal{width:min(760px,96vw)}.settings-scroll{padding:18px 22px;overflow-y:auto}.settings-section{border:1px solid var(--line);background:#0d0f0f;border-radius:10px;margin-bottom:14px;overflow:hidden}.settings-heading{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.settings-heading span{color:var(--gold);letter-spacing:.17em;font-size:8px;font-weight:900}.settings-heading small{color:#606461;font-size:8px}.range-row,.color-row,.select-row,.toggle-row,.key-row{border-bottom:1px solid var(--line-soft);color:#aaaeaa;align-items:center;gap:14px;min-height:50px;padding:8px 14px;font-size:10px;display:flex}.settings-section>:last-child{border-bottom:0}.range-row>span,.color-row>span,.select-row>span,.toggle-row>span,.key-row>span{flex:1}.range-row b{color:var(--paper);margin-left:7px;font-size:9px}.range-row input{width:min(290px,42vw);accent-color:var(--gold)}.color-row input{border:1px solid var(--line);background:0 0;border-radius:6px;width:46px;height:30px;padding:2px}.select-row select{border:1px solid var(--line);background:#151717;border-radius:6px;min-width:174px;height:34px;padding:0 10px;font-size:9px}.toggle-row input{width:36px;height:20px;accent-color:var(--gold)}.key-row kbd{min-width:76px;color:var(--gold);text-align:center;background:#171919;border:1px solid #3d413e;border-radius:6px;padding:7px 9px;font-family:SFMono-Regular,Consolas,monospace;font-size:9px}.key-row button{border:1px solid var(--line);color:#8c908c;letter-spacing:.1em;background:#171919;border-radius:6px;min-width:86px;height:32px;font-size:7px;font-weight:850}.key-row button.capturing{min-width:152px;color:var(--gold);border-color:#735b2b;animation:1s infinite pulse-border}.settings-note{color:#616562;margin:0;padding:11px 14px;font-size:8px;line-height:1.5}.disabled-feature-row{color:#8a8e8a;justify-content:space-between;align-items:center;gap:16px;min-height:58px;padding:10px 14px;display:flex}.disabled-feature-row span b,.disabled-feature-row span small{display:block}.disabled-feature-row span b{color:#a8aca8;font-size:10px}.disabled-feature-row span small{color:#5f635f;margin-top:4px;font-size:8px}.disabled-feature-row>strong{color:#b46d62;letter-spacing:.1em;background:#1c1412;border:1px solid #493632;border-radius:5px;padding:6px 8px;font-size:7px}.backup-summary{border-bottom:1px solid var(--line-soft);color:#aaaeaa;justify-content:space-between;align-items:center;gap:14px;min-height:49px;padding:9px 14px;font-size:10px;display:flex}.backup-summary strong{color:#747975;text-align:right;font-size:8px;font-weight:700}.backup-actions{border-bottom:1px solid var(--line-soft);grid-template-columns:repeat(3,1fr);gap:8px;padding:12px 14px;display:grid}.backup-actions button{color:#b6bab6;letter-spacing:.08em;background:#171919;border:1px solid #444844;border-radius:7px;min-height:40px;padding:6px 9px;font-size:7px;font-weight:900}.backup-actions button:first-child{color:var(--gold);background:#272219;border-color:#665329}.sync-modal{width:min(920px,96vw)}.sync-toolbar{align-items:center;gap:14px;padding:14px 22px 10px;display:flex}.sync-toolbar>div{min-width:92px}.sync-toolbar small{color:#666b67;letter-spacing:.14em;font-size:7px;font-weight:900;display:block}.sync-toolbar strong{color:var(--gold);margin-top:4px;font-family:SFMono-Regular,Consolas,monospace;font-size:20px;display:block}.sync-toolbar>button{letter-spacing:.1em;border-radius:8px;min-height:46px;padding:0 16px;font-size:8px;font-weight:900}.sync-mark-button{color:var(--gold);background:linear-gradient(#3a301d,#262116);border:1px solid #79612e;flex:1}.sync-mark-button small{color:#9d844b;margin-top:3px}.sync-instruction{color:#737874;margin:0 22px 10px;font-size:9px;line-height:1.45}.sync-audio{background:#11130f;border:1px solid #3e422f;border-radius:9px;grid-template-columns:minmax(0,1fr) minmax(250px,48%);align-items:center;gap:14px;margin:0 22px 10px;padding:11px 13px;display:grid}.sync-audio>div{min-width:0}.sync-audio span,.sync-audio strong{display:block}.sync-audio span{color:#777b69;letter-spacing:.13em;font-size:7px;font-weight:900}.sync-audio strong{color:#d1d3cd;white-space:nowrap;text-overflow:ellipsis;margin-top:5px;font-size:10px;overflow:hidden}.sync-audio video{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;width:100%;height:100px}.sync-audio-missing{color:#cf8f83;background:#1a1210;border:1px solid #5a382f;border-radius:8px;margin:0 22px 10px;padding:12px;font-size:9px;line-height:1.45}.sync-lines{border:1px solid var(--line);background:#0a0c0c;border-radius:9px;min-height:0;margin:0 22px;overflow-y:auto}.sync-lines label{border-bottom:1px solid var(--line-soft);color:#737874;grid-template-columns:34px minmax(0,1fr) 72px 12px;align-items:center;gap:9px;min-height:50px;padding:7px 12px;transition:background .15s;display:grid}.sync-lines label:last-child{border-bottom:0}.sync-lines label.current{box-shadow:inset 3px 0 var(--gold);background:#f6c85f21}.sync-lines label.marked>span{color:var(--gold)}.sync-lines label>span{font-size:8px;font-weight:900}.sync-lines label strong{color:#c9ccc8;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.sync-lines input{width:72px;height:34px;color:var(--paper);text-align:right;background:#141616;border:1px solid #343835;border-radius:6px;padding:0 8px;font-family:SFMono-Regular,Consolas,monospace;font-size:10px}.sync-lines em{color:#656a66;font-size:8px;font-style:normal}@keyframes pulse-border{50%{border-color:var(--gold)}}.toast{z-index:120;color:#d9dbd7;background:#181b19f5;border:1px solid #3e433e;border-radius:9px;align-items:center;gap:9px;padding:11px 15px;font-size:10px;display:flex;position:fixed;bottom:108px;left:50%;transform:translate(-50%);box-shadow:0 12px 38px #00000073}.toast span{color:var(--gold)}.loading-badge{z-index:90;border:1px solid var(--line);color:#8b8f8b;background:#111313;border-radius:7px;padding:8px 11px;font-size:9px;position:fixed;top:18px;right:18px}@media (max-width:1050px){.stage-shell{grid-template-columns:246px minmax(0,1fr)}.stage-shell.rehearsal-mode{grid-template-columns:300px minmax(0,1fr)}.song-header{padding-inline-start:22px;padding-inline-end:22px}.header-actions>button span,.transpose-group small{display:none}.lyrics-stage{padding-inline-start:6vw;padding-inline-end:6vw}.live-controls{gap:8px;padding-inline-start:10px;padding-inline-end:10px}.round-control{width:48px}.scroll-control{min-width:150px}.karaoke-progress{width:min(260px,26vw);min-width:170px}.pitch-meter{width:176px;min-width:160px}.pitch-toggle{grid-template-columns:8px 37px minmax(0,1fr);gap:5px;padding-inline-start:8px;padding-inline-end:26px}.pitch-frequency{display:none}.speed-control{min-width:90px}}@media (max-width:900px) and (min-width:761px){.stage-shell{grid-template-columns:220px minmax(0,1fr)}.stage-shell.rehearsal-mode{grid-template-columns:260px minmax(0,1fr)}.setlist-panel{padding-inline-start:11px;padding-inline-end:11px}.song-header{gap:10px;min-height:96px;padding-inline-start:16px;padding-inline-end:16px}.song-heading h1{font-size:21px}.header-actions{gap:4px}.header-actions>button,.transpose-group{min-width:34px;height:34px}.transpose-group button{width:29px}.live-controls{gap:5px;padding-inline-start:6px;padding-inline-end:6px}.round-control{width:44px;height:54px}.scroll-control{min-width:132px;height:54px}.karaoke-progress{width:185px;min-width:150px;height:54px}.karaoke-progress small{display:none}.pitch-meter{width:150px;min-width:144px;height:54px}.pitch-toggle{grid-template-columns:7px 32px minmax(0,1fr);height:46px}.pitch-note{font-size:17px}.speed-control{min-width:78px;height:54px;padding-inline-start:8px;padding-inline-end:8px}}@media (max-width:760px){.stage-shell,.stage-shell.rehearsal-mode{grid-template-columns:1fr}.song-header{min-height:102px;padding:16px 17px}.song-heading h1{font-size:22px}.header-actions{gap:4px}.header-actions>button,.transpose-group{min-width:34px;height:34px}.transpose-group button{width:30px}.lyrics-stage{padding:25px 7vw 32vh}.live-controls{gap:7px;padding-inline-start:9px;padding-inline-end:9px}.round-control{width:48px}.scroll-control{min-width:145px}.speed-control{min-width:82px}.pitch-meter{width:180px;min-width:160px}.pitch-toggle{grid-template-columns:8px 37px minmax(0,1fr);padding-inline-start:8px;padding-inline-end:8px}.pitch-frequency{display:none}.editor-fields{grid-template-columns:1fr 1fr}.audio-editor{grid-template-columns:minmax(0,1fr) auto;margin-inline-start:14px;margin-inline-end:14px}.audio-editor>button.danger-button{grid-column:2}.chord-editor-tools{grid-template-columns:1fr 82px}.chord-editor-tools button{min-width:0}.wide-field{grid-column:1/-1}.modal-backdrop{padding:8px}.modal{max-height:calc(100dvh - 16px)}.range-row input{width:42vw}.backup-actions{grid-template-columns:1fr}.sync-toolbar{padding-inline-start:14px;padding-inline-end:14px}.sync-instruction,.sync-lines,.sync-audio,.sync-audio-missing{margin-inline-start:14px;margin-inline-end:14px}.sync-lines label{grid-template-columns:28px minmax(0,1fr) 62px 10px;padding-inline-start:8px;padding-inline-end:8px}.sync-lines input{width:62px}}@media (max-width:600px){.speed-control{display:none}.karaoke-progress{width:126px;min-width:126px;padding-inline-start:8px;padding-inline-end:8px}.karaoke-progress>span{justify-content:flex-end}.karaoke-progress strong{font-size:7px}.add-audio-control{display:none}.sync-audio{grid-template-columns:1fr}.pitch-meter{width:136px;min-width:136px}.pitch-toggle{grid-template-columns:8px 36px minmax(0,1fr);gap:5px;padding-inline-start:6px;padding-inline-end:6px}.pitch-copy small{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.prepare-entry{min-height:46px;color:var(--gold);background:#272419;border:1px solid #66532d;border-radius:9px;flex-shrink:0;margin:12px 0 0;padding:10px 14px;font-size:15px;font-weight:700}.prepare-modal{width:min(680px,96vw)}.local-file-picker{background:#25251c;border:1px dashed #88744b;border-radius:12px;padding:18px}.local-file-picker small{color:#c8c8b8;margin-top:10px;display:block}.local-file-picker input::-webkit-file-upload-button{color:#171d17;font:inherit;background:#d3b975;border:0;border-radius:6px;margin-right:12px;padding:12px}.local-file-picker input::file-selector-button{color:#171d17;font:inherit;background:#d3b975;border:0;border-radius:6px;margin-right:12px;padding:12px}.local-result{color:#eee;width:100%;min-height:230px;font:inherit;background:#101512;border:1px solid #5c6457;border-radius:8px;margin-top:10px;padding:14px;line-height:1.8}.song-meta .current-timed-chord{color:var(--chord-color);font-size:20px}.prepare-content{padding:0 24px 24px;font-size:16px;line-height:1.6;overflow-y:auto}.prepare-content>p{color:#b4bab5}.prepare-content label{color:#d5d9d2;margin-top:18px;font-size:15px;display:block}.prepare-content input,.prepare-content select{color:#eee;background:#101512;border:1px solid #464d44;border-radius:8px;width:100%;min-width:0;min-height:48px;margin-top:7px;padding:10px 12px;font-size:16px;display:block}.prepare-content textarea{color:#eee;width:100%;min-height:150px;font:inherit;resize:vertical;background:#101512;border:1px solid #464d44;border-radius:8px;margin-top:7px;padding:12px;display:block}.lyric-results{gap:8px;max-height:240px;margin-top:12px;display:grid;overflow-y:auto}.lyric-results button{color:#eee;text-align:left;background:#202620;border:1px solid #464d44;width:100%}.prepare-content button{border-radius:8px;min-height:46px;padding:10px 16px;font-size:15px}.prepare-tabs{gap:8px;margin-top:22px;display:flex}.prepare-tabs button{border:1px solid var(--line);color:#bec3bc;background:#141815;flex:1}.prepare-tabs button[aria-pressed=true]{color:var(--gold);background:#302a1c;border-color:#786537}.prepare-url{align-items:center;gap:8px;display:flex}.prepare-url button{color:var(--gold);background:#302a1c;border:1px solid #786537;margin-top:7px}.prepare-actions{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.prepare-actions>button{flex:1}.prepare-help{font-size:14px}.prepare-status{background:#182119;border:1px solid #3b523a;border-radius:10px;margin-top:20px;padding:20px}.prepare-status>strong,.prepare-status>span{display:block}.prepare-status progress{width:100%;accent-color:var(--gold);margin-top:16px}.prepare-status h3{margin:8px 0;font-size:23px}.prepare-status small{color:var(--gold)}.prepare-status a.primary-button{border-radius:8px;padding:12px 16px;font-size:16px;text-decoration:none;display:inline-block}.prepare-status p{color:#bac6b7;font-size:14px}.prepare-content .form-error{overflow-wrap:anywhere;border:1px solid #764c40;border-radius:8px;margin:18px 0 0;padding:12px;font-size:15px}.mobile-library-toggle{display:none}.setlist-panel .song-list{flex:1}.library-tools,.setlist-switcher,.brand-row{flex-shrink:0}.library-actions{grid-template-columns:1fr 1fr}.library-actions button{letter-spacing:.03em;min-height:44px;font-size:10px}.library-actions button[aria-pressed=true]{color:var(--gold);background:#272219;border-color:#665329}.library-actions .import-windows-button{color:var(--gold);background:#302a1d;border-color:#725b2c;grid-column:1/-1;font-size:12px}.prepared-song-tip{margin:10px 0 2px;font-size:12px}.search-box{min-height:44px}.search-box input{font-size:16px}.setlist-switcher select,.setlist-switcher input{min-height:44px;font-size:14px}.setlist-switcher button{flex-basis:44px;min-height:44px}.song-select{min-height:60px}.song-select strong{font-size:14px}.song-select small{font-size:11px}.song-list li{flex-wrap:wrap}.song-list li>.song-select{flex-basis:100%}.song-actions{justify-content:flex-end;width:100%;padding:0 6px 4px}.song-actions button{width:44px;height:44px;font-size:16px}.library-song{gap:3px;padding:0 4px;display:flex}.library-song>button:not(.song-select){flex:0 0 44px;width:44px;height:44px}.library-song .song-select{width:auto;height:auto;min-height:60px;color:inherit;background:0 0;border:0;grid-template-columns:18px minmax(0,1fr);padding:0 5px}.library-song .song-select strong{color:inherit;font-size:14px}.library-song .song-select small{font-size:11px}.advanced-library-tools{flex-shrink:0;max-height:35vh;margin:10px 7px 0;overflow-y:auto}.advanced-library-tools summary{color:#a9ada9;cursor:pointer;min-height:44px;padding:13px 0;font-size:12px}.advanced-library-tools .prepare-entry{width:100%;margin-top:6px;font-size:12px;display:block}.header-actions{flex-wrap:wrap}.header-actions>button{min-width:44px;height:44px}.header-actions>.song-edit-action span,.header-actions>.song-sync-action span{display:inline}.song-header{z-index:2;position:relative}.view-options{position:relative}.view-options>summary{border:1px solid var(--line);color:#b7bcb7;cursor:pointer;background:#121414;border-radius:8px;place-items:center;width:44px;height:44px;list-style:none;display:grid}.view-options>summary::-webkit-details-marker{display:none}summary:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.view-options-menu{z-index:5;border:1px solid var(--line);background:#141616;border-radius:12px;gap:8px;width:250px;max-width:calc(100vw - 32px);padding:12px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 32px #0009}.view-options-menu>button{border:1px solid var(--line);text-align:left;color:#cdd0cc;background:#1b1e1c;border-radius:8px;min-height:44px;padding:8px 12px;font-size:12px}.view-options-menu .transpose-group{justify-content:space-between;height:44px}.view-options-menu .transpose-group small{display:block}.view-options-menu .transpose-group button{width:44px}.karaoke-progress{height:72px}.karaoke-progress input{min-height:36px}.modal-header>button,.modal-footer button{min-width:44px;min-height:44px}.sync-line-group{border-bottom:1px solid var(--line)}.sync-line-group:last-child,.sync-line-group>label{border-bottom:0}.sync-line-group>label input{height:44px;font-size:14px}.sync-line-actions{flex-wrap:wrap;align-items:center;gap:10px;padding:0 12px 10px 55px;display:flex}.sync-line-actions>button,.sync-word-row>button{min-height:44px;color:var(--gold);background:#202019;border:1px solid #4b4934;border-radius:7px;padding:8px 12px;font-size:12px}.sync-timing-note{color:#a0a79f;font-size:12px;line-height:1.45}.sync-word-editor{border:1px solid var(--line);background:#101311;border-radius:8px;margin:0 12px 10px 55px}.sync-word-editor>summary{min-height:44px;color:var(--gold);cursor:pointer;padding:12px;font-size:13px}.sync-word-editor>.sync-timing-note{margin:0;padding:0 12px 12px}.sync-word-row{border-top:1px solid var(--line);grid-template-columns:minmax(70px,1fr) 92px 92px auto;align-items:end;gap:8px;padding:10px 12px;display:grid}.sync-word-row>strong{overflow-wrap:anywhere;align-self:center;font-size:14px}.sync-word-row .sync-word-time{min-height:0;box-shadow:none;color:#a0a79f;background:0 0;border:0;flex-direction:column;align-items:stretch;gap:6px;padding:0;font-size:11px;display:flex}.sync-word-row .sync-word-time input{width:100%;min-width:0;height:44px;font-size:14px}@media (max-width:1200px){.song-header{flex-direction:column;align-items:flex-start;gap:14px}.header-actions{gap:6px;width:100%}.header-actions>button{min-width:44px;height:44px}.song-heading{width:100%}.stage-shell.rehearsal-mode{grid-template-columns:300px minmax(0,1fr)}.stage-shell.stage-mode{grid-template-columns:0 minmax(0,1fr)}}@media (max-width:760px){.stage-shell,.stage-shell.rehearsal-mode,.stage-shell.stage-mode{grid-template-columns:1fr}.mobile-library-toggle{z-index:31;top:max(8px, env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left));min-height:44px;color:var(--gold);background:#302a1d;border:1px solid #725b2c;border-radius:9px;padding:8px 16px;font-size:14px;font-weight:700;display:block;position:fixed}.setlist-panel{z-index:30;top:max(60px, calc(env(safe-area-inset-top) + 52px));width:min(368px,100vw - 16px);height:calc(100dvh - max(68px, calc(env(safe-area-inset-top) + 60px)) - env(safe-area-inset-bottom));visibility:hidden;opacity:0;border:1px solid var(--line);border-radius:12px;padding:14px 12px;position:fixed;left:8px;transform:translate(-20px);box-shadow:12px 16px 40px #000b}.setlist-panel[data-mobile-open=true]{visibility:visible;opacity:1;transform:none}.stage-shell.stage-mode .setlist-panel{visibility:hidden}.setlist-panel .brand-row{padding-bottom:12px}.setlist-switcher{padding-top:12px}.song-header{padding-top:max(66px, calc(env(safe-area-inset-top) + 60px))}.stage-mode .song-header{padding-top:max(16px, env(safe-area-inset-top))}.header-actions>button span{margin-left:3px;font-size:8px}.lyrics-stage{padding-top:22px}.karaoke-progress{flex:1 0 100%;width:100%;min-width:0;height:72px}.karaoke-progress>span{justify-content:space-between}.karaoke-progress small{display:block}.karaoke-progress strong{font-size:11px}.sync-line-actions{padding-left:12px}.sync-word-editor{margin-left:12px}.sync-word-row{grid-template-columns:minmax(70px,1fr) minmax(70px,1fr)}.sync-word-row>strong,.sync-word-row>button{grid-column:1/-1}}@media (pointer:coarse){.editor-fields input,.body-editor textarea,.sync-lines input{font-size:16px}.audio-editor>button,.chord-editor-tools button,.chord-editor-tools input,.inline-confirm button,.key-row button,.select-row select{min-height:44px}}.editor-scroll{overscroll-behavior:contain;min-height:0;overflow-y:auto}.editor-scroll .body-editor{flex:none}.editor-scroll .body-editor textarea{min-height:260px}.editor-modal .modal-footer{flex-shrink:0}.correction-note{color:var(--gold);margin:14px 22px;font-size:14px;line-height:1.5}.import-conflict-copy{color:var(--paper);overflow-wrap:anywhere;padding:8px 22px;font-size:16px;line-height:1.6}.import-conflict-copy small{color:#b2b8b1;display:block}.import-conflict .modal-footer{flex-wrap:wrap}@media (max-height:540px){.sync-modal{overflow-y:auto}.sync-modal>*{flex-shrink:0}.sync-modal .sync-lines{overflow-y:visible}}@media (min-width:761px){.setlist-panel{padding-top:calc(24px + env(safe-area-inset-top));padding-bottom:max(17px, env(safe-area-inset-bottom))}.song-header{padding-top:calc(17px + env(safe-area-inset-top))}}.editor-close-confirm{flex-wrap:wrap;align-items:center;gap:10px;width:100%;display:flex}.editor-close-confirm>div{flex:240px}.editor-close-confirm strong{color:var(--paper);font-size:15px}.editor-close-confirm p{color:#b2b8b1;margin:5px 0 0;font-size:13px}.sync-mark-lyric{letter-spacing:0;color:var(--paper);margin-top:6px;font-size:15px;font-weight:650;display:block}@media (max-height:540px){.sync-modal .sync-toolbar{z-index:1;background:#101212;position:sticky;top:0}}.storage-conflict{z-index:125;top:max(12px, env(safe-area-inset-top));border:1px solid var(--gold);width:min(560px,100vw - 24px);color:var(--paper);background:#191a14;border-radius:12px;padding:16px;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0009}.storage-conflict strong{font-size:17px}.storage-conflict p{margin:8px 0 12px;font-size:14px;line-height:1.5}.storage-conflict button{border:1px solid var(--gold);min-height:44px;color:var(--gold);background:#302a1d;border-radius:8px;padding:8px 16px;font-size:14px}