*{box-sizing:border-box}html{background:#101114}body{background:#101114;min-width:320px;min-height:100vh;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#root{min-height:100vh}.app{--accent:#18c7a5;color:#f7f8fb;background:#101114;grid-template-rows:auto 1fr auto;min-height:100vh;display:grid}.topbar{background:#17191d;border-bottom:1px solid #292c32;justify-content:space-between;align-items:center;height:64px;padding:10px 14px 8px;display:flex}.topbar div{gap:2px;display:grid}.topbar strong{font-size:18px}.topbar span,.muted,small{color:#aeb4bf}.screen{padding:14px;overflow:auto}.playerView,.panel{gap:14px;display:grid}.nowPlaying{aspect-ratio:16/10;background:#050608;border:1px solid #2a2f38;border-radius:8px;position:relative;overflow:hidden}.nowPlaying:fullscreen{aspect-ratio:auto;border:0;border-radius:0;width:100vw;height:100vh}.nowPlaying:fullscreen iframe{height:100vh}.nowPlaying:fullscreen .emptyStage{height:100vh}.nowPlaying iframe{border:0;width:100%;height:100%}.fullscreenHint{z-index:2;color:#fff;background:#00000094;border-color:#ffffff3d;min-height:34px;padding:6px 10px;font-size:12px;position:absolute;top:8px;right:8px}.emptyStage{text-align:center;background:linear-gradient(135deg,#18c7a52e,#0000 42%),linear-gradient(#202226,#111216);align-content:center;place-items:center;gap:10px;height:100%;padding:24px;display:grid}.emptyStage h1,.panel h2{margin:0;font-size:24px;line-height:1.15}.emptyStage p,.panel p{margin:0}.transport{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.searchActions{grid-template-columns:1.3fr 1fr;gap:8px;display:grid}.voiceSearchRow{grid-template-columns:1fr 52px;gap:8px;display:grid}.voiceButton{min-height:48px}.activeVoice{color:#fff;background:#ff4f6a;border-color:#ff4f6a}.voiceStatus{background:#181b20;border:1px solid #2b3038;border-radius:8px;gap:4px;min-height:48px;padding:9px 12px;display:grid}.voiceStatus span{color:#aeb4bf;font-size:12px}.voiceStatus strong{overflow-wrap:anywhere;line-height:1.25}.transport.compact{grid-template-columns:repeat(2,minmax(0,1fr))}button,input,select{font:inherit}button{color:#f7f8fb;background:#20242b;border:1px solid #30343b;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 12px;display:inline-flex}button:disabled{opacity:.45}.primary{background:var(--accent);border-color:var(--accent);color:#07110f;font-weight:700}.full{width:100%}.iconButton,.ghostIcon{width:44px;min-width:44px;padding:0}.ghostIcon{background:0 0}.statusGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.statusGrid article{background:#181b20;border:1px solid #2b3038;border-radius:8px;gap:6px;padding:12px;display:grid}.statusGrid span{color:#aeb4bf;font-size:12px}.statusGrid strong{font-size:22px}.sliderRow{background:#181b20;border:1px solid #2b3038;border-radius:8px;grid-template-columns:auto 1fr;align-items:center;gap:10px;min-height:48px;padding:0 12px;display:grid}.sliderRow input{width:100%}.compactSlider{grid-template-columns:auto 1fr auto;min-height:42px}.outputRow{grid-template-columns:1fr auto;gap:8px;display:grid}.outputRow select{color:#f7f8fb;background:#15171b;border:1px solid #313741;border-radius:8px;min-width:0;min-height:44px;padding:0 10px}.scorePanel audio{display:none}.voiceEffectGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.voiceEffectGrid label,.effectToggles label,.effectSlider{background:#121419;border:1px solid #2b3038;border-radius:8px;gap:6px;padding:9px 10px;display:grid}.voiceEffectGrid span,.effectToggles span,.effectSlider span{color:#c9ced8;font-size:12px}.voiceEffectGrid input,.effectSlider input{width:100%}.effectToggles{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.effectToggles label{grid-template-columns:1fr auto;align-items:center}.effectToggles input{width:22px;height:22px}.syncActions{grid-template-columns:72px 1fr 72px;gap:8px;display:grid}.syncActions button,.presetRow button{min-height:40px;padding:7px 8px}.presetRow{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;display:grid}.scorePanel{background:#181b20;border:1px solid #2b3038;border-radius:8px;gap:11px;padding:12px;display:grid}.scoreHeader{justify-content:space-between;align-items:center;gap:12px;display:flex}.scoreHeader span{color:#d8dde6;align-items:center;gap:7px;min-width:0;display:inline-flex}.scoreHeader strong{color:var(--accent);font-size:28px}.meterTrack{background:#0d0f12;border:1px solid #30343b;border-radius:999px;height:12px;overflow:hidden}.meterTrack span{background:linear-gradient(90deg, var(--accent), #f6ce56, #ff647d);min-width:4px;height:100%;transition:width .12s linear;display:block}.scoreStats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.scoreStats span{color:#c9ced8;text-align:center;background:#121419;border-radius:6px;place-items:center;min-height:36px;padding:6px;font-size:12px;display:grid}.livePanel,.guestNow{background:#181b20;border:1px solid #2b3038;border-radius:8px;gap:10px;padding:12px;display:grid}.liveRating{grid-template-columns:1fr auto auto;align-items:center;gap:8px;display:grid}.liveRating span{color:#d8dde6;align-items:center;gap:7px;display:inline-flex}.liveRating strong{color:#f6ce56;font-size:28px}.liveMessages{gap:8px;display:grid}.messageItem{text-align:left;background:#121419;border-radius:8px;gap:3px;padding:9px 10px;display:grid}.messageItem strong{color:var(--accent)}.messageItem span{overflow-wrap:anywhere}.guestNow span{color:#aeb4bf;font-size:12px}.guestNow strong{line-height:1.2}.ratingRow{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.ratingRow button{min-height:50px;padding:8px 4px}.messageBox{grid-template-columns:1fr auto;gap:8px;display:grid}.tvAudioPanel{background:#181b20;border:1px solid #2b3038;border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:10px;min-height:52px;padding:8px 10px;display:grid}.tvAudioPanel audio{display:none}.tvAudioPanel span{color:#d8dde6;align-items:center;gap:8px;display:inline-flex}.queueList,.suggestions,.resultList,.photoGrid{gap:8px;display:grid}.songRow{background:#181b20;border:1px solid #2b3038;border-radius:8px;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;min-height:62px;padding:8px 10px;display:grid}.songRow>span{color:#d5d9e0;background:#2a2e36;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.songRow div{gap:3px;min-width:0;display:grid}.songRow strong,.wideItem span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.panel input{box-sizing:border-box;color:#f7f8fb;background:#15171b;border:1px solid #313741;border-radius:8px;width:100%;min-height:48px;padding:0 12px}.suggestions button,.wideItem{text-align:left;justify-content:flex-start}.resultItem{text-align:left;grid-template-columns:92px 1fr auto;justify-content:stretch;gap:10px;min-height:78px;padding:8px;display:grid}.resultItem img,.thumbFallback{aspect-ratio:16/9;object-fit:cover;background:#101114;border-radius:6px;width:92px}.thumbFallback{color:#aeb4bf;place-items:center;display:grid}.resultItem span{gap:4px;min-width:0;display:grid}.resultItem strong{line-height:1.2}.errorText{color:#ffb0a8}.center{text-align:center;justify-items:center}.wideItem{grid-template-columns:auto 1fr;display:grid}.camera{aspect-ratio:4/3;object-fit:cover;background:#050608;border:1px solid #2b3038;border-radius:8px;width:100%}.photoGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.photoGrid img{aspect-ratio:4/3;object-fit:cover;border:1px solid #2b3038;border-radius:8px;width:100%}.colorLine,.toggle{background:#181b20;border:1px solid #2b3038;border-radius:8px;justify-content:space-between;align-items:center;min-height:50px;padding:0 12px;display:flex}.colorLine input{width:48px;min-height:34px;padding:0}.toggle input{width:22px;height:22px}.tabs{background:#17191d;border-top:1px solid #292c32;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;min-height:70px;padding:6px;display:grid}.tabs button{color:#aeb4bf;background:0 0;border:0;align-content:center;gap:3px;min-height:58px;padding:4px 2px;display:grid}.tabs button.active{color:var(--accent);background:#ffffff0f}.tabs span{font-size:10px;line-height:1}@media (width>=760px){.app{border-left:1px solid #292c32;border-right:1px solid #292c32;max-width:520px;min-height:860px;margin:0 auto}.tvApp{border:0;max-width:none;min-height:100vh}.tvApp .topbar{height:76px;padding:14px 28px}.tvApp .topbar strong{font-size:26px}.tvApp .screen{padding:24px}.tvApp .playerView{max-width:1280px;margin:0 auto}.tvApp .nowPlaying{aspect-ratio:16/9}.tvApp .emptyStage h1{font-size:44px}.tvApp .emptyStage p{font-size:22px}.tvApp .statusGrid strong{font-size:34px}}