@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;650;700&family=Noto+Sans+KR:wght@400;500;600;700&display=swap";:root{color:#eeeef0;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#08080a;font-family:DM Sans,Noto Sans KR,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{opacity:.35;cursor:not-allowed}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:4px;outline:2px solid #82e4e8}button,a{touch-action:manipulation}[hidden]{display:none!important}svg{flex-shrink:0}.studio-app{background:radial-gradient(at 50% 44%,#12131566,#0000 62%),#08080a;min-height:100dvh;padding-bottom:104px}.app-header{justify-content:space-between;align-items:center;height:82px;padding:0 40px;display:flex}.brand{letter-spacing:-1px;align-items:center;gap:10px;font-size:22px;font-weight:650;display:flex}.brand svg{color:#a9e3df}.brand>span{color:#89d7d4;margin-left:-8px}.invite-link-button{color:#c2c4c9;border:1px solid #ffffff12;border-radius:24px;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-size:12px;transition:background .2s;display:flex}.invite-link-button:hover{color:#fff;background:#ffffff08}.turntable-stage{width:min(1100px,100% - 80px);height:calc(100dvh - 188px);min-height:440px;max-height:820px;margin:0 auto;position:relative}.orbit-layout{position:absolute;inset:0}.stage-center{z-index:2;width:min(440px,48%);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.speaker-position{left:var(--x);top:var(--y);aspect-ratio:1;z-index:3;width:clamp(84px,9vw,120px);position:absolute;transform:translate(-50%,-50%)}.speaker-disc{--glow:0;width:100%;height:100%;transform:scale(var(--pulse-scale,1));will-change:transform;background:radial-gradient(circle at 45% 34%,#171719,#0e0e10 48%,#111113 49%,#0d0d0f 51%,#161618 52%,#0d0d0f 54%,#151517 55%,#0d0d0f 57%,#141416 58%,#0d0d0f 60%,#111113 70%);border:1px solid #232326;border-radius:50%;place-items:center;display:grid;position:relative;box-shadow:inset 0 1px 1px #ffffff08,0 8px 24px #0005}.speaker-disc:after{content:"";border:1px solid var(--slot-color);pointer-events:none;opacity:var(--glow);box-shadow:0 0 12px color-mix(in srgb,var(--slot-color) 32%,transparent),inset 0 0 8px color-mix(in srgb,var(--slot-color) 10%,transparent);border-radius:50%;position:absolute;inset:-1px}.speaker-disc[data-occupied=false]{opacity:.66}.speaker-disc>button{color:#626269;border-radius:50%;width:100%;height:100%;font-size:27px;font-weight:400;line-height:1;transition:color .2s,background .2s}.speaker-disc>button:hover{color:#f0f0f2;background:#ffffff04}.disc-label{text-align:center;z-index:1;color:#d5d5da;flex-direction:column;align-items:center;gap:6px;width:62%;font-size:12px;line-height:1.4;display:flex;position:relative}.disc-label>span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.disc-label>svg{color:#73737f}.is-local .disc-label{color:#bbdcd9}.is-spotlight .speaker-disc{border-color:color-mix(in srgb,var(--slot-color) 65%,transparent)}.is-mvp .disc-label>svg{color:#ffd26c}.is-worst .disc-label>svg{color:#ff6b87}.reaction-particles{pointer-events:none;z-index:10;position:absolute;inset:0}.reaction-particles span{filter:drop-shadow(0 0 10px var(--slot-color));font-size:38px;animation:1.5s both reaction-rise;position:absolute;top:20%;left:30%}@keyframes reaction-rise{0%{opacity:0;transform:translateY(0)scale(.3)}15%{opacity:1;transform:translateY(-20px)scale(1.2)}70%{opacity:1}to{opacity:0;transform:translate(30px,-130px)rotate(15deg)}}.spotlight-overlay{z-index:4;pointer-events:none;opacity:0;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.spotlight-beam{fill:currentColor;opacity:.09}.spotlight-timer{stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;opacity:.85}.spotlight-seconds{fill:currentColor;font-size:11px;font-weight:500}.center-stage{width:100%}.music-screen{aspect-ratio:16/9;border-radius:14px;place-items:center;display:grid;position:relative}.has-song .music-screen{background:#000;border:1px solid #a9eee826;overflow:hidden;box-shadow:0 0 35px #7fd8d607}.youtube-decks,.youtube-deck{width:100%;height:100%;position:absolute;inset:0}.youtube-deck iframe{border:0;width:100%;height:100%;display:block}.reserve-song{color:#19191b;letter-spacing:-.5px;white-space:nowrap;background:#e9e7e0;border-radius:48px;justify-content:center;align-items:center;gap:12px;min-height:64px;padding:20px 30px;font-size:18px;font-weight:600;transition:transform .2s,background .2s;display:flex;box-shadow:0 8px 30px #0003}.reserve-song:hover{background:#fffdf5;transform:translateY(-2px)}.reserve-song:active{transform:scale(.98)}.now-playing{justify-content:space-between;align-items:center;gap:12px;padding:16px 2px 8px;display:flex}.now-playing>div{min-width:0}.now-playing h3{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14px;font-weight:500;overflow:hidden}.now-playing p{color:#73747d;margin:5px 0 0;font-size:11px}.now-playing>a{color:#73747d;place-items:center;min-width:36px;min-height:36px;display:grid}.music-transport{opacity:.55;align-items:center;gap:8px;transition:opacity .2s;display:flex}.center-stage:hover .music-transport,.center-stage:focus-within .music-transport{opacity:1}.music-transport>button{place-items:center;min-width:32px;min-height:36px;display:grid}.time-label{color:#84858e;font-variant-numeric:tabular-nums;font-size:10px}.track-progress{accent-color:#b2d6d1;flex:1;width:0;min-width:0}.music-volume{align-items:center;gap:6px;margin-left:4px;display:flex}.music-volume input{accent-color:#b2d6d1;width:44px}.music-notice{color:#ddd0b5;text-align:center;margin-top:12px;font-size:11px;line-height:1.6}.music-notice p{margin:0 0 8px}.music-notice button{border:1px solid #ffffff20;border-radius:24px;align-items:center;gap:7px;padding:10px 16px;display:inline-flex}.control-dock{z-index:20;bottom:calc(24px + env(safe-area-inset-bottom,0px));width:min(640px,100% - 32px);position:fixed;left:50%;transform:translate(-50%)}.control-bar{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(120deg,#1e1e23d9,#131316e8);border:1px solid #ffffff15;border-radius:50px;align-items:center;gap:5px;padding:8px;display:flex;box-shadow:0 12px 45px #0009,inset 0 1px #ffffff05}.control-bar>button{color:#8c8c96;border-radius:50%;justify-content:center;align-items:center;min-width:48px;height:48px;transition:background .15s,color .15s;display:flex;position:relative}.control-bar>button:hover{color:#efeff3;background:#ffffff08}.control-bar>button[aria-pressed=true]{color:#98e4db;background:#84e5d50a}.control-bar>button[aria-expanded=true]{color:#eeeef0;background:#ffffff0e}.control-bar>button[aria-label=힙합\ 오토튠][aria-pressed=true]{color:#dbc4fb;background:#b89bff0b}.control-bar .song-search{color:#b8b8c0;white-space:nowrap;background:#ffffff04;border-radius:32px;flex:1;justify-content:flex-start;gap:12px;min-width:0;padding:0 20px;font-size:13px}.song-search>svg{color:#73737e}.song-search span>span{color:#777783}.control-bar .mic-button[aria-pressed=false]:after{content:"";background:#c17680;border-radius:50%;width:3px;height:3px;position:absolute;bottom:5px}.control-bar>button[aria-label=리액션\ 열기]>span{font-size:21px}.controls-popup{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#17171df5;border:1px solid #ffffff1a;border-radius:22px;width:min(330px,100%);max-height:min(520px,100dvh - 145px);padding:14px;position:absolute;bottom:calc(100% + 14px);right:0;overflow:auto;box-shadow:0 16px 60px #000b}.controls-popup>header{color:#b6b6c0;justify-content:space-between;align-items:center;padding:0 8px 7px;font-size:13px;display:flex}.controls-popup>header>button{border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.controls-popup>button{color:#cbcad2;text-align:left;border-radius:10px;align-items:center;gap:12px;width:100%;min-height:46px;padding:12px 10px;font-size:12px;display:flex}.controls-popup>button:hover,.controls-popup>header>button:hover{background:#ffffff06}.controls-popup>button>svg{color:#7d7d89}.controls-popup>button>span{color:#797986;margin-left:auto;font-size:11px}.controls-popup>button[aria-pressed=true]>span{color:#9bcac1}.controls-popup>p{color:#777782;margin:0 0 8px;padding:0 10px;font-size:10px;line-height:1.7}.soundboard{flex-wrap:wrap;gap:4px;display:flex}.soundboard button{border-radius:12px;flex:1;min-width:44px;min-height:52px;font-size:27px;transition:transform .15s}.soundboard button:hover{background:#ffffff07;transform:translateY(-3px)}.soundboard button:active{transform:scale(.9)}.soundboard p{color:#d4afa9;width:100%;margin:8px;font-size:11px;line-height:1.6}.battle-hud{left:50%;bottom:calc(102px + env(safe-area-inset-bottom,0px));z-index:9;color:#aaaab4;justify-content:center;align-items:center;gap:14px;width:max-content;max-width:calc(100% - 32px);font-size:12px;display:flex;position:fixed;transform:translate(-50%)}.battle-hud p{margin:0}.battle-hud p>span{color:#cb91aa;font-size:11px}.battle-hud>button{color:#d8e8e3;text-underline-offset:4px;min-height:36px;text-decoration:underline}.battle-hud .bomb-control:has(>button:disabled){display:none}.room-notices{bottom:calc(145px + env(safe-area-inset-bottom,0px));z-index:15;pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:min(460px,100% - 32px);display:flex;position:fixed;left:50%;transform:translate(-50%)}.room-notices:empty{display:none}.room-notices>*{pointer-events:auto}.error-message{color:#e1b7c0;background:#25191ff2;border:1px solid #8d475a44;border-radius:12px;align-items:center;gap:10px;padding:11px 15px;font-size:11px;line-height:1.7;display:flex}.error-message p{margin:0}.error-message>button{place-items:center;min-width:30px;min-height:30px;display:grid}.resume-playback,.highlight-status{color:#c6d6d4;background:#1d1d25f5;border:1px solid #ffffff1a;border-radius:24px;align-items:center;gap:8px;padding:12px 18px;font-size:12px;display:flex}.invite-toast{z-index:100;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#c2e2da;background:#15201fee;border:1px solid #92d7cc33;border-radius:30px;align-items:center;gap:10px;max-width:calc(100% - 32px);padding:14px 20px;font-size:12px;line-height:1.6;display:flex;position:fixed;top:90px;left:50%;transform:translate(-50%);box-shadow:0 8px 40px #0007}.loading-icon{animation:1s linear infinite rotate}@keyframes rotate{to{transform:rotate(360deg)}}dialog{color:#eae9ee;scrollbar-width:thin;background:#141418;border:1px solid #ffffff1b;border-radius:24px;width:min(560px,100vw - 32px);max-height:calc(100dvh - 40px);margin:auto;padding:28px;overflow:auto;box-shadow:0 24px 100px #000b}dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050507bd}dialog h2{letter-spacing:-1px;margin:8px 0 12px;font-size:24px;font-weight:600}dialog p{color:#93939f;margin:10px 0 18px;font-size:12px;line-height:1.8}dialog button{min-height:40px}dialog input,dialog select{color:#ededf1;background:#1c1c22;border:1px solid #ffffff12;border-radius:10px;max-width:100%}dialog [role=alert]{color:#e4a0b3;font-size:12px;line-height:1.7}.modal-topline{justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px;display:flex}.modal-topline>span{color:#8a8a97;align-items:center;gap:7px;font-size:11px;display:flex}.modal-topline>button{border-radius:50%;place-items:center;min-width:40px;margin-right:-8px;display:grid}.modal-topline>button:hover{background:#ffffff08}.join-dialog{width:390px;padding:32px}.join-dialog h2{margin-top:4px;font-size:25px}.join-dialog label{color:#a1a1ab;margin:24px 0 9px;font-size:11px;display:block}#nickname{width:100%;height:51px;padding:14px 16px;font-size:15px}.join-dialog button[type=submit]{color:#151518;background:#e7e6e0;border-radius:28px;justify-content:center;align-items:center;gap:9px;width:100%;margin-top:18px;padding:15px;font-size:13px;font-weight:600;display:flex}.join-dialog form>p:nth-last-of-type(2){align-items:center;gap:7px;margin:18px 0 10px;font-size:10px;display:flex}.join-dialog form>p:last-of-type{color:#797985;margin-bottom:0;font-size:10px}.mobile-permission-help{background:#9b75470c;border:1px solid #b6905033;border-radius:12px;margin-top:12px;padding:12px}.mobile-permission-help p{margin:0;font-size:11px}.mobile-permission-help a{color:#afd8d1;margin-top:8px;font-size:12px;display:block}.search-tabs{border-bottom:1px solid #ffffff0e;margin:20px 0;display:flex}.search-tabs button{color:#777783;border-bottom:1px solid #0000;flex:1;justify-content:center;align-items:center;gap:7px;padding:12px;font-size:12px;display:flex}.search-tabs button[aria-selected=true]{color:#dddde2;border-color:#b9d9d1}.song-search-input{color:#777783;background:#1b1b21;border:1px solid #ffffff16;border-radius:12px;align-items:center;gap:10px;padding:0 14px;display:flex}.song-search-input input{background:0 0;border:0;outline:none;width:100%;min-width:0;height:50px;font-size:14px}.song-search-input button{min-width:28px;padding:0}.catalog-filters{color:#666674;justify-content:space-between;align-items:center;margin:16px 0;font-size:10px;display:flex}.catalog-filters>div{gap:6px;display:flex}.catalog-filters button{color:#8d8d99;border-radius:24px;min-height:34px;padding:0 12px;font-size:11px}.catalog-filters button[aria-pressed=true]{color:#d6d5de;background:#ffffff0a}.song-results{scrollbar-width:thin;max-height:350px;overflow:auto}.song-result{border-bottom:1px solid #ffffff08;align-items:center;gap:13px;min-width:0;padding:14px 3px;display:flex}.song-index{color:#545461;font-variant-numeric:tabular-nums;width:22px;font-size:11px}.song-result-copy{flex:1;min-width:0}.song-result-copy strong{overflow-wrap:anywhere;font-size:13px;font-weight:500;display:block}.song-result-copy>span{color:#797986;margin-top:6px;font-size:10px;display:block}.song-result-copy i{padding:0 6px;font-style:normal}.song-result-copy>small{color:#a79275;margin-top:5px;font-size:9px;line-height:1.6;display:block}.song-result>button{border:1px solid #ffffff14;border-radius:24px;flex-shrink:0;align-items:center;gap:4px;padding:0 11px;font-size:11px;display:flex}.song-result>button.reserved{color:#9ad8c8;border-color:#9ad8c844}.no-songs,.queue-empty-message{text-align:center;color:#646470;padding:30px 10px}.no-songs strong,.queue-empty-message strong{margin:14px 0;font-size:13px;display:block}.no-songs p,.queue-empty-message p{font-size:11px}.no-songs button{color:#b4cfc7;font-size:11px}.number-display{text-align:center;letter-spacing:12px;font-variant-numeric:tabular-nums;width:100%;padding:16px;font-size:34px;display:block}.keypad{grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0;display:grid}.keypad button{background:#ffffff03;border:1px solid #ffffff0c;border-radius:12px;place-items:center;height:52px;font-size:21px;display:grid}.keypad button:hover{background:#ffffff09}.catalog-note{color:#636370;margin-top:20px;font-size:9px;line-height:1.8}.queue-drawer{flex-direction:column;width:min(420px,100vw - 24px);height:calc(100dvh - 24px);max-height:none;margin:12px 12px 12px auto;display:flex}.queue-drawer h2>span{color:#89c6b9;margin-left:10px;font-size:18px}.queue-scroll{scrollbar-width:thin;flex:1;min-height:0;overflow:auto}.queue-section-label{color:#646470;justify-content:space-between;gap:8px;margin:18px 0 12px;font-size:10px;display:flex}.current-song-card{background:#a1d4c606;border:1px solid #a1d4c622;border-radius:14px;align-items:center;gap:14px;padding:18px 14px;display:flex}.current-song-card>div{flex:1;min-width:0}.current-song-card>svg{color:#a1d4c6}.current-song-card strong{font-size:14px}.current-song-card p{margin:5px 0;font-size:11px}.current-song-card span{color:#6e6e7b;font-size:10px}.queue-tracks{margin:0;padding:0;list-style:none}.queue-tracks>li{border-bottom:1px solid #ffffff09;align-items:center;gap:12px;padding:17px 0;display:flex}.queue-tracks>li>span:first-child{color:#545461;font-size:11px}.queue-track-copy{flex:1;min-width:0}.queue-track-copy strong{overflow-wrap:anywhere;font-size:12px;display:block}.queue-track-copy span,.queue-track-copy small{color:#82828e;margin-top:5px;font-size:10px;display:block}.queue-track-copy small{color:#60606e}.queue-track-actions{gap:3px;display:flex}.queue-track-actions button{color:#92929f;place-items:center;min-width:30px;display:grid}.queue-footer{padding-top:15px}.queue-footer p{margin:0 0 10px;font-size:10px}.find-song-button{color:#1a1a1d;background:#dcded7;border-radius:26px;justify-content:center;align-items:center;gap:8px;width:100%;padding:13px;font-size:13px;display:flex}.battle-kicker{color:#aad3c8;align-items:center;gap:8px;font-size:11px;display:flex}.battle-kicker strong{margin-left:auto;font-size:20px}.draft-parts{flex-direction:column;gap:8px;margin:22px 0;display:flex}.draft-parts>button{text-align:left;border:1px solid #ffffff10;border-radius:12px;align-items:center;gap:12px;padding:15px 12px;display:flex}.draft-parts>button>span:nth-child(2){flex:1}.draft-parts strong{font-size:12px;font-weight:500;display:block}.draft-parts small{color:#777783;margin-top:6px;font-size:10px;display:block}.draft-parts>button.is-mine{opacity:1;background:#97d4c60a;border-color:#97d4c64a}.draft-letter{font-size:22px}.draft-owner{overflow-wrap:anywhere;align-items:center;gap:4px;max-width:100px;font-size:10px;display:flex}.bomb-control{position:relative}.bomb-control>button{color:#c8a2b1;border:1px solid #ba819344;border-radius:20px;align-items:center;gap:7px;padding:8px 12px;font-size:11px;display:flex}.bomb-targets{z-index:12;background:#222129;border:1px solid #ffffff18;border-radius:14px;flex-direction:column;min-width:160px;padding:10px;display:flex;position:absolute;bottom:calc(100% + 8px);right:0}.bomb-targets select{max-width:200px;padding:8px;font-size:12px}.bomb-targets button{min-height:38px;font-size:12px}.award-ranking{margin:22px 0;padding:0;list-style:none}.award-ranking li{border-bottom:1px solid #ffffff0a;align-items:center;gap:15px;padding:16px 10px;display:flex}.award-ranking li>span:first-child{color:#858590;min-width:25px}.award-ranking li>span:nth-child(2){flex:1;min-width:0}.award-ranking strong{overflow-wrap:anywhere;font-size:14px;font-weight:500}.award-ranking small{color:#7a7a87;margin-top:6px;font-size:9px;display:block}.award-ranking b{font-variant-numeric:tabular-nums;align-items:baseline;gap:4px;font-size:26px;display:flex}.award-ranking b small{font-size:10px;font-weight:400}.award-mvp>span:first-child,.award-mvp b{color:#eed193!important}.award-worst>span:first-child{color:#df8da7!important}.penalty-notice{color:#c7a3b2;border:1px solid #cf719e24;border-radius:12px;align-items:center;gap:10px;padding:14px;font-size:11px;display:flex}.penalty-notice small{color:#837582;margin-top:5px;font-size:10px;line-height:1.6;display:block}.awards-actions{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.awards-actions button{white-space:nowrap;border:1px solid #ffffff14;border-radius:24px;flex:1;padding:10px 14px;font-size:11px}.awards-actions .primary-action{color:#211f1c;background:#e1dacb;flex-basis:100%;width:100%}.award-sparkles{pointer-events:none;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.award-sparkles i{opacity:0;width:3px;height:7px;animation:3s ease-out forwards confetti;position:absolute;top:0}@keyframes confetti{15%{opacity:.8}to{opacity:0;transform:translateY(650px)rotate(500deg)}}.video-share-modal{width:min(760px,100vw - 32px)}.share-content{grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:26px;display:grid}.highlight-preview{aspect-ratio:9/16;background:#08080b;border:1px solid #ffffff14;border-radius:14px;align-self:start;position:relative;overflow:hidden}.highlight-preview video{object-fit:contain;width:100%;height:100%;display:block}.preview-sound{background:#000a;border:1px solid #ffffff30;border-radius:50%;place-items:center;width:38px;min-height:38px;display:grid;position:absolute;top:8px;right:8px}.share-actions{flex-direction:column;gap:10px;min-width:0;display:flex}.highlight-choices{gap:8px;display:flex}.highlight-choices button{border:1px solid #ffffff13;border-radius:12px;flex:1;padding:10px;font-size:12px}.highlight-choices button[aria-pressed=true]{background:#bfa3e00a;border-color:#bfa3e06b}.highlight-choices small{color:#8a8596;overflow-wrap:anywhere;margin-top:6px;font-size:9px;display:block}.share-result{padding:10px 0}.share-result>span{color:#8d8699;font-size:10px}.share-result>strong{overflow-wrap:anywhere;align-items:center;gap:8px;margin-top:12px;font-size:20px;display:flex}.share-result b{white-space:nowrap;color:#cfb7e4;margin-left:auto;font-size:28px}.share-result small{margin-left:3px;font-size:10px}.share-result p{margin-bottom:0;font-size:11px}.share-x,.share-line,.share-file{text-align:center;color:#18161a;background:#ebe9ec;border-radius:24px;justify-content:center;align-items:center;gap:8px;padding:13px;font-size:12px;font-weight:500;display:flex}.share-line{color:#052f16;background:#06c755}.share-file{color:#c9b3da;background:#b28acf16;border:1px solid #b28acf33}.share-utilities{gap:8px;display:flex}.share-utilities>*{color:#aaa3b4;border:1px solid #ffffff14;border-radius:24px;flex:1;justify-content:center;align-items:center;gap:6px;padding:11px 6px;font-size:11px;display:flex}.share-note{color:#847b91!important;margin:0!important;font-size:10px!important}.render-receipt{color:#625d6c;font-size:9px}.share-notice{align-items:center;gap:6px;display:flex;color:#9accbd!important;font-size:11px!important}.render-progress{text-align:center;color:#c3a6db;flex-direction:column;justify-content:center;align-items:center;gap:20px;height:100%;min-height:250px;padding:24px;display:flex}.render-progress strong{font-size:26px}.render-progress span{font-size:11px;line-height:1.8}.render-progress progress{accent-color:#c3a6db;width:100%;height:4px}@media (max-width:820px){.app-header{height:72px;padding:0 24px}.turntable-stage{width:calc(100% - 36px);height:calc(100dvh - 178px)}.speaker-position{width:78px}.stage-center{width:46%}.reserve-song{gap:10px;padding:18px 24px;font-size:16px}}@media (max-width:600px){.studio-app{padding-bottom:88px}.app-header{height:64px;padding:0 20px}.brand{gap:8px;font-size:20px}.brand svg{width:20px}.invite-link-button{gap:6px;min-height:38px;padding:0 12px;font-size:11px}.turntable-stage{width:calc(100% - 24px);height:calc(100dvh - 152px);min-height:360px;max-height:none}.stage-center{width:calc(100% - 8px)}.speaker-position{width:clamp(52px,16vw,80px)}.speaker-position[data-slot="0"]{top:18%;left:12.5%}.speaker-position[data-slot="1"]{top:18%;left:37.5%}.speaker-position[data-slot="2"]{top:18%;left:62.5%}.speaker-position[data-slot="7"]{top:18%;left:87.5%}.speaker-position[data-slot="3"]{top:82%;left:87.5%}.speaker-position[data-slot="4"]{top:82%;left:62.5%}.speaker-position[data-slot="5"]{top:82%;left:37.5%}.speaker-position[data-slot="6"]{top:82%;left:12.5%}.disc-label{gap:4px;font-size:10px}.disc-label svg{width:11px;height:11px}.speaker-disc>button{font-size:24px}.reserve-song{min-height:60px;padding:18px 28px;font-size:17px}.control-dock{width:calc(100% - 24px);bottom:calc(14px + env(safe-area-inset-bottom,0px))}.control-bar{gap:2px;padding:6px}.control-bar>button{min-width:44px;height:44px}.control-bar .song-search{gap:8px;padding:0 12px;font-size:12px}.song-search span>span{display:none}.control-bar>button>svg{width:19px;height:19px}.controls-popup{bottom:calc(100% + 12px)}.battle-hud{bottom:calc(84px + env(safe-area-inset-bottom,0px));gap:8px;font-size:11px}.room-notices{bottom:calc(124px + env(safe-area-inset-bottom,0px))}.music-transport{opacity:1}.has-song .music-screen{border-radius:10px}.now-playing{padding-top:10px}.now-playing h3{font-size:12px}.now-playing p{font-size:10px}.reaction-particles span{font-size:29px}dialog{border-radius:20px;max-height:calc(100dvh - 24px);padding:22px}dialog h2{font-size:22px}.join-dialog{padding:28px}.queue-drawer{padding:22px}.share-content{grid-template-columns:1fr;gap:18px}.highlight-preview{width:min(200px,60vw);margin:0 auto}.share-result{padding:0}.song-result{gap:9px}.draft-parts>button{gap:9px;padding:12px 9px}.draft-owner{max-width:80px;font-size:9px}.invite-toast{width:max-content;font-size:11px;top:76px}}@media (orientation:landscape) and (max-height:600px) and (max-width:1000px){.app-header{height:52px;padding:0 24px}.studio-app{padding-bottom:74px}.turntable-stage{width:calc(100% - 60px);height:calc(100dvh - 126px);min-height:230px}.stage-center{width:min(310px,52%);top:44%}.speaker-position{width:52px}.speaker-position[data-slot="0"]{top:10%;left:8%}.speaker-position[data-slot="1"]{top:10%;left:92%}.speaker-position[data-slot="2"]{top:36%;left:92%}.speaker-position[data-slot="3"]{top:64%;left:92%}.speaker-position[data-slot="4"]{top:90%;left:92%}.speaker-position[data-slot="5"]{top:90%;left:8%}.speaker-position[data-slot="6"]{top:64%;left:8%}.speaker-position[data-slot="7"]{top:36%;left:8%}.control-dock{width:min(540px,100% - 32px);bottom:8px}.control-bar{padding:5px}.control-bar>button{min-width:44px;height:42px}.now-playing{width:100%;padding:0 0 6px;position:absolute;bottom:100%}.now-playing p,.now-playing>a{display:none}.now-playing h3{font-size:11px}.music-transport{gap:5px}.music-transport>button{min-height:28px}.battle-hud{font-size:10px;bottom:70px}.share-content{grid-template-columns:150px 1fr}.highlight-preview{width:150px}}@media (max-width:600px) and (max-height:700px) and (orientation:portrait){.speaker-position[data-slot="0"],.speaker-position[data-slot="1"],.speaker-position[data-slot="2"],.speaker-position[data-slot="7"]{top:10%}.speaker-position[data-slot="3"],.speaker-position[data-slot="4"],.speaker-position[data-slot="5"],.speaker-position[data-slot="6"]{top:90%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.speaker-disc{transform:none!important}.reaction-particles span{opacity:1;transform:translateY(-30px)}}