#loadingScreen{position:fixed;inset:0;z-index:99999;display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(ellipse at center,#0d2a3f 0,#050d14 60%,#000 100%);transition:opacity .9s ease-in-out}#loadingScreen.fade-out{opacity:0;pointer-events:none}.ld-bar-track{height:3px;background:rgba(255,255,255,.08);border-radius:2px;overflow:hidden}.ld-bar-fill{height:100%;width:0%;border-radius:2px;background:linear-gradient(90deg,#00e5ff,#007eff);box-shadow:0 0 8px rgba(0,229,255,.6);transition:width .25s ease}.ld-bar-fill.done{background:linear-gradient(90deg,#0f8,#00e5ff);box-shadow:0 0 8px rgba(0,255,136,.5)}.ld-main-label{font-family:Quicksand,sans-serif;font-size:12px;font-weight:700;color:rgba(255,255,255,.45);letter-spacing:1px;text-align:center}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes corePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.35)}}:root{--accent-white:#ffffff;--accent-black:#ffffff;--anim-color:#ffffff;--piano-height:25vh;--ui-color:#15151e;--btn-color:#2a2a35;--bg-stage:#000000;--saber-color:#ffffff;--saber-thickness:3px;--saber-aura-height:20px;--saber-aura-blur:5px;--saber-shadow-height:8px;--saber-shadow-blur:4px;--saber-smoke-motion:2.8s;--black-key-height:60%;--piano-visibility:1;--key-glow-intensity:0.88;--key-glow-opacity:0.88;--key-glow-spread:1.75}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;user-select:none}body,html{width:100%;height:100%;overflow:hidden;background:#000;font-family:Quicksand,sans-serif;touch-action:none}#app{height:100%;display:flex;flex-direction:column;background:#000;position:relative;opacity:0;transition:opacity .8s ease-in-out}#app.fade-in{opacity:1}#logoToggle{position:absolute;top:12px;left:15px;z-index:2000;cursor:pointer;display:flex;align-items:center;background:rgba(0,0,0,.35);padding:6px 14px;border-radius:40px;border:1px solid rgba(255,255,255,.1)}#logoToggle:active{transform:scale(.96);background:rgba(0,0,0,.5)}.brand-text{font-weight:800;font-size:14px;letter-spacing:1px;background:linear-gradient(135deg,#fff,#00e5ff);-webkit-background-clip:text;background-clip:text;color:transparent}.top{height:60px;display:flex;align-items:center;padding:0 15px 0 130px;background:var(--ui-color);border-bottom:1px solid rgba(255,255,255,.1);z-index:1000;gap:15px;transition:all .3s cubic-bezier(.4, 0, .2, 1);flex-shrink:0;isolation:isolate;contain:layout paint style}#panel{flex:1;display:flex;align-items:center;gap:8px;overflow-x:auto;padding:5px 8px;scrollbar-width:none;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}#panel::-webkit-scrollbar{display:none}.btn{border:none;padding:0 18px;height:38px;line-height:38px;border-radius:12px;background:var(--btn-color);color:#fff;font-size:13px;font-weight:700;white-space:nowrap;cursor:pointer;border:1px solid rgba(255,255,255,.05);flex-shrink:0}.btn.active{background:linear-gradient(135deg,rgba(91,198,242,.92),rgba(127,226,255,.7))!important;border-color:rgba(157,235,255,.72)!important;color:#061117!important}.floating-panel{position:absolute;top:70px;display:none;padding:20px;background:var(--ui-color);border-radius:24px;border:1px solid rgba(255,255,255,.1);z-index:120;box-shadow:0 20px 50px rgba(0,0,0,.8);flex-direction:column;gap:18px;width:340px;left:50%;transform:translateX(-50%);max-height:80vh;overflow-y:auto;touch-action:pan-y;overscroll-behavior:contain}.color-row{display:flex;flex-direction:column;gap:12px;padding:15px;background:rgba(255,255,255,.03);border-radius:15px;margin-bottom:8px}.floating-panel input[type=range]{touch-action:pan-y!important;accent-color:#78dcff;margin:9px 0;min-height:22px}.section-title{font-size:10px;color:rgba(255,255,255,.4);font-weight:800;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.stage{position:relative;flex:1;overflow:hidden;background:#000;transition:background .3s;min-height:0;contain:layout paint size}.stage.has-custom-bg::after,.stage.has-custom-bg::before{opacity:0}canvas{will-change:transform;transform:translateZ(0);position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:20}#fxParticles{z-index:19}.stage.dust-front #fxParticles{z-index:21}#saberLine{position:absolute;left:0;right:0;bottom:0;width:auto;height:var(--saber-thickness);background:var(--saber-color);opacity:1;pointer-events:none;z-index:25;border-radius:0;box-shadow:0 0 2px #fff,0 0 6px #fff,0 0 14px var(--saber-color),0 0 30px var(--saber-color),0 0 56px var(--saber-color),0 0 92px color-mix(in srgb,var(--saber-color) 52%,transparent);filter:brightness(1.35) saturate(1.28);overflow:visible}#saberLine::before{content:'';position:absolute;left:-18%;right:-18%;bottom:var(--saber-thickness);height:var(--saber-aura-height,34px);pointer-events:none;z-index:-1;background:radial-gradient(ellipse 22% 150% at 50% 118%,var(--saber-smoke-a,rgba(0,229,255,.24)) 0,transparent 60%),radial-gradient(ellipse 17% 135% at 50% 124%,var(--saber-smoke-b,rgba(0,229,255,.16)) 0,transparent 58%),linear-gradient(to top,var(--saber-shadow-a,rgba(0,229,255,.16)) 0,var(--saber-shadow-b,rgba(0,229,255,.07)) 40%,transparent 88%);background-repeat:repeat-x,repeat-x,no-repeat;background-size:190px 100%,300px 100%,100% 100%;background-position:0 100%,0 100%,50% 100%;-webkit-mask-image:linear-gradient(to top,rgba(0,0,0,1) 0%,rgba(0,0,0,.86) 42%,rgba(0,0,0,.28) 78%,transparent 100%);mask-image:linear-gradient(to top,rgba(0,0,0,1) 0%,rgba(0,0,0,.86) 42%,rgba(0,0,0,.28) 78%,transparent 100%);filter:blur(var(--saber-aura-blur, 8px));opacity:.5;animation:saberWaveFlow var(--saber-smoke-motion,2.8s) linear infinite}body.saber-motion-off #saberLine::after,body.saber-motion-off #saberLine::before{animation:none!important}#saberLine::after{content:'';position:absolute;left:-14%;right:-14%;bottom:var(--saber-thickness);height:calc(var(--saber-shadow-height,22px) * 1.25);pointer-events:none;z-index:-1;background:radial-gradient(ellipse 26% 130% at 50% 120%,var(--saber-shadow-a,rgba(0,229,255,.16)) 0,transparent 60%),linear-gradient(to top,var(--saber-shadow-b,rgba(0,229,255,.08)) 0,transparent 80%);background-repeat:repeat-x,no-repeat;background-size:240px 100%,100% 100%;background-position:0 100%,50% 100%;-webkit-mask-image:linear-gradient(to top,rgba(0,0,0,.95) 0%,rgba(0,0,0,.45) 58%,transparent 100%);mask-image:linear-gradient(to top,rgba(0,0,0,.95) 0%,rgba(0,0,0,.45) 58%,transparent 100%);filter:blur(var(--saber-shadow-blur, 8px));opacity:.4;animation:saberWaveFlowB var(--saber-smoke-motion,2.8s) linear infinite}body.saber-off #saberLine{opacity:0!important}body.saber-smoke-off #saberLine::after,body.saber-smoke-off #saberLine::before,html[data-graphic-quality=potato] #saberLine::after,html[data-graphic-quality=potato] #saberLine::before{display:none!important}#saberLine.saber-hit{filter:brightness(1.55) saturate(1.35)}@keyframes saberWaveFlow{from{background-position:0 100%,0 100%,50% 100%}to{background-position:190px 100%,300px 100%,50% 100%}}@keyframes saberWaveFlowB{from{background-position:0 100%,50% 100%}to{background-position:240px 100%,50% 100%}}body.solo-mode #mpChatPanel,body.solo-mode #mpChatPreview,body.solo-mode #mpPlayerStrip,body.solo-mode #mpRoomBtn{display:none!important}@media (pointer:coarse){#pianoWrap::before{display:none!important}}@media (pointer:coarse){#saberLine::before{filter:blur(4px)!important}#saberLine::after{filter:blur(3px)!important}#saberLine{box-shadow:0 0 8px var(--saber-color),0 0 18px rgba(0,229,255,.35)!important}#piano .black{box-shadow:none!important}body.input-burst-mode #saberLine::after,body.input-burst-mode #saberLine::before,body.perf-lite #saberLine::after,body.perf-lite #saberLine::before{animation-play-state:paused!important}}body.idle-no-notes #saberLine::after,body.idle-no-notes #saberLine::before{animation-play-state:running!important}.floating-panel{contain:layout paint style}#chordDisplay{contain:layout paint}#perfHud{contain:layout paint style}#pianoWrap{height:var(--piano-height);width:100%;position:relative;display:flex;background:#000;overflow:hidden;flex-shrink:0;transition:height .16s ease;contain:layout paint;transform:translateZ(0);-webkit-transform:translateZ(0);touch-action:none}body.piano-height-dragging #pianoWrap{transition:none!important}#pianoWrap::before{content:'';position:absolute;top:-14px;left:-4px;right:-4px;height:34px;pointer-events:none;z-index:7;background:linear-gradient(to bottom,var(--saber-shadow-a,rgba(0,229,255,.16)) 0,var(--saber-shadow-b,rgba(0,229,255,.075)) 52%,transparent 100%);filter:blur(8px);opacity:.78}body.saber-smoke-off #pianoWrap::before,html[data-graphic-quality=potato] #pianoWrap::before{display:none!important}#pianoViewport{position:relative;height:100%;width:100%;overflow:hidden;background:0 0}#piano{position:absolute;height:100%;left:0;top:0;display:flex;background:linear-gradient(180deg,var(--piano-white-top,#fff) 0,var(--piano-white-mid,#f7f8fa) 52%,var(--piano-white-bottom,#e9ecef) 100%);opacity:var(--piano-visibility, 1);will-change:transform;transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.white{position:absolute;height:100%;background:#fff;border:none!important;border-radius:0 0 2px 2px;z-index:1;flex-shrink:0;contain:layout paint style}.white.active{background:var(--accent-white)!important}.key-label{position:absolute;bottom:6%;left:0;right:0;text-align:center;font-family:Quicksand,sans-serif;font-weight:700;color:rgba(0,0,0,.55);pointer-events:none;z-index:3;line-height:1.1;white-space:nowrap;overflow:hidden}.white.active .key-label{color:rgba(20,24,30,.54)}.black{position:absolute;height:var(--black-key-height,60%);background:#1a1a1a;border:none!important;border-radius:0 0 2px 2px;z-index:5;box-shadow:2px 3px 6px rgba(0,0,0,.4);flex-shrink:0;contain:layout style}.black.active{background:var(--accent-black)!important}.black-label{position:absolute;bottom:7%;left:0;right:0;text-align:center;font-family:Quicksand,sans-serif;font-weight:700;color:rgba(255,255,255,.55);pointer-events:none;z-index:6;line-height:1.1;white-space:nowrap;overflow:hidden}.black.active .black-label{color:rgba(255,255,255,.64)}.qwerty-ctrl-label{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:0;line-height:.86}.qwerty-ctrl-label .ctrl-mark{font-size:.72em;line-height:.75;transform:translateY(1px)}.qwerty-ctrl-label .ctrl-key{font-size:1em;line-height:.9}#swipeStrip{position:absolute;top:60px;bottom:var(--piano-height);left:0;width:100%;background:0 0;z-index:100;touch-action:none;pointer-events:all}body.hide-ui .floating-panel,body.hide-ui .top{opacity:0!important;visibility:hidden!important;pointer-events:none!important}body.hide-ui #logoToggle{opacity:.55!important}.toggle-switch{display:flex;align-items:center;gap:12px}.toggle-track{width:48px;height:24px;background:#2a2a35;border-radius:30px;cursor:pointer;position:relative;transition:.25s;border:1px solid rgba(255,255,255,.1)}.toggle-track.active{background:rgba(91,198,242,.82)}.toggle-thumb{width:20px;height:20px;background:#fff;border-radius:50%;position:absolute;top:2px;left:3px;transition:.25s;box-shadow:0 1px 3px rgba(0,0,0,.3)}.toggle-track.active .toggle-thumb{left:25px}.label-selector-vertical{display:flex;flex-direction:column;gap:8px;margin-top:5px}.label-option-vertical{display:flex;align-items:center;padding:10px 12px;background:rgba(0,0,0,.3);border-radius:12px;cursor:pointer;transition:.2s;gap:0;justify-content:center}.label-option-vertical.active{background:linear-gradient(135deg,rgba(91,198,242,.92),rgba(127,226,255,.7))}.label-option-vertical .label-text{font-size:13px;font-weight:600;color:#fff}@keyframes modalPop{from{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.panel-title{font-size:11px;color:rgba(255,255,255,.5);font-weight:800;text-transform:uppercase;letter-spacing:1px}.panel-close{width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.6);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.15s;flex-shrink:0}.panel-close:active{background:rgba(255,255,255,.18);transform:scale(.92)}#customBgLayer{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;pointer-events:none;z-index:1;opacity:0;transition:opacity .3s}#customBgLayer.active{opacity:var(--custom-bg-opacity, 1)}#customBgLayer{filter:blur(var(--custom-bg-blur, 0px));transform:scale(var(--custom-bg-scale,1))}#customBgDimLayer{position:absolute;inset:0;pointer-events:none;z-index:2;opacity:0;background:rgba(0,0,0,var(--custom-bg-dim,0));transition:opacity .2s}.stage.has-custom-bg #customBgDimLayer{opacity:1}.stage.has-custom-bg{background:0 0!important}#chordDisplay{position:absolute;top:72px;left:15px;z-index:500;pointer-events:none;display:flex;flex-direction:column;gap:4px;min-width:120px}.chord-name{font-family:Quicksand,sans-serif;font-weight:800;font-size:22px;color:#fff;letter-spacing:.5px;line-height:1.1;text-shadow:0 2px 12px rgba(0,0,0,.8),0 0 30px rgba(0,229,255,.3);opacity:0;transform:translateY(4px);transition:opacity .12s ease,transform .12s ease;white-space:nowrap}.chord-name.show{opacity:1;transform:translateY(0)}.chord-name.primary{font-size:26px;color:#00e5ff}.chord-name.secondary{font-size:16px;color:rgba(255,255,255,.55)}#mpChordLive{position:absolute;top:12px;right:15px;z-index:500;pointer-events:none;display:flex;flex-direction:column;gap:6px;max-width:260px;contain:layout paint}.mpc-row{display:flex;align-items:center;gap:7px;padding:5px 10px;border-radius:10px;background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:opacity .18s ease-out;white-space:nowrap}.mpc-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;box-shadow:0 0 6px currentColor}.mpc-name{font-family:Quicksand,sans-serif;font-size:10px;font-weight:800;letter-spacing:.3px;opacity:.8;max-width:70px;overflow:hidden;text-overflow:ellipsis}.mpc-chord{font-family:Quicksand,sans-serif;font-size:15px;font-weight:900;color:#fff;letter-spacing:.3px;text-shadow:0 1px 8px rgba(0,0,0,.6)}.mpc-sub{font-family:Quicksand,sans-serif;font-size:11px;font-weight:700;color:rgba(255,255,255,.45);margin-left:2px}@media (max-width:700px){#mpChordLive{right:10px;top:10px;max-width:200px}.mpc-row{padding:4px 8px;gap:5px}.mpc-chord{font-size:13px}.mpc-name{font-size:9px;max-width:50px}}:root{--accent-white:#ffffff;--accent-black:#ffffff;--anim-color:#ffffff;--ui-color:rgba(31,34,40,0.72);--btn-color:rgba(255,255,255,0.075);--bg-stage:#101217;--glass-bg:rgba(38,41,48,0.62);--glass-bg-strong:rgba(45,49,58,0.78);--glass-border:rgba(255,255,255,0.145);--glass-border-strong:rgba(255,255,255,0.24);--glass-shadow:0 22px 60px rgba(0,0,0,0.34);--text-main:#f3f7fb;--text-muted:rgba(232,240,248,0.62)}body,html{background:#090b0f;font-family:'Plus Jakarta Sans',Nunito,sans-serif}body,button,input,select,textarea{font-family:'Plus Jakarta Sans',Nunito,sans-serif!important}#app{background:linear-gradient(180deg,#0c0f14 0,#11151c 55%,#080a0d 100%)}#loadingScreen{background:radial-gradient(circle at 50% 38%,rgba(120,220,255,.12),transparent 34%),linear-gradient(180deg,#0b0d11 0,#141820 52%,#07090d 100%)!important;gap:0}.ld-card{width:min(340px,86vw);padding:30px 28px 28px;border-radius:30px;background:rgba(39,43,51,.64);border:1px solid rgba(255,255,255,.14);box-shadow:0 28px 80px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.08);display:flex;flex-direction:column;align-items:center}.ld-logo{font-family:Nunito,'Plus Jakarta Sans',sans-serif!important;font-size:30px;letter-spacing:3px;margin:0 0 16px;filter:none;background:linear-gradient(135deg,#fff 0,#aeb9c6 52%,#78dcff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.ld-main-label{color:rgba(244,248,252,.74);font-size:12px;letter-spacing:.9px;font-weight:800;text-transform:uppercase;animation:none;margin-bottom:16px}.ld-single-track{width:100%;height:7px;background:rgba(255,255,255,.1);border-radius:999px;box-shadow:inset 0 1px 2px rgba(0,0,0,.28)}.ld-bar-fill{background:linear-gradient(90deg,#5ccfff,#8be6ff)!important;box-shadow:0 0 18px rgba(120,220,255,.32);border-radius:999px}.ld-bar-fill.done{background:linear-gradient(90deg,#77e0ff,#c6f5ff)!important}#logoToggle{top:12px;left:14px;padding:8px 14px;background:rgba(38,42,50,.72);border:1px solid rgba(255,255,255,.16);box-shadow:0 4px 16px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.08);isolation:isolate}.brand-text{font-family:Nunito,'Plus Jakarta Sans',sans-serif!important;font-size:14px;letter-spacing:1.2px;background:linear-gradient(135deg,#fff,#b9c4d0 55%,#78dcff);-webkit-background-clip:text;background-clip:text;color:transparent}.top{height:68px;margin:10px 12px 0;padding:0 14px 0 132px;border-radius:28px;background:rgba(34,37,44,.66);border:1px solid rgba(255,255,255,.13);border-bottom-color:rgba(255,255,255,.17);box-shadow:0 8px 20px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.075);isolation:isolate;contain:layout paint style}#panel{gap:8px}.btn{border-radius:999px;background:rgba(255,255,255,.075);color:rgba(245,248,252,.88);border:1px solid rgba(255,255,255,.12);box-shadow:0 4px 12px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.06);font-size:13px;font-weight:800;height:38px;line-height:38px;padding:0 18px;flex-shrink:0}.btn:active:active{transform:scale(.96)}.btn.active,.shape-choice.active{background:linear-gradient(135deg,rgba(91,198,242,.92),rgba(127,226,255,.7))!important;border-color:rgba(157,235,255,.72)!important;color:#061117!important;box-shadow:0 12px 28px rgba(91,198,242,.24),inset 0 1px 0 rgba(255,255,255,.22)!important}.floating-panel{top:86px;background:rgba(35,38,45,.82);border:1px solid rgba(255,255,255,.14);box-shadow:0 12px 36px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.075);border-radius:30px;isolation:isolate}.color-row,.label-option-vertical{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.085);box-shadow:inset 0 1px 0 rgba(255,255,255,.045)}.panel-title,.section-title{color:rgba(232,240,248,.58)}.panel-close{background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.12);color:rgba(245,248,252,.72)}.stage{background:#000!important}#pianoWrap{background:linear-gradient(180deg,#0b0d10 0,#050608 100%);box-shadow:0 -14px 40px rgba(0,0,0,.28)}.chord-name{text-shadow:0 14px 34px rgba(0,0,0,.5)}.chord-name.primary{color:#78dcff}.toggle-track{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.12)}.toggle-track.active{background:rgba(91,198,242,.82)}.shape-setting-block{margin-bottom:12px}.shape-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.shape-choice{padding:9px 8px;min-width:0;text-align:center}#sfLoadingOverlay{position:fixed;inset:0;z-index:99998;display:none;align-items:center;justify-content:center;flex-direction:column;gap:18px;font-family:Quicksand,sans-serif;background:rgba(5,7,10,.86);pointer-events:all}#sfLoadingOverlay.show{display:flex!important}#sfLoadingOverlay>div:first-child{display:block!important}#sfLoadingOverlay div[style*="color:white"]{color:rgba(245,248,252,.92)!important;text-transform:uppercase;letter-spacing:.9px}#sfProgressBar{background:linear-gradient(90deg,#5ccfff,#8be6ff)!important;box-shadow:0 0 18px rgba(120,220,255,.38)!important}#bootSfChip{position:fixed;left:50%;bottom:calc(var(--piano-height,25vh) + 18px);transform:translateX(-50%) translateY(12px);z-index:1500;pointer-events:none;overflow:hidden;display:flex;align-items:center;gap:11px;padding:9px 18px 11px;border-radius:14px;background:linear-gradient(135deg,rgba(18,22,30,.96),rgba(10,14,20,.96));border:1px solid rgba(0,229,255,.28);box-shadow:0 12px 40px rgba(0,0,0,.55),0 0 22px rgba(0,229,255,.12);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:Quicksand,sans-serif;opacity:0;visibility:hidden;transition:transform .45s cubic-bezier(.22,1,.36,1),opacity .4s ease,visibility .45s,border-color .45s ease,box-shadow .45s ease}#bootSfChip.show{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.bsc-spinner{position:relative;width:20px;height:20px;flex:0 0 auto}.bsc-spinner i{position:absolute;border-radius:50%;border:2px solid transparent}.bsc-spinner i:first-child{inset:0;border-top-color:#00e5ff;border-left-color:rgba(0,229,255,.3);animation:spin .9s linear infinite}.bsc-spinner i:nth-child(2){inset:5px;border-top-color:rgba(0,229,255,.55);animation:spin .6s linear infinite reverse}.bsc-spinner b{position:absolute;top:50%;left:50%;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;border-radius:50%;background:#00e5ff;box-shadow:0 0 8px #00e5ff;animation:corePulse 1.2s ease-in-out infinite}.bsc-text{font-size:12.5px;font-weight:800;letter-spacing:.4px;white-space:nowrap;background:linear-gradient(135deg,#fff,#7fe2ff);-webkit-background-clip:text;background-clip:text;color:transparent}.bsc-bar{position:absolute;left:0;bottom:0;height:2px;width:100%;background:rgba(0,229,255,.1)}.bsc-bar i{display:block;height:100%;width:0%;background:linear-gradient(90deg,#00e5ff,#007eff);box-shadow:0 0 8px rgba(0,229,255,.6);transition:width .25s ease}#bootSfChip.ready{border-color:rgba(0,255,136,.34);box-shadow:0 12px 40px rgba(0,0,0,.55),0 0 22px rgba(0,255,136,.14)}#bootSfChip.ready .bsc-spinner b,#bootSfChip.ready .bsc-spinner i{display:none}#bootSfChip.ready .bsc-spinner::after{content:'✓';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:900;color:#0f8;text-shadow:0 0 8px rgba(0,255,136,.6)}#bootSfChip.ready .bsc-text{background:linear-gradient(135deg,#fff,#7dffbe);-webkit-background-clip:text;background-clip:text}#bootSfChip.ready .bsc-bar i{width:100%!important;background:linear-gradient(90deg,#0f8,#00b85f);box-shadow:0 0 8px rgba(0,255,136,.5)}#loadingScreen{background:rgba(9,11,15,.85)!important}#loadingScreen::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 24% 18%,rgba(255,255,255,.08),transparent 28%),radial-gradient(circle at 74% 32%,rgba(120,220,255,.1),transparent 30%),linear-gradient(180deg,rgba(28,31,38,.72),rgba(8,10,14,.86))}.ld-card{position:relative;z-index:1;padding:24px 26px}.ld-main-label{margin-bottom:15px}#logoToggle{min-height:48px;gap:10px;padding:5px 14px 5px 6px}.brand-icon{width:40px;height:40px;border-radius:999px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 10px 24px rgba(0,0,0,.18);flex:0 0 auto}.brand-icon img{width:116%;height:116%;object-fit:cover;transform:translateY(2%);display:block;pointer-events:none}.top{padding-left:172px}@media (max-width:700px){.top{margin:8px 8px 0;padding-left:158px;border-radius:24px}#logoToggle{left:10px}.shape-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}:root{--bg-stage:#090d12;--piano-white-top:#ffffff;--piano-white-mid:#fdfdfe;--piano-white-bottom:#f1f3f5;--piano-black-top:#2d333d;--piano-black-mid:#151a22;--piano-black-bottom:#040506;--piano-white-active-top:#eafaff;--piano-white-active-mid:#c9f2ff;--piano-white-active-bottom:#91dcf5;--piano-black-active-top:#bfefff;--piano-black-active-mid:#70d8ff;--piano-black-active-bottom:#34a8d8}#loadingScreen::after{display:none!important}.ld-card{width:min(286px,74vw)!important;padding:0!important;background:0 0!important;border:0!important;box-shadow:none!important}.ld-main-label{margin:0 0 14px!important;color:rgba(247,250,253,.86)!important;text-shadow:0 0 18px rgba(120,220,255,.16),0 8px 28px rgba(0,0,0,.52)}.ld-single-track{height:6px!important;background:rgba(255,255,255,.115)!important;border:1px solid rgba(255,255,255,.075);box-shadow:inset 0 1px 2px rgba(0,0,0,.38),0 10px 26px rgba(0,0,0,.22)!important}.stage{background:#000!important}.stage::after,.stage::before{display:none!important}#pianoWrap{background:linear-gradient(180deg,#090a0c 0,#050607 100%)!important;box-shadow:0 -10px 28px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.05)!important}#piano .white,.white{background:linear-gradient(180deg,var(--piano-white-top) 0,var(--piano-white-mid) 52%,var(--piano-white-bottom) 100%)!important;background-color:var(--piano-white-mid)!important;background-image:linear-gradient(180deg,var(--piano-white-top) 0,var(--piano-white-mid) 52%,var(--piano-white-bottom) 100%)!important;border-radius:0 0 2px 2px!important;box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 rgba(6,17,31,.1)!important}#piano .white.active,.white.active{background:var(--accent-white)!important;background-color:var(--accent-white)!important;background-image:none!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.55),0 0 12px var(--accent-white)!important}#piano .black,.black{background:linear-gradient(180deg,var(--piano-black-top) 0,var(--piano-black-mid) 55%,var(--piano-black-bottom) 100%)!important;background-color:var(--piano-black-mid)!important;background-image:linear-gradient(180deg,var(--piano-black-top) 0,var(--piano-black-mid) 55%,var(--piano-black-bottom) 100%)!important;border-radius:0 0 2px 2px!important;box-shadow:2px 3px 6px rgba(0,0,0,.4)!important}#piano .black.active,.black.active{background:var(--accent-black)!important;background-color:var(--accent-black)!important;background-image:none!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2),0 0 12px var(--accent-black)!important}body.key-glow-on #piano .white.active,body.key-glow-on #piano>.white.active{background:var(--accent-white)!important;background-color:var(--accent-white)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.55),0 0 calc(10px * var(--key-glow-spread,1)) var(--saber-color),0 0 calc(24px * var(--key-glow-spread,1)) var(--saber-color),0 0 calc(44px * var(--key-glow-spread,1)) var(--saber-color)!important;filter:brightness(calc(1 + .18 * var(--key-glow-intensity, .5)))!important}body.key-glow-on #piano .black.active,body.key-glow-on #piano>.black.active{background:var(--accent-black)!important;background-color:var(--accent-black)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2),0 0 calc(10px * var(--key-glow-intensity,.5)) var(--saber-color),0 0 calc(24px * var(--key-glow-intensity,.5)) var(--saber-color),0 0 calc(44px * var(--key-glow-intensity,.5)) var(--saber-color)!important;filter:brightness(calc(1 + .18 * var(--key-glow-intensity, .5)))!important}body.key-glow-on.perf-lite #piano .black.active,body.key-glow-on.perf-lite #piano .white.active,body.key-glow-on.perf-lite #piano>.black.active,body.key-glow-on.perf-lite #piano>.white.active{filter:none!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.45),0 0 calc(16px * var(--key-glow-spread,1)) var(--saber-color)!important}.key-label{color:rgba(20,24,30,.54)!important}.black-label{color:rgba(255,255,255,.64)!important}.floating-panel{width:min(310px,calc(100vw - 28px))!important;padding:12px!important;gap:9px!important;max-height:66vh!important;border-radius:24px!important}#settingsPanel{width:min(330px,calc(100vw - 28px))!important}#colorPanel{width:min(320px,calc(100vw - 28px))!important}.color-row,.label-option-vertical,.perf-setting-block{padding:10px 11px!important;gap:8px!important;border-radius:16px!important}.label-selector-vertical{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px!important}.label-option-vertical{justify-content:center}.label-option-vertical .label-text{font-size:10px!important;font-weight:800!important;line-height:1.15!important;text-align:center!important}.perf-setting-block{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.075);box-shadow:inset 0 1px 0 rgba(255,255,255,.04);margin-bottom:8px}.perf-hud{position:fixed;top:72px;left:14px;z-index:620;display:none;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:rgba(27,31,38,.62);border:1px solid rgba(255,255,255,.13);box-shadow:0 10px 26px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.06);color:rgba(242,248,252,.84);font-size:10px;font-weight:850;letter-spacing:.2px;pointer-events:none}.perf-hud.show{display:flex}.perf-fps{color:rgba(242,248,252,.88)}.perf-load{color:rgba(242,248,252,.72)}.perf-sep{color:rgba(242,248,252,.38)}.perf-net{font-weight:900}.net-good{color:#52e38f}.net-okay{color:#ffd166}.net-saver,.net-slow{color:#ff9f43}.net-bad,.net-offline{color:#ff5f73}.net-online{color:#78d8ff}#chordDisplay{top:54px!important;left:15px!important}@media (max-width:700px){.floating-panel{max-height:62vh!important}#chordDisplay{top:50px!important}.perf-hud{top:68px;left:12px}}#logoToggle{top:calc(7px + env(safe-area-inset-top,0px))!important;left:calc(8px + env(safe-area-inset-left,0px))!important;height:clamp(48px,6vw,56px)!important;min-height:clamp(48px,6vw,56px)!important;gap:7px!important;padding:0 11px 0 5px!important;border-radius:22px!important}.brand-icon{width:clamp(30px,4vw,36px)!important;height:clamp(30px,4vw,36px)!important}.brand-text{font-size:clamp(12px, 1.45vw, 13px)!important;letter-spacing:.75px!important}.top{height:clamp(48px,6vw,56px)!important;min-height:clamp(48px,6vw,56px)!important;margin:calc(7px + env(safe-area-inset-top,0px)) calc(8px + env(safe-area-inset-right,0px)) 0 calc(6px + env(safe-area-inset-left,0px))!important;padding:0 10px 0 clamp(128px,16.4vw,148px)!important;border-radius:22px!important;gap:8px!important;box-shadow:0 12px 34px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.07)!important}#panel{gap:6px!important;padding:3px!important;min-width:0!important;overscroll-behavior-x:contain;touch-action:pan-x}.btn{flex-shrink:0!important;min-height:36px!important}#panel>div[style*=padding-left]{padding-left:4px!important;gap:4px!important}#panel>div[style*=padding-left] .btn{padding:7px 9px!important;min-width:34px!important}#tVal{font-size:10px!important;min-width:12px!important}#tDown,#tUp{width:34px!important;height:34px!important;min-height:34px!important;padding:0!important;border-radius:50%!important;display:flex!important;align-items:center;justify-content:center;font-size:19px;line-height:1;font-weight:800}.floating-panel{top:calc(64px + env(safe-area-inset-top,0px))!important;max-height:calc(100dvh - 82px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;overscroll-behavior:contain}#swipeStrip{top:calc(58px + env(safe-area-inset-top,0px))!important}.perf-hud{top:calc(62px + env(safe-area-inset-top,0px))!important}#chordDisplay{top:calc(46px + env(safe-area-inset-top,0px))!important}@media (max-width:700px){#logoToggle{top:calc(6px + env(safe-area-inset-top,0px))!important;left:calc(6px + env(safe-area-inset-left,0px))!important;height:46px!important;min-height:46px!important;padding-right:10px!important}.brand-icon{width:29px!important;height:29px!important}.brand-text{font-size:11.5px!important}.top{height:46px!important;min-height:46px!important;margin:calc(6px + env(safe-area-inset-top,0px)) calc(6px + env(safe-area-inset-right,0px)) 0 calc(6px + env(safe-area-inset-left,0px))!important;padding-left:118px!important;padding-right:8px!important;border-radius:20px!important}#panel{gap:5px!important}.btn{flex-shrink:0!important;min-height:36px!important}.floating-panel{top:calc(60px + env(safe-area-inset-top,0px))!important;max-height:calc(100dvh - 76px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important}#swipeStrip{top:calc(54px + env(safe-area-inset-top,0px))!important}.perf-hud{top:calc(58px + env(safe-area-inset-top,0px))!important}#chordDisplay{top:calc(42px + env(safe-area-inset-top,0px))!important}}.compact-color-panel{width:min(326px,calc(100vw - 28px))!important}.compact-color-row{padding:13px 12px!important}.color-group-title{margin:10px 2px 4px;padding:0 2px;color:rgba(255,255,255,.46);font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.color-group-title:first-of-type{margin-top:2px}#colorPanel .color-row{margin-bottom:7px}.anim-style-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.anim-style-grid .btn{width:100%;text-align:center}.visual-hub{display:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.visual-hub.active{display:grid}.visual-open-btn{min-height:58px!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;padding:10px 12px!important;border-radius:18px!important;text-align:left!important;gap:4px}.visual-open-btn{font-size:13px!important;font-weight:900!important;line-height:1!important}.visual-subpage{display:none}.visual-subpage.active{display:block}.visual-back-btn{width:100%;margin-bottom:9px;justify-content:flex-start!important}.sf-tab-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:10px}.sf-tab{width:100%;padding:0 8px!important;font-size:11px!important}.sf-page{display:none}.sf-page.active{display:block}.sf-effect-stack{display:flex;flex-direction:column;gap:9px}.sf-effect-card{padding:11px;border-radius:16px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.085);box-shadow:inset 0 1px 0 rgba(255,255,255,.045)}.sf-effect-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:8px 0 6px;color:#fff;font-size:11px;font-weight:800}.sf-effect-head:first-child{margin-top:0}.sf-effect-head span:last-child{color:#78dcff;font-size:12px}.sf-effect-card input[type=range]{width:100%;accent-color:#78dcff}.sf-current-card{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 10px;margin-bottom:10px;border-radius:16px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.085);box-shadow:inset 0 1px 0 rgba(255,255,255,.045)}.sf-current-label{color:rgba(232,240,248,.58);font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.sf-current-value{color:#78dcff;font-size:12px;font-weight:900;text-align:right}.sf-category{border-radius:16px;background:rgba(255,255,255,.045);box-shadow:0 0 0 1px rgba(255,255,255,.1);margin-bottom:9px;overflow:hidden}.sf-category:has(.sf-option.active){box-shadow:0 0 0 1px rgba(120,220,255,.35)}.sf-category summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;color:rgba(245,248,252,.88);font-size:12px;font-weight:900;cursor:pointer}.sf-category summary::-webkit-details-marker{display:none}.sf-category summary::after{content:'▾';color:rgba(120,220,255,.92);font-size:12px;transition:transform .15s ease}.sf-category:not([open]) summary::after{transform:rotate(-90deg)}.sf-category-body{display:flex;flex-direction:column;gap:8px;padding:0 10px 10px}#metronomePanel{width:min(318px,calc(100vw - 28px))!important;padding:13px!important;gap:10px!important}#metronomePanel .panel-header{margin-bottom:0}#metronomePanel .panel-title{font-size:11px;color:rgba(244,248,252,.72)}.metro-card{padding:12px!important;border-radius:18px!important;background:rgba(255,255,255,.052)!important}.metro-bpm-display{display:grid;grid-template-columns:1fr;gap:10px;padding:2px 0 0}.metro-bpm-center{display:flex;align-items:flex-end;justify-content:center;gap:8px;padding:4px 0 0}.metro-bpm-num{font-size:54px;font-weight:900;color:#fff;font-family:Quicksand,sans-serif;line-height:.92;letter-spacing:-2px;min-width:96px;text-align:center;font-variant-numeric:tabular-nums}.metro-bpm-label{font-size:10px;color:rgba(255,255,255,.44);font-weight:900;text-transform:uppercase;letter-spacing:1px;padding-bottom:7px}.metro-bpm-btns{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.metro-bpm-btn{width:100%;height:34px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.072);color:rgba(255,255,255,.84);font-size:12px;font-weight:900;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-family:Quicksand,sans-serif;flex-shrink:0}.metro-bpm-btn:active{transform:scale(.94);background:rgba(255,255,255,.14)}.metro-bpm-slider{width:100%;margin:8px 0 4px;accent-color:#78dcff}.metro-beat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:4px 0 0}.metro-beat-btn,.metro-sound-btn{min-height:34px;padding:0 6px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.06);color:rgba(255,255,255,.72);font-size:11px;font-weight:900;cursor:pointer;text-align:center;transition:.12s;font-family:Quicksand,sans-serif;display:inline-flex;align-items:center;justify-content:center;line-height:1}.metro-beat-btn.active,.metro-sound-btn.active{background:linear-gradient(135deg,rgba(91,198,242,.92),rgba(127,226,255,.7));border-color:rgba(157,235,255,.72);color:#061117}.metro-beat-btn:active,.metro-sound-btn:active{transform:scale(.94)}.metro-sound-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin:4px 0 0}.metro-start-btn{width:100%;min-height:42px;padding:0;border-radius:16px;border:1px solid rgba(157,235,255,.44);background:linear-gradient(135deg,#147fa6,#78dcff);color:#061117;font-size:13px;font-weight:900;cursor:pointer;font-family:Quicksand,sans-serif;letter-spacing:.3px;box-shadow:0 10px 24px rgba(120,220,255,.2),inset 0 1px 0 rgba(255,255,255,.22);transition:.12s;display:inline-flex;align-items:center;justify-content:center}.metro-start-btn:active{transform:scale(.98)}.metro-start-btn.running{background:linear-gradient(135deg,#d85b45,#ff9a72);border-color:rgba(255,160,130,.52);color:#170604;box-shadow:0 10px 24px rgba(255,112,80,.18),inset 0 1px 0 rgba(255,255,255,.22)}.metro-dots{display:flex;gap:8px;justify-content:center;padding:8px 0 0}.metro-dot{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.16);transition:background .06s,transform .06s,box-shadow .06s}.metro-dot.accent{background:rgba(255,255,255,.28)}.metro-dot.beat{background:#78dcff!important;transform:scale(1.55);box-shadow:0 0 9px rgba(120,220,255,.76)}.metro-dot.accent.beat{background:#fff1c7!important;box-shadow:0 0 10px rgba(255,241,199,.78)}#metroBtn.active{background:linear-gradient(135deg,rgba(91,198,242,.92),rgba(127,226,255,.7))!important;border-color:rgba(157,235,255,.72)!important;color:#061117!important}.graphic-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:5px}.graphic-btn{padding:9px 0;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.06);color:rgba(255,255,255,.7);font-size:12px;font-weight:800;cursor:pointer;text-align:center;transition:.15s;font-family:Quicksand,sans-serif}.graphic-btn.active{background:linear-gradient(135deg,rgba(91,198,242,.92),rgba(127,226,255,.7));border-color:rgba(157,235,255,.72);color:#061117}.graphic-btn:active{transform:scale(.93)}#fsBtn{border:none;padding:0 14px;height:38px;line-height:38px;border-radius:999px;background:rgba(255,255,255,.075);color:rgba(245,248,252,.88);font-size:13px;font-weight:800;white-space:nowrap;cursor:pointer;transition:.2s;border:1px solid rgba(255,255,255,.12);flex-shrink:0;box-shadow:0 8px 22px rgba(0,0,0,.16)}#fsBtn:active{transform:scale(.96)}#fsBtn.fs-hidden,body.papiano-fullscreen #fsBtn,html.papiano-fullscreen #fsBtn{display:none!important}#fsBtn,.ac-btn,.acc-logout-btn,.acc-save-btn,.btn,.label-option-vertical,.panel-close,.shape-choice{display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;text-align:center!important}#fsBtn,.btn{padding-top:0!important;padding-bottom:0!important}.black-label,.key-label{display:flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;transform:none!important}@media (min-width:900px) and (pointer:fine){#app{background:radial-gradient(circle at 18% 10%,rgba(120,220,255,.1),transparent 24%),radial-gradient(circle at 78% 14%,rgba(160,120,255,.075),transparent 28%),linear-gradient(180deg,#080b10 0,#11161e 48%,#050608 100%)}#logoToggle{top:18px!important;left:22px!important;min-height:48px!important;padding:6px 16px 6px 7px!important;border-radius:24px!important}.brand-icon{width:38px!important;height:38px!important}.brand-text{font-size:13px!important;letter-spacing:1px!important}.top{width:min(1180px,calc(100vw - 44px))!important;height:64px!important;min-height:64px!important;margin:16px auto 0!important;padding:0 18px 0 184px!important;border-radius:28px!important;gap:12px!important}#panel{justify-content:flex-start!important;gap:9px!important;padding:5px 8px!important;overflow-x:auto!important}#fsBtn,.btn{min-height:40px!important;height:40px!important;padding-left:18px!important;padding-right:18px!important;font-size:13px!important}.stage{margin:12px auto 0!important;width:min(1180px,calc(100vw - 44px))!important;border-radius:30px 30px 0 0!important;border:1px solid rgba(255,255,255,.07)!important;border-bottom:0!important;box-shadow:0 18px 70px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.045)!important}#pianoWrap{width:min(1180px,calc(100vw - 44px))!important;height:var(--piano-height)!important;margin:0 auto 18px!important;border-radius:0 0 26px 26px!important;border:1px solid rgba(255,255,255,.07)!important;border-top:0!important;overflow:hidden!important}.floating-panel{top:96px!important;width:min(460px,calc(100vw - 48px))!important;max-height:calc(100vh - 132px)!important;padding:16px!important;gap:12px!important;border-radius:28px!important}#colorPanel,#metronomePanel,#settingsPanel,#sfPanel{width:min(500px,calc(100vw - 48px))!important}.color-row,.metro-card,.perf-setting-block,.sf-effect-card{padding:13px 14px!important;border-radius:18px!important}.anim-style-grid,.graphic-grid,.shape-choice-grid{gap:8px!important}.label-selector-vertical{grid-template-columns:repeat(3,minmax(0,1fr))!important}#swipeStrip{top:92px!important;bottom:calc(var(--piano-height) + 18px)!important;width:min(1180px,calc(100vw - 44px))!important;left:50%!important;transform:translateX(-50%)!important}#chordDisplay{top:96px!important;left:calc((100vw - min(1180px,calc(100vw - 44px)))/ 2 + 22px)!important}#mpChordLive{top:96px!important;right:calc((100vw - min(1180px,calc(100vw - 44px)))/ 2 + 22px)!important}.perf-hud{top:98px!important;left:calc((100vw - min(1180px,calc(100vw - 44px)))/ 2 + 20px)!important}}.settings-hub-panel{width:min(520px,calc(100vw - 14px))!important}.settings-hub{display:flex;flex-direction:column;gap:11px}.settings-nav-vertical{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding-bottom:11px;border-bottom:1px solid rgba(255,255,255,.16)}.settings-cat-btn{width:100%;justify-content:center!important;padding:0 8px!important;min-width:0!important;font-size:10.5px!important;letter-spacing:-.1px}.settings-cat-btn.active{background:linear-gradient(135deg,rgba(120,220,255,.92),rgba(157,235,255,.68))!important;color:#061117!important;border-color:rgba(185,244,255,.76)!important}.settings-content-wrap{min-height:180px;padding-top:2px}.settings-section{display:none}.settings-section.active{display:block}.settings-open-btn{width:100%;margin-top:8px;justify-content:flex-start!important}.settings-sub-divider{height:1px;background:rgba(255,255,255,.14);margin:12px 0 10px}.perf-load{min-width:64px}.load-low{color:#78dcff}.load-medium{color:#ffd166}.load-high{color:#ff9f43}.load-extreme{color:#ff5f73}@media (min-width:900px){.settings-hub-panel{width:min(640px,calc(100vw - 56px))!important}.settings-content-wrap{min-height:260px}.settings-cat-btn{font-size:12px!important}}#piano .white:not(.active){background:linear-gradient(180deg,var(--piano-white-top) 0,var(--piano-white-mid) 52%,var(--piano-white-bottom) 100%)!important;background-color:var(--piano-white-mid)!important;background-image:linear-gradient(180deg,var(--piano-white-top) 0,var(--piano-white-mid) 52%,var(--piano-white-bottom) 100%)!important;box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 rgba(6,17,31,.1)!important;filter:none!important}#piano .white.active,#piano>.white.active{background:var(--accent-white)!important;background-color:var(--accent-white)!important;background-image:none!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.55),0 0 12px var(--accent-white)!important;filter:none!important}#piano .black:not(.active){background:linear-gradient(180deg,var(--piano-black-top) 0,var(--piano-black-mid) 55%,var(--piano-black-bottom) 100%)!important;background-color:var(--piano-black-mid)!important;background-image:linear-gradient(180deg,var(--piano-black-top) 0,var(--piano-black-mid) 55%,var(--piano-black-bottom) 100%)!important;box-shadow:2px 3px 6px rgba(0,0,0,.4)!important;filter:none!important}#piano .black.active,#piano>.black.active{background:var(--accent-black)!important;background-color:var(--accent-black)!important;background-image:none!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2),0 0 12px var(--accent-black)!important;filter:none!important}#holdBtn.midi-sustain-active,#settingsSustainBtn.midi-sustain-active{background:linear-gradient(135deg,rgba(120,220,255,.96),rgba(255,255,255,.72))!important;border-color:rgba(185,244,255,.86)!important;color:#061117!important;box-shadow:0 0 18px rgba(120,220,255,.34),inset 0 1px 0 rgba(255,255,255,.26)!important}body.input-burst-mode #piano .black.active,body.input-burst-mode #piano .white.active,body.wide-key-mode #piano .black.active,body.wide-key-mode #piano .white.active{box-shadow:none!important;filter:none!important}body.input-burst-mode #piano .white.active .key-label,body.layout-changing #piano .white.active .key-label,body.wide-key-mode #piano .white.active .key-label{opacity:1!important}body.input-burst-mode #piano .black.active .black-label,body.layout-changing #piano .black.active .black-label,body.wide-key-mode #piano .black.active .black-label{opacity:1!important}body.input-burst-mode #piano .black-label,body.input-burst-mode #piano .key-label{opacity:1!important}body.layout-changing #piano .black.active,body.layout-changing #piano .white.active{box-shadow:none!important;filter:none!important}.key-apply-btn{width:100%;margin-top:10px;border-color:rgba(120,220,255,.35)!important}.key-apply-btn.pending{background:linear-gradient(135deg,rgba(120,220,255,.92),rgba(255,255,255,.68))!important;color:#061117!important}@media (pointer:coarse){#piano .white:not(.active){background:#f8fafb!important;background-image:none!important;background-color:#f8fafb!important;box-shadow:none!important}#piano .black:not(.active){background:#1a1a1a!important;background-image:none!important;background-color:#1a1a1a!important;box-shadow:1px 2px 3px rgba(0,0,0,.35)!important}#piano .white.active,.white.active{background:var(--accent-white)!important;background-image:none!important;background-color:var(--accent-white)!important;box-shadow:none!important;filter:none!important}#piano .black.active,.black.active{background:var(--accent-black)!important;background-image:none!important;background-color:var(--accent-black)!important;box-shadow:none!important;filter:none!important}}#piano .white,.white{contain:layout paint style}#piano .black,.black{contain:layout style}#piano .black.active,#piano .white.active{box-shadow:none!important;filter:none!important;transition:none!important}#piano .black,#piano .white{transition:none!important}@media (pointer:fine){#piano .white:not(.active){background:linear-gradient(180deg,#fff 0,#fdfdfe 62%,#f7f8fa 88%,#e9ebee 95%,#f5f6f8 100%)!important;background-color:#fdfdfe!important;background-image:linear-gradient(180deg,#fff 0,#fdfdfe 62%,#f7f8fa 88%,#e9ebee 95%,#f5f6f8 100%)!important;box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 rgba(6,17,31,.1)!important;filter:none!important}#piano .black:not(.active){background:linear-gradient(180deg,#41464e 0,#23272d 10%,#121419 42%,#0a0c0f 78%,#181b20 92%,#2c3138 100%)!important;background-color:#121419!important;background-image:linear-gradient(180deg,#41464e 0,#23272d 10%,#121419 42%,#0a0c0f 78%,#181b20 92%,#2c3138 100%)!important;box-shadow:inset 0 2px 1px rgba(255,255,255,.16),inset 1px 0 1px rgba(255,255,255,.05),inset -1px 0 1px rgba(0,0,0,.45),2px 5px 9px rgba(0,0,0,.6)!important;filter:none!important}}#piano .white.active,#piano>.white.active,body.input-burst-mode #piano .white.active,body.layout-changing #piano .white.active,body.wide-key-mode #piano .white.active{background:var(--accent-white)!important;background-color:var(--accent-white)!important;background-image:none!important;box-shadow:none!important;filter:none!important;opacity:1!important}#piano .black.active,#piano>.black.active,body.input-burst-mode #piano .black.active,body.layout-changing #piano .black.active,body.wide-key-mode #piano .black.active{background:var(--accent-black)!important;background-color:var(--accent-black)!important;background-image:none!important;box-shadow:none!important;filter:none!important;opacity:1!important}#piano .white.active .key-label{opacity:1!important}#piano .black.active .black-label{opacity:1!important}#piano .white.active,#piano>.white.active,body.input-burst-mode #piano .white.active,body.layout-changing #piano .white.active,body.wide-key-mode #piano .white.active{background:var(--accent-white)!important;background-color:var(--accent-white)!important;background-image:none!important;box-shadow:none!important;filter:none!important;opacity:1!important}#piano .black.active,#piano>.black.active,body.input-burst-mode #piano .black.active,body.layout-changing #piano .black.active,body.wide-key-mode #piano .black.active{background:var(--accent-black)!important;background-color:var(--accent-black)!important;background-image:none!important;box-shadow:none!important;filter:none!important;opacity:1!important}@media (pointer:coarse){#piano .white.active,#piano>.white.active{background:var(--accent-white)!important;background-color:var(--accent-white)!important;background-image:none!important}#piano .black.active,#piano>.black.active{background:var(--accent-black)!important;background-color:var(--accent-black)!important;background-image:none!important}}#activeKeyLayer{position:absolute;left:0;top:0;height:100%;pointer-events:none;opacity:1;z-index:70;transform:translate3d(0,0,0);will-change:transform;overflow:visible;contain:layout style}.active-key-glow-shell,.active-key-light,.active-key-piece{position:absolute;pointer-events:none;transition:none;background-image:none!important;contain:layout style}.active-key-piece{opacity:1;filter:none!important}.active-key-glow-shell{opacity:0;z-index:0;background:0 0!important;filter:none!important}.active-key-white-bottom-glow{top:var(--black-key-height,60%);bottom:0;border-radius:0 0 2px 2px}.active-key-white-bottom-tapered{transform:translateZ(0);clip-path:polygon(var(--active-white-left-cut-pct,0%) 0%,calc(100% - var(--active-white-right-cut-pct,0%)) 0%,100% var(--active-white-taper-depth-pct,18%),100% 100%,0 100%,0 var(--active-white-taper-depth-pct,18%))}.active-key-white-top{top:0;height:var(--black-key-height,60%);background:var(--accent-white);z-index:1}.active-key-white-bottom{top:var(--black-key-height,60%);bottom:0;background:var(--accent-white);border-radius:0 0 2px 2px;z-index:1}.active-key-black{top:0;height:var(--black-key-height,60%);background:var(--accent-black);border-radius:0 0 2px 2px;z-index:3}.active-key-light{top:-1px;height:36%;z-index:4;opacity:0;background:radial-gradient(ellipse at 50% 0,rgba(255,255,255,.96) 0,rgba(255,255,255,.58) 34%,rgba(255,255,255,.2) 68%,transparent 100%),linear-gradient(to bottom,rgba(255,255,255,.7) 0,rgba(255,255,255,.22) 54%,transparent 100%);filter:blur(calc(14px * var(--key-glow-spread, 1)));transform:translateZ(0);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,.78) 30%,rgba(0,0,0,.22) 72%,transparent 100%);mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,.78) 30%,rgba(0,0,0,.22) 72%,transparent 100%)}.active-key-white-bottom,.active-key-white-bottom-glow,.active-key-white-light,.active-key-white-top{--active-key-glow-core:color-mix(in srgb, var(--accent-white) 78%, white 22%);--active-key-glow-mid:color-mix(in srgb, var(--accent-white) 58%, white 42%);--active-key-glow-outer:color-mix(in srgb, var(--accent-white) 38%, white 62%);--active-key-highlight:color-mix(in srgb, white 84%, var(--accent-white) 16%)}.active-key-black,.active-key-black-light{--active-key-glow-core:color-mix(in srgb, var(--accent-black) 78%, white 22%);--active-key-glow-mid:color-mix(in srgb, var(--accent-black) 58%, white 42%);--active-key-glow-outer:color-mix(in srgb, var(--accent-black) 38%, white 62%);--active-key-highlight:color-mix(in srgb, white 84%, var(--accent-black) 16%)}.active-key-black-light,.active-key-white-light{--active-key-light-color:var(--active-key-highlight)}.active-key-black-light{top:-2px;height:46%;z-index:5}body.key-glow-on .active-key-piece{box-shadow:0 0 calc(12px * var(--key-glow-spread,1)) color-mix(in srgb,var(--active-key-glow-core) 92%,transparent),0 0 calc(28px * var(--key-glow-spread,1)) color-mix(in srgb,var(--active-key-glow-mid) 74%,transparent),0 0 calc(48px * var(--key-glow-spread,1)) color-mix(in srgb,var(--active-key-glow-outer) 56%,transparent)}body.key-glow-on .active-key-white-bottom-tapered{box-shadow:none!important;filter:drop-shadow(0 0 calc(12px * var(--key-glow-spread, 1)) color-mix(in srgb, var(--active-key-glow-core) 92%, transparent)) drop-shadow(0 0 calc(28px * var(--key-glow-spread, 1)) color-mix(in srgb, var(--active-key-glow-mid) 74%, transparent)) drop-shadow(0 0 calc(48px * var(--key-glow-spread, 1)) color-mix(in srgb, var(--active-key-glow-outer) 56%, transparent))!important}body.key-glow-on .active-key-white-bottom-glow{opacity:calc(.9 * var(--key-glow-opacity, .5));box-shadow:0 0 calc(10px * var(--key-glow-spread,1)) color-mix(in srgb,var(--active-key-glow-core) 82%,transparent),0 0 calc(22px * var(--key-glow-spread,1)) color-mix(in srgb,var(--active-key-glow-mid) 60%,transparent),0 0 calc(38px * var(--key-glow-spread,1)) color-mix(in srgb,var(--active-key-glow-outer) 40%,transparent)}body.key-glow-on .active-key-light{opacity:calc(.72 * var(--key-glow-opacity, .5));box-shadow:0 -2px calc(14px * var(--key-glow-spread,1)) var(--active-key-light-color,#fff),0 0 calc(28px * var(--key-glow-spread,1)) color-mix(in srgb,var(--active-key-light-color,#fff) 76%,transparent)}body.key-glow-on:is(.layout-changing,.perf-lite) #activeKeyLayer .active-key-light{filter:none!important;opacity:calc(.82 * var(--key-glow-opacity, .5))!important;box-shadow:0 0 calc(14px * var(--key-glow-spread,1)) var(--active-key-light-color,#fff),0 0 calc(28px * var(--key-glow-spread,1)) color-mix(in srgb,var(--active-key-light-color,#fff) 70%,transparent)!important}body.key-glow-on:is(.layout-changing,.perf-lite) #activeKeyLayer :is(.active-key-piece,.active-key-white-bottom-tapered){filter:none!important;box-shadow:0 0 calc(15px * var(--key-glow-spread,1)) color-mix(in srgb,var(--active-key-glow-core) 88%,transparent),0 0 calc(30px * var(--key-glow-spread,1)) color-mix(in srgb,var(--active-key-glow-mid) 64%,transparent)!important}body.key-glow-on:is(.layout-changing,.perf-lite) #activeKeyLayer .active-key-white-bottom-glow{opacity:calc(.92 * var(--key-glow-opacity, .5))!important;box-shadow:0 0 calc(13px * var(--key-glow-spread,1)) color-mix(in srgb,var(--active-key-glow-core) 78%,transparent),0 0 calc(24px * var(--key-glow-spread,1)) color-mix(in srgb,var(--active-key-glow-mid) 52%,transparent)!important}.brand-icon.logo-fallback img{display:none!important}.brand-icon.logo-fallback::after{content:'P';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:18px;color:#061117;background:linear-gradient(135deg,#fff,#78dcff)}#recBtn.rec-active{background:linear-gradient(135deg,#ff1744,#d50000)!important;border-color:#ff1744!important;color:#fff!important;box-shadow:0 0 14px rgba(255,23,68,.55),inset 0 1px 0 rgba(255,255,255,.18)!important;animation:rec-btn-pulse 1.4s ease-in-out infinite}@keyframes rec-btn-pulse{0%,100%{box-shadow:0 0 14px rgba(255,23,68,.55),inset 0 1px 0 rgba(255,255,255,.18)}50%{box-shadow:0 0 22px rgba(255,23,68,.95),inset 0 1px 0 rgba(255,255,255,.18)}}#recHud{position:fixed;top:calc(64px + env(safe-area-inset-top,0px));right:calc(16px + env(safe-area-inset-right,0px));z-index:99999;display:none;align-items:center;gap:8px;padding:8px 14px;background:rgba(15,17,22,.78);border:1px solid rgba(255,23,68,.55);border-radius:999px;color:#fff;font-family:'Plus Jakarta Sans',sans-serif;font-size:13px;font-weight:700;letter-spacing:.4px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 6px 18px rgba(0,0,0,.4);pointer-events:none}#recHud.show{display:flex}#recHud .rec-dot{width:10px;height:10px;border-radius:50%;background:#ff1744;box-shadow:0 0 8px #ff1744;animation:rec-dot-blink 1s ease-in-out infinite}@keyframes rec-dot-blink{0%,100%{opacity:1}50%{opacity:.3}}#recHud .rec-time{font-variant-numeric:tabular-nums;min-width:48px;text-align:right}@media (max-width:720px){#recHud{top:calc(58px + env(safe-area-inset-top,0px));right:calc(12px + env(safe-area-inset-right,0px));padding:6px 12px;font-size:12px}#recHud .rec-dot{width:8px;height:8px}}#toastWrap{position:fixed;left:50%;bottom:calc(var(--piano-height,25vh) + 24px);transform:translateX(-50%);z-index:100000;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;width:auto;max-width:calc(100vw - 28px)}.toast{width:max-content;max-width:min(360px,calc(100vw - 28px));display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:14px;background:linear-gradient(135deg,rgba(18,22,30,.96),rgba(10,14,20,.96));border:1px solid rgba(0,229,255,.28);box-shadow:0 12px 40px rgba(0,0,0,.55),0 0 22px rgba(0,229,255,.12);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#eaf6ff;font-family:Quicksand,sans-serif;transform:translateY(18px) scale(.96);opacity:0;transition:transform .32s cubic-bezier(.22,1,.36,1),opacity .32s ease;pointer-events:auto;overflow:hidden;position:relative}.toast.show{transform:translateY(0) scale(1);opacity:1}.toast.hide{transform:translateY(12px) scale(.97);opacity:0}.toast-icon{flex:0 0 auto;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:900;margin-top:0}.toast-body{flex:0 1 auto;min-width:0}.toast-title{font-size:12px;font-weight:800;letter-spacing:.25px;margin-bottom:1px}.toast-msg{font-size:11.5px;font-weight:600;line-height:1.35;color:rgba(234,246,255,.72);white-space:pre-line;overflow-wrap:anywhere}.toast-bar{position:absolute;left:0;bottom:0;height:2px;width:100%;transform-origin:left;animation:toastBar linear forwards}@keyframes toastBar{from{transform:scaleX(1)}to{transform:scaleX(0)}}.toast.t-error{border-color:rgba(255,86,86,.4);box-shadow:0 12px 40px rgba(0,0,0,.55),0 0 22px rgba(255,86,86,.14)}.toast.t-error .toast-icon{background:linear-gradient(135deg,#ff5e5e,#c81e1e);color:#fff}.toast.t-error .toast-bar{background:linear-gradient(90deg,#ff7a7a,#c81e1e)}.toast.t-error .toast-title{color:#ff9d9d}.toast.t-info{border-color:rgba(0,229,255,.32)}.toast.t-info .toast-icon{background:linear-gradient(135deg,#00e5ff,#007eff);color:#04121a}.toast.t-info .toast-bar{background:linear-gradient(90deg,#00e5ff,#007eff)}.toast.t-info .toast-title{color:#7fe2ff}.toast.t-success{border-color:rgba(0,255,136,.34)}.toast.t-success .toast-icon{background:linear-gradient(135deg,#0f8,#00b85f);color:#02140a}.toast.t-success .toast-bar{background:linear-gradient(90deg,#0f8,#00b85f)}.toast.t-success .toast-title{color:#7dffbe}#app>.floating-panel{position:absolute!important}#app>.stage{flex:1 1 auto!important;min-height:0!important}#app>#pianoWrap{flex:0 0 auto!important}:root{--chord-primary:#ffffff;--chord-secondary:#ffffff;--chord-glow:rgba(255,255,255,0.36)}.chord-name{text-shadow:0 14px 34px rgba(0,0,0,.5),0 0 30px var(--chord-glow)!important}.chord-name.primary{color:var(--chord-primary)!important}.chord-name.secondary{color:var(--chord-secondary)!important;opacity:0}.chord-name.secondary.show{opacity:.62}.graphic-grid{grid-template-columns:repeat(2,1fr)!important}.option-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:6px}.option-grid-3 .btn{width:100%;padding-left:8px!important;padding-right:8px!important;font-size:11px!important}.color-pad-host{width:100%}.color-pad-widget{display:flex;flex-direction:column;gap:8px}.color-pad-head{display:flex;align-items:center;justify-content:space-between;gap:10px;color:rgba(255,255,255,.7);font-size:10px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.color-pad-value{color:rgba(255,255,255,.42);font-size:10px;font-weight:900;letter-spacing:.02em;text-transform:none}.color-pad-sv{position:relative;height:92px;border-radius:16px;overflow:hidden;cursor:crosshair;touch-action:none;border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 10px 26px rgba(0,0,0,.2)}.color-pad-hue{position:relative;height:18px;margin-top:8px;border-radius:999px;cursor:pointer;touch-action:none;border:1px solid rgba(255,255,255,.16);background:linear-gradient(to right,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}.color-pad-hue-dot{position:absolute;top:50%;width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid rgba(0,0,0,.35);box-shadow:0 1px 4px rgba(0,0,0,.5);transform:translate(-50%,-50%);pointer-events:none}.color-pad-dot{position:absolute;left:0;top:0;width:22px;height:22px;border-radius:50%;background:var(--pad-color,#fff);border:3px solid #fff;box-shadow:0 5px 16px rgba(0,0,0,.48),0 0 0 1px rgba(0,0,0,.42);transform:translate(-50%,-50%);pointer-events:none}.color-pad-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px}.color-pad-chip{width:28px;height:28px;border-radius:999px;flex:0 0 auto;background:var(--pad-color,#fff);border:1px solid rgba(255,255,255,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.34)}.color-pad-reset{height:30px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.085);color:rgba(245,248,252,.92);font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;font-family:Quicksand,sans-serif;transition:background .16s ease,transform .08s ease}.color-pad-reset:hover{background:rgba(255,255,255,.13)}.color-pad-reset:active{transform:scale(.94)}.chord-color-grid{display:grid;grid-template-columns:1fr;gap:10px}@media (min-width:900px) and (pointer:fine){.color-pad-sv{height:108px}}.string-range-control{padding:4px 2px 0}.string-range-values{display:flex;justify-content:space-between;align-items:center;color:#78dcff;font-size:11px;font-weight:900;margin-bottom:4px}.string-range-slider{position:relative;height:44px;--string-range-left:0%;--string-range-right:100%}.string-range-fill,.string-range-track{position:absolute;top:22px;height:6px;border-radius:999px;pointer-events:none}.string-range-track{left:0;right:0;background:rgba(255,255,255,.12);box-shadow:inset 0 1px 2px rgba(0,0,0,.28)}.string-range-fill{left:var(--string-range-left);right:calc(100% - var(--string-range-right));background:linear-gradient(90deg,rgba(91,198,242,.92),rgba(127,226,255,.78));box-shadow:0 0 12px rgba(120,220,255,.25)}.string-range-slider input[type=range]{position:absolute;inset:0;width:100%;height:44px;margin:0;background:0 0;pointer-events:none;appearance:none;-webkit-appearance:none}.string-range-slider input[type=range]::-webkit-slider-runnable-track{height:6px;background:0 0;border:0}.string-range-slider input[type=range]::-webkit-slider-thumb{width:26px;height:26px;border-radius:50%;border:1px solid rgba(255,255,255,.42);background:linear-gradient(135deg,#fff,#78dcff);box-shadow:0 4px 14px rgba(0,0,0,.34),0 0 12px rgba(120,220,255,.32);cursor:pointer;pointer-events:auto;appearance:none;-webkit-appearance:none;margin-top:-10px}.string-range-slider input[type=range]::-moz-range-track{height:6px;background:0 0;border:0}.string-range-slider input[type=range]::-moz-range-thumb{width:26px;height:26px;border-radius:50%;border:1px solid rgba(255,255,255,.42);background:linear-gradient(135deg,#fff,#78dcff);box-shadow:0 4px 14px rgba(0,0,0,.34),0 0 12px rgba(120,220,255,.32);cursor:pointer;pointer-events:auto}.double-note-controls{display:none}.double-note-controls.active{display:block}.split-note-slider{position:relative;height:44px}.split-note-track{position:absolute;left:0;right:0;top:22px;height:6px;border-radius:999px;background:rgba(255,255,255,.12);box-shadow:inset 0 1px 2px rgba(0,0,0,.28);pointer-events:none}.split-note-slider input[type=range]{position:absolute;inset:0;width:100%;height:44px;margin:0;background:0 0;appearance:none;-webkit-appearance:none}.split-note-slider input[type=range]::-webkit-slider-runnable-track{height:6px;background:0 0;border:0}.split-note-slider input[type=range]::-webkit-slider-thumb{width:24px;height:24px;border-radius:50%;border:1px solid rgba(255,255,255,.42);background:linear-gradient(135deg,#fff,#78dcff);box-shadow:0 4px 14px rgba(0,0,0,.34),0 0 12px rgba(120,220,255,.32);cursor:pointer;appearance:none;-webkit-appearance:none;margin-top:-9px}.split-note-slider input[type=range]::-moz-range-track{height:6px;background:0 0;border:0}.split-note-slider input[type=range]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;border:1px solid rgba(255,255,255,.42);background:linear-gradient(135deg,#fff,#78dcff);box-shadow:0 4px 14px rgba(0,0,0,.34),0 0 12px rgba(120,220,255,.32);cursor:pointer}.render-fixed #app{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;min-height:100dvh!important;display:block!important;overflow:hidden!important}.render-fixed .stage{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:var(--piano-height)!important;width:auto!important;height:auto!important;min-height:0!important;margin:0!important;border:0!important;border-radius:0!important;flex:none!important;z-index:1!important}.render-fixed canvas{width:100%!important;height:100%!important}.render-fixed #pianoWrap{position:absolute!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;width:auto!important;height:var(--piano-height)!important;margin:0!important;border:0!important;border-radius:0!important;flex:none!important;z-index:70!important}.render-fixed #swipeStrip{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:var(--piano-height)!important;width:auto!important;z-index:80!important}.render-fixed #logoToggle{position:absolute!important;top:8px!important;left:8px!important;margin:0!important;z-index:2200!important}.render-fixed .top{position:absolute!important;top:8px!important;left:8px!important;right:8px!important;width:auto!important;margin:0!important;padding-left:clamp(126px,16vw,166px)!important;z-index:2100!important;flex:none!important}.render-fixed .floating-panel{position:absolute!important;top:68px!important;z-index:1500!important}.render-fixed #chordDisplay{position:absolute!important;top:50%!important;left:14px!important;transform:translateY(-50%)!important;z-index:520!important;gap:8px!important;align-items:flex-start!important}.render-fixed .perf-hud{position:fixed!important;top:72px!important;left:14px!important;z-index:620!important}.render-fixed.hide-ui .floating-panel,.render-fixed.hide-ui .top{opacity:0!important;visibility:hidden!important;pointer-events:none!important}.render-fixed.hide-ui #logoToggle{opacity:.55!important}.render-fixed.papiano-fullscreen #logoToggle{top:6px!important}.render-fixed.papiano-fullscreen .top{top:6px!important}@media (max-width:700px){.render-fixed #logoToggle{top:6px!important;left:6px!important}.render-fixed .top{top:6px!important;left:6px!important;right:6px!important;padding-left:118px!important}.render-fixed .floating-panel{top:60px!important;z-index:1500!important}.render-fixed #chordDisplay{top:50%!important;left:12px!important;transform:translateY(-50%)!important}.render-fixed .perf-hud{top:66px!important;left:12px!important}}#mpLayer{position:absolute;inset:0;z-index:2300;display:none;background:radial-gradient(circle at 18% 0,rgba(55,138,255,.28),transparent 33%),radial-gradient(circle at 84% 18%,rgba(120,220,255,.1),transparent 28%),linear-gradient(180deg,#07183d 0,#061224 34%,#04080f 100%);color:#fff;pointer-events:auto;touch-action:auto;font-family:'Plus Jakarta Sans',Nunito,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}body.mp-lobby-open #mpLayer{display:block}body:not(.mp-entering-piano) #loadingScreen{display:none!important}body.mp-entering-piano #loadingScreen{display:flex!important;opacity:1;pointer-events:all}body:not(.mp-room-active) #chordDisplay,body:not(.mp-room-active) #logoToggle,body:not(.mp-room-active) #pianoWrap,body:not(.mp-room-active) #swipeStrip,body:not(.mp-room-active) .perf-hud,body:not(.mp-room-active) .stage,body:not(.mp-room-active) .top{display:none!important}.mp-shell{width:100%;height:100dvh;display:flex;flex-direction:column;overflow:hidden;color:#fff;touch-action:auto;padding:calc(8px + env(safe-area-inset-top,0px)) calc(12px + env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) calc(12px + env(safe-area-inset-left,0px))}.mp-head{height:52px;flex:0 0 auto;display:grid;grid-template-columns:48px max-content;align-items:center;justify-content:start;gap:9px;margin-bottom:9px}.mp-close{width:46px;height:46px;border:0;border-radius:16px;background:rgba(8,17,31,.78);color:rgba(238,248,255,.92);cursor:pointer;display:grid;place-items:center;font-family:inherit;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 12px 28px rgba(0,0,0,.22)}.mp-user-card{min-width:0;width:max-content;height:46px;display:flex;align-items:center;gap:9px;padding:5px 14px 5px 6px;border-radius:16px;background:rgba(9,18,29,.88);border:1px solid rgba(120,220,255,.13);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 24px rgba(0,0,0,.2)}.mp-user-avatar{width:36px;height:36px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(135deg,#78dcff,#b6f2ff);color:#061117;font-size:12px;font-weight:900;flex:0 0 auto;box-shadow:0 0 0 1px rgba(255,255,255,.18),0 8px 22px rgba(120,220,255,.2)}.mp-brand-logo{overflow:hidden;background:rgba(120,220,255,.18)}.mp-brand-logo img{width:100%;height:100%;object-fit:cover;display:block}.mp-top-name{min-width:0;display:flex;align-items:center;gap:7px;color:#fff;font-size:14px;font-weight:950;letter-spacing:.32px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mp-top-dot{width:9px;height:9px;border-radius:999px;background:#ff2638;flex:0 0 auto;box-shadow:0 0 14px rgba(255,38,56,.48)}.mp-icon-btn{width:50px;height:50px;border:0;border-radius:10px;background:rgba(91,198,242,.18);color:#dff8ff;font-size:24px;font-weight:900;cursor:pointer;display:grid;place-items:center;font-family:inherit}.mp-title{font-size:15px;font-weight:900;letter-spacing:1.1px;text-transform:uppercase}.mp-subtitle{margin-top:3px;color:rgba(255,255,255,.54);font-size:11px;font-weight:800}.mp-screen{display:none;overflow:auto;min-height:0;flex:1 1 auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y}.mp-screen.active{display:block}.mp-screen[data-mp-screen=home].active{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:10px;overflow:hidden}.mp-notice{min-height:34px;display:flex;align-items:center;gap:9px;padding:7px 14px;border-radius:15px;background:rgba(8,18,33,.7);border:1px solid rgba(120,220,255,.14);color:rgba(214,239,248,.78);font-size:12px;font-weight:750;letter-spacing:.05px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.mp-room-main{min-height:0;overflow:auto;padding:3px 0 12px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y}.mp-room-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.mp-room-card{position:relative;width:100%;min-height:94px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"info badge" "status badge";align-items:center;gap:8px 14px;padding:14px 15px;border-radius:20px;border:1px solid rgba(120,220,255,.16);background:radial-gradient(circle at 100% 0,rgba(120,220,255,.075),transparent 32%),linear-gradient(135deg,rgba(15,31,49,.92),rgba(5,12,22,.96));color:#f4fbff;cursor:pointer;text-align:left;font-family:inherit;box-shadow:0 18px 42px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.055);overflow:hidden}.mp-room-card::after{content:'';position:absolute;left:16px;right:16px;top:0;height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(120,220,255,.48),transparent)}.mp-room-card b{display:block;font-size:18px;font-weight:850;letter-spacing:-.15px;color:#f5fbff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mp-room-info{grid-area:info;min-width:0;display:grid;align-content:center;gap:5px}.mp-room-number{display:inline-flex;align-items:center;justify-content:center;width:max-content;min-width:0;height:20px;padding:0 8px;margin:0 0 2px;border-radius:999px;background:rgba(120,220,255,.1);border:1px solid rgba(120,220,255,.22);color:#a9eeff;font-family:var(--font-body, 'Plus Jakarta Sans', system-ui, sans-serif);font-size:9px;font-weight:800;letter-spacing:.12px;line-height:1;font-variant-numeric:tabular-nums;font-style:normal;white-space:nowrap}.mp-room-owner{display:block;margin-top:6px;color:rgba(218,239,248,.62);font-size:12px;font-weight:700;letter-spacing:.02px}.mp-room-meta{display:flex;align-items:center;gap:7px;margin-top:5px;color:rgba(218,239,248,.54);font-size:12px;font-weight:800}.mp-room-badge{grid-area:badge;min-width:58px;padding:8px 11px;border-radius:999px;background:rgba(120,220,255,.11);border:1px solid rgba(120,220,255,.28);color:#a9eeff;font-family:'Plus Jakarta Sans',Nunito,system-ui,sans-serif;font-size:13px;font-weight:850;letter-spacing:0;line-height:1;font-variant-numeric:tabular-nums;text-align:center;white-space:nowrap;font-style:normal}.mp-room-status{grid-area:status;width:max-content;min-width:72px;height:28px;padding:0 13px;border:1px solid rgba(120,220,255,.27);border-radius:999px;background:rgba(120,220,255,.12);color:#a9eeff;font-size:10px;font-weight:850;letter-spacing:.85px;text-align:center;display:grid;place-items:center;text-transform:uppercase}.mp-room-status.full{background:linear-gradient(135deg,#ff4f67,#d92d4a);border-color:rgba(255,82,104,.95);color:#fff;box-shadow:0 10px 24px rgba(255,79,103,.22)}.mp-room-card.disabled{cursor:not-allowed;opacity:.62}.mp-home-footer{flex:0 0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:9px 0 0}.mp-home-footer .mp-action{min-height:44px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(18,34,54,.88),rgba(8,18,32,.86));color:rgba(245,250,255,.92);font-size:12px;font-weight:900;cursor:pointer;font-family:inherit;letter-spacing:.05px;box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 10px 24px rgba(0,0,0,.18);transition:transform .12s ease,border-color .12s ease,background .12s ease}.mp-home-footer .mp-action:active{transform:scale(.97)}.mp-home-footer .mp-action.compact{letter-spacing:-.1px;text-transform:none;font-size:14px}.mp-home-footer [data-mp-go=create]{order:-1}@media (max-width:760px){.mp-home-footer{grid-template-columns:repeat(2,minmax(0,1fr))!important}.mp-home-footer [data-mp-go=create]{grid-column:1/-1}}@media (orientation:landscape) and (max-height:520px){.mp-home-footer{grid-template-columns:repeat(3,minmax(0,1fr))!important}.mp-home-footer [data-mp-go=create]{grid-column:auto}}.mp-card{border-radius:18px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.055);box-shadow:inset 0 1px 0 rgba(255,255,255,.04);padding:16px}.mp-card-title{color:#fff;font-size:14px;font-weight:850;text-transform:uppercase;letter-spacing:1.05px;margin-bottom:10px}.mp-card-text{color:rgba(255,255,255,.58);font-size:12px;line-height:1.45;font-weight:700}.mp-empty{grid-column:1/-1;padding:16px;border-radius:14px;background:rgba(255,255,255,.055);color:rgba(245,250,255,.62);font-size:12px;font-weight:800;text-align:center}.mp-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.mp-action{min-height:42px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.075);color:rgba(245,250,255,.92);font-size:12px;font-weight:900;cursor:pointer;font-family:inherit}.mp-action.primary{background:linear-gradient(135deg,rgba(91,198,242,.94),rgba(127,226,255,.78));border-color:rgba(157,235,255,.7);color:#061117;box-shadow:0 12px 30px rgba(91,198,242,.18),inset 0 1px 0 rgba(255,255,255,.22)}.mp-action.danger{background:rgba(255,88,112,.14);border-color:rgba(255,88,112,.24);color:#ff9cac}.mp-action.primary.danger{background:linear-gradient(135deg,#ff4f67,#d92d4a);border-color:rgba(255,82,104,.95);color:#fff;box-shadow:0 12px 30px rgba(255,79,103,.2),inset 0 1px 0 rgba(255,255,255,.22)}.mp-search-tools{display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:12px}.mp-tab-row{display:flex;gap:7px}.mp-tab-btn{height:40px;min-width:74px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.07);color:rgba(245,250,255,.78);font-size:12px;font-weight:900;cursor:pointer;font-family:inherit}.mp-tab-btn.active{background:linear-gradient(135deg,rgba(91,198,242,.94),rgba(127,226,255,.74));border-color:rgba(157,235,255,.7);color:#061117}.mp-player-search-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(64px,max-content);align-content:start;align-items:start;gap:10px}.mp-search-card{display:flex;align-items:center;gap:10px;min-width:0;min-height:64px;padding:10px 12px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.055);color:#fff;cursor:pointer;text-align:left;font-family:inherit}.mp-search-card b{display:block;font-size:13px;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mp-search-card span{display:block;margin-top:3px;color:rgba(255,255,255,.5);font-size:10px;font-weight:900;text-transform:uppercase}.mp-avatar{width:34px;height:34px;border-radius:999px;display:block;flex:0 0 auto;margin:0;background:linear-gradient(135deg,var(--mp-player-color,#78dcff),color-mix(in srgb,var(--mp-player-color,#78dcff) 58%,#fff));box-shadow:0 0 0 1px rgba(255,255,255,.16),0 8px 22px color-mix(in srgb,var(--mp-player-color,#78dcff) 22%,transparent);color:transparent;font-size:0;overflow:hidden}.mp-search-card .mp-avatar{margin:0}.mp-avatar img,.mp-message-avatar img{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}.mp-avatar:has(img),.mp-message-avatar:has(img){background:rgba(255,255,255,.08)}.mp-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mp-field{display:flex;flex-direction:column;gap:6px}.mp-field label{color:rgba(255,255,255,.52);font-size:10px;font-weight:900;letter-spacing:.5px;text-transform:uppercase}.mp-input,.mp-select{height:42px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.22);color:#fff;padding:0 12px;outline:0;font-size:12px;font-weight:800;user-select:text;font-family:inherit}.mp-player-strip{position:absolute;top:calc(66px + env(safe-area-inset-top,0px));left:clamp(130px,17vw,174px);right:calc(14px + env(safe-area-inset-right,0px));z-index:1120;display:none;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 0 4px;pointer-events:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x}body.mp-room-active .mp-player-strip{display:flex}.mp-player-strip::-webkit-scrollbar{display:none}.mp-player-pill{flex:0 0 auto;min-width:0;height:36px;display:flex;align-items:center;gap:7px;border-radius:999px;border:1px solid color-mix(in srgb,var(--mp-player-color,#78dcff) 78%,#fff);background:var(--mp-player-color,#78dcff);color:#071016;box-shadow:inset 0 1px 0 rgba(255,255,255,.24);cursor:pointer;font-family:inherit}.mp-player-pill{padding:5px 10px 5px 5px}.mp-player-pill .mp-avatar{width:26px;height:26px;font-size:0}.mp-player-text{display:flex;flex-direction:column;min-width:0}.mp-player-name{max-width:84px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:900}.mp-player-pill.is-muted{opacity:.58}#mpRoomBtn.active,body.mp-chat-open #mpRoomBtn{background:#00d66b!important;border-color:#06111f!important;color:#06111f!important;box-shadow:inset 0 2px 0 rgba(255,255,255,.24),inset 0 -5px 0 rgba(0,86,43,.32),0 4px 0 #084,0 12px 20px rgba(0,214,107,.22)!important}:root{--mp-chat-vh:100dvh;--mp-chat-keyboard-inset:0px;--mp-chat-preview-rows:3;--mp-chat-panel-w:clamp(320px, 32dvw, 460px);--mp-chat-bg:rgba(7,9,13,.96);--mp-chat-surface:rgba(255,255,255,.055);--mp-chat-border:rgba(255,255,255,.10);--mp-chat-muted:rgba(235,241,247,.56)}.mp-chat-preview{position:fixed;left:calc(14px + env(safe-area-inset-left,0px));bottom:calc(var(--piano-height,25vh) + 14px + env(safe-area-inset-bottom,0px));z-index:1115;display:none;flex-direction:column;gap:8px;width:min(320px,calc(100dvw - 28px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)));max-height:calc((var(--mp-chat-preview-rows,3) * 76px) + ((var(--mp-chat-preview-rows,3) - 1) * 8px));overflow:hidden;pointer-events:auto;touch-action:manipulation}body.mp-room-active:not(.mp-chat-open) .mp-chat-preview:not(:empty){display:flex}body.mp-chat-dismissed .mp-chat-preview,body.mp-chat-keyboard .mp-chat-preview{display:none!important}.mp-chat-preview-item{display:grid;grid-template-columns:34px minmax(0,1fr) auto;grid-template-areas:"avatar head time" "avatar text reply";gap:4px 9px;min-height:68px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:linear-gradient(145deg,rgba(13,14,18,.94),rgba(4,5,8,.92));box-shadow:0 16px 34px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.055);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:10px 11px;text-align:left;cursor:pointer;font-family:inherit;color:inherit;appearance:none;-webkit-appearance:none}.mp-chat-preview-item.mine{border-color:rgba(157,235,255,.24);background:linear-gradient(145deg,rgba(12,21,26,.96),rgba(4,6,9,.94))}.mp-chat-preview-head,.mp-chat-preview-profile{display:contents}.mp-chat-preview-avatar{grid-area:avatar;width:34px;height:34px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(135deg,var(--mp-player-color,#78dcff),rgba(255,255,255,.14));color:#061117;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.14),0 7px 18px rgba(0,0,0,.32);flex:0 0 auto;font-size:11px;font-weight:950;letter-spacing:.02em}.mp-chat-preview-avatar img,.mp-message-avatar img{width:100%;height:100%;object-fit:cover;display:block}.mp-chat-preview-name{grid-area:head;color:#fff;font-size:12px;font-weight:950;line-height:1.12;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;align-self:end}.mp-chat-preview-time{grid-area:time;color:var(--mp-chat-muted);font-size:10px;font-weight:850;letter-spacing:.02em;align-self:end}.mp-chat-preview-text{grid-area:text;color:rgba(248,252,255,.9);font-size:12px;line-height:1.28;font-weight:760;max-height:2.56em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.mp-chat-preview-foot{grid-area:reply;display:flex;justify-content:flex-end;align-items:center}.mp-chat-preview-reply{width:20px;height:20px;border-radius:999px;display:grid;place-items:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#b9f2ff;opacity:.92;flex:0 0 auto}.mp-chat-preview-reply .mp-reply-icon{width:12px;height:12px}.mp-chat-panel{position:fixed;left:calc(14px + env(safe-area-inset-left,0px));right:auto;top:auto;bottom:calc(var(--piano-height,25vh) + 14px + env(safe-area-inset-bottom,0px));transform:none;width:min(330px,calc(100dvw - 28px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)));height:clamp(220px,42svh,360px);z-index:2110;display:none;flex-direction:column;overflow:hidden;border-radius:20px;border:1px solid rgba(255,255,255,.14);background:rgba(35,38,45,.86);box-shadow:0 16px 44px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.075);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:auto;touch-action:auto;transition:background .35s ease,border-color .35s ease,box-shadow .35s ease,backdrop-filter .35s ease,-webkit-backdrop-filter .35s ease}body.mp-chat-idle .mp-chat-panel{background:0 0!important;border-color:transparent!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}body.mp-chat-idle .mp-chat-form,body.mp-chat-idle .mp-chat-head{opacity:0;transition:opacity .35s ease}body.mp-chat-open .mp-chat-panel{display:flex;animation:mpChatPop .24s cubic-bezier(.22,1,.36,1)}@keyframes mpChatPop{from{opacity:0;transform:translateX(-50%) translateY(-10px) scale(.96)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}body.mp-chat-keyboard .mp-chat-panel{top:auto!important;bottom:calc(10px + env(safe-area-inset-bottom,0px) + var(--mp-chat-keyboard-inset,0px))!important}.mp-chat-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px 10px;border-bottom:1px solid rgba(255,255,255,.07);background:0 0;flex:0 0 auto;touch-action:auto}.mp-chat-title{color:rgba(232,240,248,.62);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1px}.mp-chat-sub{margin-top:3px;color:var(--mp-chat-muted);font-size:10.5px;font-weight:800}.mp-chat-close{width:30px;height:30px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.075);color:rgba(245,248,252,.72);cursor:pointer;display:grid;place-items:center;padding:0;transition:.15s}.mp-chat-close:active{transform:scale(.94)}.mp-messages{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding:10px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.20) transparent}.mp-messages>:first-child{margin-top:auto}.mp-message{display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;align-items:start;width:100%;text-align:left;background:0 0;border:0;padding:3px;border-radius:12px;cursor:pointer;font-family:inherit;transition:background .12s}.mp-message:active{background:rgba(255,255,255,.05)}.mp-message-avatar{width:28px;height:28px;border-radius:999px;border:1px solid rgba(255,255,255,.14);display:grid;place-items:center;background:linear-gradient(135deg,var(--mp-player-color,#78dcff),rgba(255,255,255,.12));color:#061117;font-size:11px;font-weight:950;letter-spacing:.03em;overflow:hidden;font-family:inherit}.mp-bubble{min-width:0;display:flex;flex-direction:column;gap:1px}.mp-message-name-row{display:flex;align-items:center;gap:4px;min-width:0}.mp-message-name{font-size:11.5px;font-weight:900;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:0 1 auto}.mp-bot-badge{flex:0 0 auto;display:inline-flex;align-items:center;padding:1.5px 6px;border-radius:5px;font-size:8.5px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;border:1px solid #06111f;background:#005bff;color:#fff;box-shadow:1.5px 1.5px 0 #00358f}.mp-message-text{color:rgba(248,252,255,.92);font-size:12px;line-height:1.4;font-weight:600;word-break:break-word;white-space:pre-wrap}.mp-message-typing{cursor:default}.mp-message-typing:active{background:0 0}.mp-typing-dots{display:inline-flex;align-items:center;gap:3px;padding:3px 0}.mp-typing-dots span{width:5px;height:5px;border-radius:50%;background:rgba(248,252,255,.85);opacity:.35;animation:papianoTypingBounce 1.1s ease-in-out infinite}.mp-typing-dots span:nth-child(2){animation-delay:.15s}.mp-typing-dots span:nth-child(3){animation-delay:.3s}@keyframes papianoTypingBounce{0%,100%,60%{transform:translateY(0);opacity:.35}30%{transform:translateY(-3px);opacity:.9}}.mp-quote{display:block;margin:0 0 3px;padding:4px 7px;border-left:2px solid rgba(157,235,255,.7);border-radius:7px;background:rgba(157,235,255,.07);color:rgba(235,244,250,.66);font-size:10px;font-weight:700;line-height:1.3}.mp-quote b{display:block;color:#fff;margin-bottom:1px}.mp-reply-bar{display:none;align-items:center;justify-content:space-between;gap:10px;margin:0 14px 10px;padding:9px 10px;border-radius:14px;border:1px solid rgba(157,235,255,.16);background:rgba(157,235,255,.065);color:rgba(255,255,255,.74);font-size:10.5px;font-weight:800;flex:0 0 auto}.mp-reply-bar.active{display:flex}.mp-reply-bar b{color:#fff}.mp-reply-clear{width:30px;height:30px;border:0;border-radius:999px;background:rgba(255,255,255,.075);color:rgba(255,255,255,.78);cursor:pointer;display:grid;place-items:center;padding:0}.mp-chat-form{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 78px;gap:9px;padding:12px 16px calc(16px + env(safe-area-inset-bottom,0px));border-top:1px solid rgba(255,255,255,.07);background:0 0;flex:0 0 auto}.mp-chat-input{min-width:0;height:42px;max-height:90px;resize:none;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.3);color:#fff;padding:11px 14px;outline:0;font-size:13px;line-height:1.35;font-weight:760;user-select:text;font-family:inherit}.mp-chat-input::placeholder{color:rgba(255,255,255,.42)}.mp-chat-send{min-height:42px;border:0;border-radius:18px;background:linear-gradient(135deg,rgba(232,243,248,.98),rgba(157,235,255,.9));color:#061117;cursor:pointer;display:grid;place-items:center;padding:0 12px;font-size:11px;font-weight:950;letter-spacing:.25px;font-family:inherit}.mp-chat-send:active{transform:scale(.96)}.mp-chat-send svg{display:none}.mp-chat-counter{position:absolute;right:94px;bottom:3px;font-size:0;opacity:0;pointer-events:none}.mp-chat-counter.full{color:#ff9f7c}.mp-profile{position:fixed;left:50%;top:calc((100dvh - var(--piano-height,25vh) + 70px + env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))/ 2);width:min(360px,calc(100dvw - 28px));max-height:max(236px,calc(100dvh - var(--piano-height,25vh) - 86px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)));z-index:2400;display:none;transform:translate(-50%,-50%);border-radius:24px;border:1px solid rgba(255,255,255,.14);background:rgba(13,17,25,.88);box-shadow:0 28px 80px rgba(0,0,0,.54),inset 0 1px 0 rgba(255,255,255,.07);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:14px;overflow-y:auto;overscroll-behavior:contain;pointer-events:auto;color:#fff;touch-action:pan-y}.mp-profile.show{display:block}.mp-profile-top{display:grid;grid-template-columns:38px minmax(0,1fr) 32px;align-items:center;gap:10px;margin-bottom:12px}.mp-profile .mp-avatar{width:38px;height:38px;font-size:0}.mp-profile-name{font-size:14px;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mp-profile-role{margin-top:5px;display:inline-flex;align-items:center;width:max-content;max-width:100%;padding:3px 10px;border-radius:6px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;border:1.1px solid var(--mp-role-border,rgba(6,17,31,.22));background:var(--mp-role-bg,#fff);color:var(--mp-role-ink,#06111f);box-shadow:1.5px 1.5px 0 var(--mp-role-shadow,rgba(6,17,31,.24))}.mp-profile-role[data-rarity=common]{--mp-role-bg:#fff;--mp-role-ink:#06111f;--mp-role-border:rgba(6,17,31,.22);--mp-role-shadow:rgba(6,17,31,.24)}.mp-profile-role[data-rarity=supporter]{--mp-role-bg:#00D66B;--mp-role-ink:#06111f;--mp-role-border:#06111f;--mp-role-shadow:#008844}.mp-profile-role[data-rarity=creator]{--mp-role-bg:#005BFF;--mp-role-ink:#fff;--mp-role-border:#06111f;--mp-role-shadow:#00358f}.mp-profile-role[data-rarity=papioneer]{--mp-role-bg:#7C3AED;--mp-role-ink:#fff;--mp-role-border:#06111f;--mp-role-shadow:#4C1D95}.mp-profile-role[data-rarity=dev]{--mp-role-bg:#FB3F5C;--mp-role-ink:#fff;--mp-role-border:#06111f;--mp-role-shadow:#9f1831}.mp-profile-chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:5px;min-width:0}.mp-profile-chips .mp-profile-role{margin-top:0}.mp-profile-hours-pill{display:inline-flex;align-items:center;justify-content:center;gap:4px;width:max-content;max-width:100%;padding:3px 9px;border-radius:999px;border:1px solid #06111f;background:#00d66b;color:#06111f;box-shadow:1.5px 1.5px 0 #084;font-size:10px;font-weight:950;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.mp-profile-row{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid rgba(255,255,255,.075);font-size:11px;font-weight:800}.mp-profile-row span{color:rgba(255,255,255,.44)}.mp-profile-row b{color:rgba(255,255,255,.86);text-align:right}.mp-profile-bio-row{display:block}.mp-profile-bio-row span{display:block;margin-bottom:7px}.mp-profile-bio-row b{display:block;max-height:86px;overflow:auto;padding:10px 12px;border-radius:13px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.075);color:rgba(245,250,255,.82);text-align:left;line-height:1.38;white-space:pre-wrap;overflow-wrap:anywhere;-webkit-overflow-scrolling:touch}.mp-profile-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-top:10px;border-top:1px solid rgba(255,255,255,.075)}.mp-profile-stat{min-height:38px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.055);color:rgba(245,250,255,.86);display:flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;font-size:11px;font-weight:900;cursor:pointer;transition:transform .14s ease,border-color .14s ease,background .14s ease,opacity .14s ease}.mp-profile-stat:active{transform:scale(.97)}.mp-profile-stat:disabled{cursor:not-allowed;opacity:.45;transform:none}.mp-profile-volume-row{display:grid;grid-template-columns:1fr;gap:8px}.mp-profile-volume-head{display:flex;align-items:center;justify-content:space-between;gap:10px;color:rgba(255,255,255,.86);font-size:11px;font-weight:900}.mp-profile-volume-control{display:grid;grid-template-columns:1fr 54px;gap:8px;align-items:center}.mp-profile-volume-control input[type=range]{width:100%;accent-color:#78dcff;touch-action:pan-y}.mp-profile-volume-control button{min-height:32px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.065);color:rgba(245,250,255,.88);font-size:10px;font-weight:900;font-family:inherit;cursor:pointer}.mp-profile-volume-control button.active{background:rgba(255,88,112,.18);border-color:rgba(255,88,112,.32);color:#ff9cac}.mp-profile-stat svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}.mp-profile-stat-label{font-size:10.5px;font-weight:950;letter-spacing:.02em}.mp-profile-stat.like{color:#93ffc0;border-color:rgba(147,255,192,.16);background:rgba(147,255,192,.055)}.mp-profile-stat.dislike{color:#ff9fb0;border-color:rgba(255,159,176,.16);background:rgba(255,159,176,.055)}.mp-profile-stat.like.active{border-color:rgba(147,255,192,.54);background:rgba(147,255,192,.15);box-shadow:0 0 20px rgba(147,255,192,.1)}.mp-profile-stat.dislike.active{border-color:rgba(255,159,176,.54);background:rgba(255,159,176,.15);box-shadow:0 0 20px rgba(255,159,176,.1)}.mp-profile-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.mp-profile-actions button{min-height:38px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.07);color:rgba(245,250,255,.88);font-size:10.5px;font-weight:900;cursor:pointer;font-family:inherit;white-space:nowrap}.mp-profile-actions button.active{background:rgba(120,220,255,.16);border-color:rgba(120,220,255,.28);color:#9defff}.mp-profile-actions button.friend{grid-column:1/-1;background:rgba(120,220,255,.12);border-color:rgba(120,220,255,.25);color:#9defff}.mp-profile-actions button.danger{background:rgba(255,88,112,.14);border-color:rgba(255,88,112,.24);color:#ff9cac}.mp-profile-actions button.block{background:rgba(255,196,87,.12);border-color:rgba(255,196,87,.24);color:#ffd27a}.mp-profile-actions button.block.active{background:rgba(255,196,87,.2);border-color:rgba(255,196,87,.34);color:#ffe2a5}.mp-profile-actions button.report{background:rgba(255,88,112,.1);border-color:rgba(255,88,112,.2);color:#ffb0bd}.mp-profile-actions button:disabled{opacity:.4;cursor:not-allowed}.mp-report-modal{position:fixed;inset:0;z-index:5300;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(4,10,18,.62);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:auto}.mp-report-modal.show{display:flex}.mp-report-card{width:min(360px,calc(100dvw - 36px));border-radius:24px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,rgba(21,29,40,.98),rgba(9,15,24,.98));box-shadow:0 26px 70px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.08);padding:16px;color:#fff}.mp-report-head{display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:12px;align-items:center;margin-bottom:14px}.mp-report-title{font-size:15px;font-weight:950;letter-spacing:.25px}.mp-report-target{margin-top:4px;color:rgba(255,255,255,.54);font-size:11px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mp-report-close{width:34px;height:34px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.07);color:rgba(255,255,255,.78);display:grid;place-items:center;padding:0;cursor:pointer}.mp-report-reasons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mp-report-actions button,.mp-report-reasons button{min-height:38px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.07);color:rgba(245,250,255,.88);font-size:10.5px;font-weight:900;cursor:pointer;font-family:inherit}.mp-report-reasons button.active{background:rgba(120,220,255,.16);border-color:rgba(120,220,255,.3);color:#9defff}.mp-report-detail{width:100%;min-height:88px;resize:none;margin-top:10px;padding:11px 12px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.22);color:#fff;outline:0;font-family:inherit;font-size:12px;font-weight:800;line-height:1.35;user-select:text}.mp-report-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}#mpReportSubmit{background:linear-gradient(135deg,rgba(255,88,112,.92),rgba(255,142,112,.74));border-color:rgba(255,142,112,.36);color:#1b0508}body.mp-chat-open #swipeStrip,body.mp-lobby-open #swipeStrip,body.mp-profile-open #swipeStrip{pointer-events:none!important}.mp-lobby-profile-overlay{position:fixed;inset:0;z-index:2500;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(0,0,0,.55);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s cubic-bezier(.4,0,.2,1),visibility 0s linear .3s}.mp-lobby-profile-overlay.active{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.mp-lobby-profile-sheet{width:min(100%,380px);max-height:min(86vh,560px);overflow-y:auto;background:#fff;color:#06111f;border:1px solid rgba(255,255,255,.82);border-radius:26px;padding:18px;display:flex;flex-direction:column;gap:12px;box-shadow:0 28px 78px rgba(6,17,31,.38);transform:translateY(10px) scale(.98);opacity:0;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1);font-family:'Plus Jakarta Sans',Nunito,system-ui,sans-serif;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.mp-lobby-profile-overlay.active .mp-lobby-profile-sheet{transform:translateY(0) scale(1);opacity:1}.mp-lobby-profile-topline{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:-2px}.mp-lobby-profile-kicker{border-radius:999px;padding:6px 10px;background:#d7edff;color:#06111f;font-size:10px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.mp-lobby-profile-close{width:34px;height:34px;border:none;border-radius:999px;background:#f1f5f9;color:#06111f;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.mp-lobby-hero{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:flex-start;text-align:left;gap:12px}.mp-lobby-avatar-big{width:72px;height:72px;border-radius:22px;border:1px solid rgba(6,17,31,.1);background:#06111f;color:#fff;box-shadow:0 10px 22px rgba(6,17,31,.18);font-size:24px;overflow:hidden;display:flex;align-items:center;justify-content:center;font-weight:900}.mp-lobby-avatar-big img{width:100%;height:100%;object-fit:cover;display:block}.mp-lobby-profile-main{min-width:0;display:grid;gap:7px;align-content:center}.mp-lobby-name-big{color:#06111f;font-size:22px;font-weight:900;letter-spacing:-.04em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mp-lobby-profile-chips{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.mp-lobby-badge-pill{flex-shrink:0;font-size:10px;font-weight:900;padding:2px 8px;border-radius:6px;text-transform:uppercase;border:1.1px solid var(--lbadge-border,rgba(6,17,31,.2));background:var(--lbadge-bg,#fff);color:var(--lbadge-ink,#06111f);box-shadow:1.5px 1.5px 0 var(--lbadge-shadow,rgba(6,17,31,.26));display:inline-flex;align-items:center;justify-content:center;gap:4px;max-width:100%}.mp-lobby-badge-common{--lbadge-bg:#ffffff;--lbadge-ink:#06111f;--lbadge-border:rgba(6,17,31,0.22);--lbadge-shadow:rgba(6,17,31,0.24)}.mp-lobby-badge-supporter{--lbadge-bg:#00D66B;--lbadge-ink:#06111f;--lbadge-border:#06111f;--lbadge-shadow:#008844}.mp-lobby-badge-creator{--lbadge-bg:#005BFF;--lbadge-ink:#ffffff;--lbadge-border:#06111f;--lbadge-shadow:#00358f}.mp-lobby-badge-papioneer{--lbadge-bg:#7C3AED;--lbadge-ink:#ffffff;--lbadge-border:#06111f;--lbadge-shadow:#4C1D95}.mp-lobby-badge-dev{--lbadge-bg:#FB3F5C;--lbadge-ink:#ffffff;--lbadge-border:#06111f;--lbadge-shadow:#9f1831}.mp-lobby-hours-pill{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;border-radius:999px;border:1px solid #06111f;background:#00d66b;color:#06111f;box-shadow:1.5px 1.5px 0 #084;font-size:10px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.mp-lobby-profile-flag{font-size:13px;font-weight:600;color:rgba(6,17,31,.62)}.mp-lobby-meta-box{background:#f8fafc;border:1px solid rgba(6,17,31,.08);border-radius:18px;padding:12px;display:flex;flex-direction:column;gap:10px}.mp-lobby-f-row{display:grid;grid-template-columns:74px minmax(0,1fr);gap:10px;align-items:start;font-size:12.5px;line-height:1.42}.mp-lobby-f-row span:first-child{color:rgba(6,17,31,.48);font-weight:900;text-transform:uppercase;letter-spacing:.04em;font-size:10px}.mp-lobby-f-row span:last-child{color:#06111f;font-weight:800;min-width:0;overflow-wrap:anywhere}.mp-lobby-profile-actions{display:flex!important;flex-wrap:wrap!important;gap:8px;width:100%}.mp-lobby-action-btn{flex:1 1 calc(50% - 4px);max-width:calc(50% - 4px);min-width:calc(50% - 4px);border:1px solid rgba(6,17,31,.08);background:#f1f5f9;color:#06111f;box-shadow:none;border-radius:999px;min-height:42px;font-size:11px;font-weight:900;cursor:pointer;font-family:inherit;text-transform:uppercase;letter-spacing:.02em;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;transition:transform .15s,background .2s;box-sizing:border-box}.mp-lobby-action-btn:active{transform:scale(.95)}.mp-lobby-action-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.mp-lobby-action-btn.mp-lobby-block-btn{background:rgba(251,113,133,.16);color:#fb7185;border-color:rgba(251,113,133,.2)}.mp-lobby-action-btn.mp-lobby-report-btn{background:rgba(250,204,21,.15);color:#00d66b;border-color:rgba(0,214,107,.15)}.mp-lobby-action-btn.mp-lobby-chat-btn,.mp-lobby-action-btn.mp-lobby-unfriend-btn{display:none}.mp-lobby-votes{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mp-lobby-vote-btn{min-height:44px;border-radius:16px;border:1px solid rgba(6,17,31,.08);background:var(--surface,#f8fafc);color:#06111f;font-size:15px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;font-family:inherit;transition:transform .15s,background .2s}.mp-lobby-vote-btn:active{transform:scale(.96)}.mp-lobby-vote-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.mp-lobby-vote-btn.mp-lobby-vote-like{background:rgba(74,222,128,.16);color:#4ade80}.mp-lobby-vote-btn.mp-lobby-vote-dislike{background:rgba(251,113,133,.16);color:#fb7185}.mp-lobby-vote-btn.mp-lobby-voted{opacity:.85;box-shadow:inset 0 0 0 2px currentColor}.mp-lobby-close-btn{background:#06111f;color:#fff;border:none;padding:17px;border-radius:999px;font-family:inherit;font-weight:700;font-size:15px;letter-spacing:.02em;cursor:pointer;width:100%;text-transform:uppercase;transition:transform .15s}.mp-lobby-close-btn:active{transform:scale(.98)}@media (max-width:430px){.mp-lobby-profile-sheet{width:min(100%,350px);padding:15px;border-radius:24px}.mp-lobby-hero{grid-template-columns:64px minmax(0,1fr)}.mp-lobby-avatar-big{width:64px;height:64px}.mp-lobby-name-big{font-size:20px}}@media (max-width:760px){.mp-shell{border-radius:24px}.mp-head{padding:14px}.mp-screen{padding:14px}.mp-field-grid{grid-template-columns:1fr}.mp-actions{grid-template-columns:1fr}.mp-player-search-list,.mp-room-list{grid-template-columns:1fr;grid-auto-rows:minmax(62px,max-content)}.mp-home-footer{gap:7px;padding-left:0;padding-right:0}.mp-home-footer .mp-action{min-height:52px;font-size:13px;letter-spacing:-.05px}.mp-home-footer .mp-action.compact{font-size:13px}.mp-search-card{min-height:62px;padding:9px 10px}.mp-search-card .mp-avatar{width:32px;height:32px}.mp-search-card b{font-size:12px}.mp-search-card span{font-size:9px}.mp-room-card{grid-template-columns:minmax(0,1fr) auto;min-height:82px;padding:14px 11px 12px}.mp-room-status{min-width:58px;height:26px;padding:0 10px;font-size:9px}.mp-room-card b{font-size:16px}.mp-room-owner{font-size:11px}.mp-head{height:52px;grid-template-columns:48px max-content}.mp-close,.mp-icon-btn{width:46px;height:46px}.mp-user-card{height:46px}.mp-player-strip{top:calc(58px + env(safe-area-inset-top,0px));left:calc(124px + env(safe-area-inset-left,0px));right:calc(10px + env(safe-area-inset-right,0px))}.mp-player-name{max-width:62px}.mp-profile{width:min(330px,calc(100dvw - 28px));max-height:max(228px,calc(100dvh - var(--piano-height,25vh) - 82px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)));padding:12px;border-radius:22px}.mp-profile-row{padding:7px 0}.mp-profile-bio-row b{max-height:64px;padding:9px 11px}.mp-profile-actions{gap:7px}.mp-profile-actions button{min-height:36px;font-size:10px}}@media (max-width:430px){.mp-player-strip{left:calc(118px + env(safe-area-inset-left,0px));right:calc(8px + env(safe-area-inset-right,0px))}.mp-player-pill{padding-right:8px}.mp-player-name{max-width:76px}}.mp-icon-svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;display:block}.mp-close .mp-icon-svg{width:30px;height:30px}.mp-chat-close .mp-icon-svg,.mp-password-close .mp-icon-svg,.mp-reply-clear .mp-icon-svg{width:18px;height:18px}.mp-room-cap-note{margin-top:8px;color:rgba(255,255,255,.52);font-size:11px;font-weight:800}@media (min-width:900px){.mp-shell{padding-left:24px;padding-right:24px}.mp-home-footer{grid-template-columns:repeat(3,minmax(0,1fr))}.mp-room-list{grid-template-columns:repeat(2,minmax(280px,1fr))}.mp-room-card{min-height:82px}}@media (max-width:520px){.mp-notice{font-size:11px;padding-left:12px;padding-right:12px}.mp-room-list{gap:8px}.mp-room-card{border-radius:16px}.mp-home-footer{position:sticky;bottom:0;background:linear-gradient(180deg,rgba(7,17,29,0),#07111f 26%);padding-top:14px}}@media (orientation:landscape) and (max-height:520px){.mp-shell{padding-top:6px;padding-bottom:6px}.mp-head{height:48px;margin-bottom:6px}.mp-close,.mp-icon-btn{width:44px;height:44px;border-radius:14px}.mp-user-card{height:44px}.mp-user-avatar{width:34px;height:34px}.mp-notice{min-height:26px}.mp-home-footer .mp-action{min-height:44px}.mp-room-card{min-height:68px;padding:11px 12px}.mp-profile{width:min(300px,calc(100dvw - 24px));max-height:max(220px,calc(100dvh - var(--piano-height,25vh) - 72px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)));padding:10px;border-radius:20px}.mp-profile-top{grid-template-columns:34px minmax(0,1fr) 30px;gap:8px;margin-bottom:8px}.mp-profile .mp-avatar{width:34px;height:34px}.mp-profile-name{font-size:13px}.mp-profile-role{margin-top:3px;padding:3px 8px;font-size:9px}.mp-profile-row{padding:5px 0;font-size:10px;gap:8px}.mp-profile-volume-row{gap:6px}.mp-profile-volume-control{grid-template-columns:1fr 48px;gap:7px}.mp-profile-volume-control button{min-height:29px;border-radius:11px;font-size:9px}.mp-profile-bio-row span{margin-bottom:5px}.mp-profile-bio-row b{max-height:46px;padding:7px 9px;border-radius:11px;line-height:1.28}.mp-profile-stats{gap:7px;padding-top:7px}.mp-profile-stat{min-height:32px;border-radius:12px}.mp-profile-actions{gap:6px;margin-top:7px}.mp-profile-actions button{min-height:32px;border-radius:12px;font-size:9.5px}}@media (max-width:520px){.mp-shell{padding-left:10px;padding-right:10px}.mp-head{gap:8px}.mp-user-card{padding-right:14px}.mp-room-card{gap:9px}.mp-room-badge{min-width:52px;padding:8px 10px}}.mp-brand-card{height:48px;width:max-content;max-width:calc(100vw - 96px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px));padding:4px 16px 4px 5px;border-radius:18px;background:rgba(8,17,31,.76);border-color:rgba(120,220,255,.18)}.mp-brand-card .mp-user-avatar{width:40px;height:40px}.mp-brand-card .mp-top-name{font-size:14px;font-weight:900;letter-spacing:1.15px}.mp-screen[data-mp-screen=search].active{display:flex;flex-direction:column;overflow:hidden;min-height:0}.mp-screen[data-mp-screen=search] .mp-card{flex:1 1 auto;min-height:0;max-height:100%;display:flex;flex-direction:column;overflow:hidden}.mp-screen[data-mp-screen=search] .mp-search-tools{flex:0 0 auto}.mp-screen[data-mp-screen=search] .mp-player-search-list{flex:1 1 auto;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;padding-right:2px}.mp-screen[data-mp-screen=search] .mp-actions{flex:0 0 auto}@media (max-width:700px){.mp-brand-card{height:48px;padding-right:14px}.mp-brand-card .mp-user-avatar{width:40px;height:40px}.mp-brand-card .mp-top-name{font-size:14px}}#mpRoomPasswordField[hidden]{display:none!important}.mp-room-type-trigger{min-height:42px;border-radius:14px;border:1px solid rgba(120,220,255,.24);background:linear-gradient(180deg,rgba(23,38,54,.88),rgba(9,18,31,.88));color:#fff;padding:8px 12px;text-align:left;cursor:pointer;font-family:inherit;box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}.mp-room-type-trigger span{display:block;font-size:12px;font-weight:950;letter-spacing:.2px}.mp-room-type-trigger small{display:block;margin-top:2px;color:rgba(170,228,255,.68);font-size:10px;font-weight:850}.mp-room-type-trigger:active{transform:scale(.985)}.mp-max-trigger{min-height:42px;border-radius:14px;border:1px solid rgba(120,220,255,.24);background:linear-gradient(180deg,rgba(23,38,54,.88),rgba(9,18,31,.88));color:#fff;padding:8px 12px;text-align:left;cursor:pointer;font-family:inherit;box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}.mp-max-trigger span{display:block;font-size:12px;font-weight:950;letter-spacing:.2px;font-style:normal}.mp-max-trigger small{display:block;margin-top:2px;color:rgba(170,228,255,.68);font-size:10px;font-weight:850}.mp-max-trigger:active{transform:scale(.985)}.mp-max-player-options{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.mp-max-player-choice{min-height:54px;border-radius:16px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.055);color:#fff;cursor:pointer;font-family:inherit;font-size:18px;font-weight:950;font-variant-numeric:tabular-nums;font-style:normal}.mp-max-player-choice.active{border-color:rgba(120,220,255,.42);background:linear-gradient(135deg,rgba(91,198,242,.22),rgba(127,226,255,.1));box-shadow:0 14px 34px rgba(91,198,242,.12),inset 0 1px 0 rgba(255,255,255,.08)}.mp-max-player-choice:active{transform:scale(.96)}@media (max-width:420px){.mp-max-player-options{gap:6px}.mp-max-player-choice{min-height:48px;font-size:16px}}.mp-room-type-modal{position:absolute;inset:0;z-index:31;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(4,10,18,.66);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:auto}.mp-room-type-modal.show{display:flex}.mp-room-type-card{width:min(380px,calc(100vw - 36px));border-radius:24px;border:1px solid rgba(120,220,255,.16);background:linear-gradient(180deg,rgba(19,31,46,.98),rgba(7,15,27,.98));box-shadow:0 28px 78px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.08);padding:18px}.mp-room-type-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.mp-room-type-title{color:#fff;font-size:14px;font-weight:950;letter-spacing:.4px}.mp-room-type-sub{margin-top:4px;color:rgba(255,255,255,.52);font-size:11px;font-weight:800;line-height:1.35}.mp-room-type-close{width:36px;height:36px;border:0;border-radius:12px;background:rgba(255,255,255,.08);color:rgba(255,255,255,.82);cursor:pointer;display:grid;place-items:center;padding:0;flex:0 0 auto}.mp-room-type-options{display:grid;grid-template-columns:1fr;gap:10px}.mp-room-type-choice{min-height:76px;border-radius:18px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.055);color:#fff;padding:13px 14px;text-align:left;cursor:pointer;font-family:inherit}.mp-room-type-choice span{display:block;font-size:14px;font-weight:950}.mp-room-type-choice small{display:block;margin-top:5px;color:rgba(255,255,255,.55);font-size:11px;font-weight:800;line-height:1.35}.mp-room-type-choice.active{border-color:rgba(120,220,255,.42);background:linear-gradient(135deg,rgba(91,198,242,.22),rgba(127,226,255,.1));box-shadow:0 14px 34px rgba(91,198,242,.12),inset 0 1px 0 rgba(255,255,255,.08)}.mp-room-type-choice:active{transform:scale(.985)}@media (max-width:520px){.mp-room-type-card{border-radius:22px;padding:16px}}.mp-password-modal{position:absolute;inset:0;z-index:30;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(4,10,18,.62);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto}.mp-password-modal.show{display:flex}.mp-password-card{width:min(360px,calc(100vw - 36px));border-radius:24px;border:1px solid rgba(255,255,255,.13);background:linear-gradient(180deg,rgba(22,33,47,.98),rgba(9,17,29,.98));box-shadow:0 26px 70px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.08);padding:18px}.mp-password-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.mp-password-title{color:#fff;font-size:14px;font-weight:900;letter-spacing:.45px}.mp-password-room{margin-top:3px;color:rgba(255,255,255,.52);font-size:11px;font-weight:800}.mp-password-close{width:36px;height:36px;border:0;border-radius:12px;background:rgba(255,255,255,.08);color:rgba(255,255,255,.82);cursor:pointer;display:grid;place-items:center;padding:0}.mp-password-error{min-height:18px;margin-top:8px;color:#ff8da0;font-size:11px;font-weight:850}.mp-password-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}@media (max-width:520px){.mp-password-card{border-radius:22px;padding:16px}}#mpLeaveTopBtn{display:none!important}body.mp-room-active #mpLeaveTopBtn{display:inline-flex!important;align-items:center;justify-content:center;color:#fff!important;border-color:rgba(255,82,104,.95)!important;background:linear-gradient(135deg,#ff4f67,#d92d4a)!important;box-shadow:0 10px 26px rgba(255,79,103,.24),inset 0 1px 0 rgba(255,255,255,.22)!important}body.mp-room-active #mpLeaveTopBtn:active{transform:scale(.96)}.mp-confirm-modal{position:fixed;inset:0;z-index:5200;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(4,10,18,.62);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:auto}.mp-confirm-modal.show{display:flex}.mp-confirm-card{width:min(360px,calc(100vw - 36px));border-radius:24px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,rgba(22,33,47,.98),rgba(9,17,29,.98));box-shadow:0 26px 70px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.08);padding:20px;color:#fff}.mp-confirm-title{font-size:16px;font-weight:950;letter-spacing:.35px;margin-bottom:7px}.mp-confirm-text{color:rgba(255,255,255,.62);font-size:12px;font-weight:800;line-height:1.45}.mp-confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:16px}.mp-confirm-actions .mp-action{min-height:42px}@media (max-width:520px){.mp-confirm-card{border-radius:22px;padding:18px}}.mp-brand-card-textonly{height:46px;padding:0 18px;border-radius:17px;width:max-content;max-width:calc(100vw - 92px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px))}.mp-brand-card-textonly .mp-top-name{font-size:15px;line-height:1;letter-spacing:1.3px}@media (max-width:700px){.mp-brand-card-textonly{height:44px;padding:0 17px}.mp-brand-card-textonly .mp-top-name{font-size:14.5px}}@media (min-width:1024px) and (min-height:560px){.mp-chat-preview{--mp-chat-preview-rows:6;width:min(330px,22dvw)}.mp-chat-panel{width:min(500px,calc(100dvw - 56px))}}@media (min-width:768px) and (max-width:1023px){.mp-chat-preview{--mp-chat-preview-rows:4;width:min(320px,34dvw)}}@media (min-width:768px) and (orientation:landscape){.mp-chat-preview{--mp-chat-preview-rows:5}}@media (max-width:767px){.mp-chat-preview{left:calc(10px + env(safe-area-inset-left,0px));width:min(310px,calc(100dvw - 20px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)));--mp-chat-preview-rows:3}.mp-chat-panel{top:calc(64px + env(safe-area-inset-top,0px));left:50%;right:auto;transform:translateX(-50%);width:min(310px,calc(100dvw - 28px));max-width:calc(100dvw - 20px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px));max-height:calc(100svh - 82px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));border-radius:24px}}@media (orientation:landscape) and (max-height:560px){.mp-chat-preview{--mp-chat-preview-rows:2;width:min(310px,32dvw);bottom:calc(10px + env(safe-area-inset-bottom,0px))}.mp-chat-panel{top:calc(8px + env(safe-area-inset-top,0px))!important;right:calc(8px + env(safe-area-inset-right,0px))!important;bottom:calc(8px + env(safe-area-inset-bottom,0px))!important;left:auto!important;transform:none!important;width:min(420px,44dvw)!important;height:auto!important;max-height:none!important;min-height:0!important;border-radius:20px}.mp-chat-head{padding:9px 11px 8px}.mp-messages{padding:10px;gap:8px}.mp-chat-form{padding:9px 10px calc(9px + env(safe-area-inset-bottom,0px));grid-template-columns:minmax(0,1fr) 68px}.mp-message{grid-template-columns:32px minmax(0,1fr);gap:8px}.mp-message-avatar{width:32px;height:32px}.mp-bubble{padding:9px 10px;border-radius:17px}.mp-message-text{font-size:12px;line-height:1.38}.mp-chat-input{height:38px;padding:9px 12px;font-size:12px}.mp-chat-send{min-height:38px;border-radius:16px}}@media (max-height:430px) and (orientation:landscape){.mp-chat-preview{--mp-chat-preview-rows:2;width:min(280px,30dvw)}.mp-chat-panel{width:min(380px,46dvw)!important}.mp-chat-title{font-size:11px}.mp-chat-sub{font-size:9px}.mp-chat-close{width:30px;height:30px}.mp-reply-bar{margin:0 10px 8px;padding:7px 9px}}.ui-setting-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.ui-setting-head-gap{display:flex;justify-content:space-between;align-items:center;gap:12px}.ui-setting-head-divided{display:flex;justify-content:space-between;align-items:center;margin:10px 0 6px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08)}.ui-setting-head-divided-soft{display:flex;justify-content:space-between;align-items:center;margin:10px 0 6px;padding-top:8px;border-top:1px solid rgba(255,255,255,.07)}.ui-label{color:#fff;font-size:11px;font-weight:700}.ui-label-strong{color:#fff;font-size:11px;font-weight:800}.ui-value{color:#78dcff;font-size:12px;font-weight:800}.ui-value-sm{color:#78dcff;font-size:11px;font-weight:800}.ui-muted-caption{color:rgba(255,255,255,.38);font-size:9px;margin-top:2px}.ui-help{color:rgba(255,255,255,.35);font-size:10px;margin-bottom:8px}.ui-full,.ui-range{width:100%}.ui-full-left{width:100%;text-align:left}.ui-mt8{margin-top:8px}.ui-mt10{margin-top:10px}.ui-mb8{margin-bottom:8px}.ui-mb10{margin-bottom:10px}.ui-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:7px}.ui-grid-2-wide{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0}.ui-grid-3-preset{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:10px}.ui-center-actions{display:flex;align-items:center;justify-content:center;gap:14px}.ui-inline-actions{display:flex;gap:6px}.ui-count{text-align:center}.ui-count-main{color:#fff;font-size:25px;font-weight:800;line-height:1}.ui-count-sub{color:rgba(255,255,255,.4);font-size:10px;margin-top:4px}.ui-pad-x-10{padding:0 10px}.ui-pad-x-12{padding:0 12px}.ui-stepper-btn{font-size:18px;padding:10px 18px}.ui-flex-1{flex:1}.ui-danger-action{background:#ff3d00;width:100%;margin:8px 0}.ui-primary-action{background:linear-gradient(135deg,rgba(91,198,242,.92),rgba(127,226,255,.7));color:#061117;width:100%}#mpLayer{background:#eef7ff!important;color:#06111f!important}#mpLayer .mp-shell{background:#eef7ff!important;color:#06111f!important}#mpLayer .mp-brand-card,#mpLayer .mp-user-card{background:#06111f!important;color:#fff!important;border-color:rgba(6,17,31,.62)!important;box-shadow:0 2px 0 rgba(6,17,31,.42),0 8px 18px rgba(6,17,31,.055)!important}#mpLayer .mp-top-name{color:#fff!important}#mpLayer .mp-action,#mpLayer .mp-card,#mpLayer .mp-close,#mpLayer .mp-confirm-card,#mpLayer .mp-empty,#mpLayer .mp-input,#mpLayer .mp-max-trigger,#mpLayer .mp-password-card,#mpLayer .mp-room-card,#mpLayer .mp-room-type-card,#mpLayer .mp-room-type-trigger,#mpLayer .mp-search-card,#mpLayer .mp-select{background:#fff!important;color:#06111f!important;border-color:rgba(6,17,31,.62)!important;box-shadow:0 2px 0 rgba(6,17,31,.42),0 8px 18px rgba(6,17,31,.055)!important}#mpLayer .mp-notice{background:#fff!important;color:#06111f!important;border-color:rgba(6,17,31,.62)!important;box-shadow:0 2px 0 rgba(6,17,31,.42),0 8px 18px rgba(6,17,31,.055)!important}#mpLayer .mp-home-footer [data-mp-quick],#mpLayer .mp-notice-badge,#mpLayer .mp-room-type-choice[data-mp-room-type-choice=Public].active{background:#00d66b!important;color:#06111f!important;border-color:rgba(6,17,31,.62)!important}#mpLayer .mp-action.primary,#mpLayer .mp-home-footer [data-mp-go=create],#mpLayer .mp-max-player-choice.active,#mpLayer .mp-room-status,#mpLayer .mp-room-type-choice.active,#mpLayer .mp-tab-btn.active{background:#005bff!important;color:#fff!important;border-color:rgba(6,17,31,.62)!important;box-shadow:0 2px 0 rgba(0,214,107,.72),0 8px 18px rgba(0,214,107,.08)!important}#mpLayer .mp-action.danger,#mpLayer .mp-action.primary.danger,#mpLayer .mp-room-status.full{background:#e11d48!important;color:#fff!important;border-color:rgba(6,17,31,.62)!important}#mpLayer .mp-room-card::before{background:#005bff!important}#mpLayer .mp-room-badge{background:#06111f!important;color:#fff!important;box-shadow:0 2px 0 #00d66b!important}#mpLayer .mp-card-title,#mpLayer .mp-confirm-title,#mpLayer .mp-field label,#mpLayer .mp-max-trigger span,#mpLayer .mp-password-title,#mpLayer .mp-room-card b,#mpLayer .mp-room-info b,#mpLayer .mp-room-type-title,#mpLayer .mp-room-type-trigger span,#mpLayer .mp-search-card b{color:#06111f!important}#mpLayer .mp-card-text,#mpLayer .mp-confirm-text,#mpLayer .mp-max-trigger small,#mpLayer .mp-password-room,#mpLayer .mp-room-meta,#mpLayer .mp-room-owner,#mpLayer .mp-room-type-sub,#mpLayer .mp-room-type-trigger small,#mpLayer .mp-search-card span{color:rgba(6,17,31,.62)!important}#mpLayer .mp-input,#mpLayer .mp-select{background:#f8fcff!important}#mpLayer .mp-max-player-choice,#mpLayer .mp-room-type-choice{background:#fff!important;color:#06111f!important;border:1px solid rgba(6,17,31,.62)!important;box-shadow:0 2px 0 rgba(6,17,31,.42),0 8px 18px rgba(6,17,31,.055)!important}#mpLayer .mp-max-player-choice,#mpLayer .mp-room-type-choice span{color:#06111f!important}#mpLayer .mp-room-type-choice small{color:rgba(6,17,31,.72)!important}#mpLayer .mp-max-player-choice.active,#mpLayer .mp-room-type-choice.active{border-color:rgba(6,17,31,.62)!important}#mpLayer .mp-room-type-choice[data-mp-room-type-choice=Public].active{background:#00d66b!important;color:#06111f!important;box-shadow:0 2px 0 rgba(6,17,31,.42),0 8px 18px rgba(0,214,107,.14)!important}#mpLayer .mp-room-type-choice[data-mp-room-type-choice=Public].active small,#mpLayer .mp-room-type-choice[data-mp-room-type-choice=Public].active span{color:#06111f!important}#mpLayer .mp-max-player-choice.active,#mpLayer .mp-room-type-choice[data-mp-room-type-choice=Private].active{background:#005bff!important;color:#fff!important;box-shadow:0 2px 0 rgba(6,17,31,.42),0 8px 18px rgba(0,91,255,.16)!important}#mpLayer .mp-max-player-choice.active,#mpLayer .mp-room-type-choice[data-mp-room-type-choice=Private].active small,#mpLayer .mp-room-type-choice[data-mp-room-type-choice=Private].active span{color:#fff!important}#mpLayer .mp-confirm-modal,#mpLayer .mp-password-modal,#mpLayer .mp-room-type-modal{background:rgba(238,247,255,.82)!important}#mpLayer .mp-password-close,#mpLayer .mp-room-type-close{background:#06111f!important;color:#fff!important;border:1px solid rgba(6,17,31,.62)!important;box-shadow:0 2px 0 rgba(6,17,31,.42),0 8px 18px rgba(6,17,31,.055)!important}#mpLayer .mp-password-close:active,#mpLayer .mp-room-type-close:active{background:#102540!important}#mpLayer .mp-password-close .mp-icon-svg,#mpLayer .mp-room-type-close .mp-icon-svg{width:18px;height:18px}#mpLayer .mp-home-footer{background:#eef7ff!important;box-shadow:none!important;border-color:transparent!important}#mpLayer .mp-home-footer::after,#mpLayer .mp-home-footer::before{background:0 0!important;box-shadow:none!important;border-color:transparent!important}#mpLayer .mp-home-footer .mp-action{box-shadow:0 2px 0 rgba(6,17,31,.42),0 8px 18px rgba(6,17,31,.045)!important}#mpLayer .mp-home-footer .mp-action.primary,#mpLayer .mp-home-footer [data-mp-go=create]{box-shadow:0 2px 0 rgba(0,214,107,.72),0 8px 18px rgba(0,214,107,.08)!important}#mpLayer .mp-home-footer [data-mp-quick]{box-shadow:0 2px 0 rgba(6,17,31,.42),0 8px 18px rgba(0,214,107,.06)!important}#mpLayer .mp-status-filter{display:flex;gap:7px}#mpLayer .mp-status-filter-btn{flex:1 1 0;min-width:0;height:38px;border:1px solid rgba(6,17,31,.62);border-radius:13px;background:#fff;color:#06111f;font-size:11px;font-weight:950;font-family:inherit;cursor:pointer;box-shadow:0 1px 0 rgba(6,17,31,.32)}#mpLayer .mp-status-filter-btn.active{background:#005bff;color:#fff;box-shadow:0 2px 0 rgba(0,214,107,.72),0 8px 18px rgba(0,214,107,.06)}.mp-request-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin-left:5px;border-radius:999px;background:#ff3b5c;color:#fff;font-size:10px;font-weight:900;line-height:1}.mp-request-actions{display:flex;gap:6px;flex-shrink:0;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.mp-request-accept,.mp-request-decline{height:30px;padding:0 12px;border:none;border-radius:999px;font-size:11px;font-weight:800;cursor:pointer;text-transform:uppercase}.mp-request-accept{background:#00d66b;color:#06111f}.mp-request-decline{background:rgba(251,63,92,.18);color:#fb3f5c}.mp-request-card{position:relative;display:flex;align-items:center;gap:10px;padding:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:16px}.mp-request-card .mp-search-card-text{padding-right:170px;overflow:hidden}.mp-request-card .mp-search-card-text b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#mpLayer .mp-search-card{position:relative}#mpLayer .mp-search-card-text{min-width:0;padding-right:72px}#mpLayer .mp-player-status-badge{position:absolute;top:10px;right:10px;height:24px;min-width:58px;padding:0 8px;border:1px solid rgba(6,17,31,.62);border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:9px;font-weight:950;letter-spacing:.04em;text-transform:uppercase;box-shadow:0 1px 0 rgba(6,17,31,.28)}#mpLayer .mp-player-status-badge.online{background:#00d66b;color:#06111f}#mpLayer .mp-player-status-badge.offline{background:#e7eef6;color:rgba(6,17,31,.68)}@media (max-width:430px){#mpLayer .mp-status-filter{gap:6px}#mpLayer .mp-status-filter-btn{height:36px;font-size:10px}#mpLayer .mp-search-card-text{padding-right:62px}#mpLayer .mp-player-status-badge{right:8px;min-width:52px;padding:0 6px;font-size:8px}}#mpLayer .mp-room-card{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"number badge" "title title" "owner status"!important;align-items:center!important;gap:10px 12px!important;min-height:122px!important;padding:16px!important;overflow:hidden!important;border-radius:22px!important;background:linear-gradient(135deg,#fff 0,#f4fbff 48%,#eaf6ff 100%)!important}#mpLayer .mp-room-number{grid-area:number;width:max-content;max-width:100%;height:28px;padding:0 12px;margin:0!important;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:999px;background:#06111f!important;border:1px solid rgba(6,17,31,.72)!important;color:#fff!important;box-shadow:0 2px 0 #00d66b,0 8px 18px rgba(6,17,31,.1)!important;font-size:11px!important;font-weight:950!important;letter-spacing:.01em!important}#mpLayer .mp-room-title{grid-area:title;min-width:0;display:block;color:#06111f!important;font-size:21px;font-weight:950;line-height:1.12;letter-spacing:-.35px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#mpLayer .mp-room-owner{grid-area:owner;min-width:0;margin:0!important;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#344256!important;font-size:13px;font-weight:850;line-height:1.2}#mpLayer .mp-room-badge{grid-area:badge;justify-self:end;align-self:start;min-width:72px;height:44px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;border-radius:18px;background:#06111f!important;color:#fff!important;border:1px solid rgba(6,17,31,.72)!important;box-shadow:0 3px 0 #00d66b,0 10px 22px rgba(6,17,31,.12)!important;font-size:20px!important;font-weight:950!important;letter-spacing:.01em!important;line-height:1!important}#mpLayer .mp-room-status{grid-area:status;justify-self:end;width:max-content;min-width:70px;height:31px;padding:0 15px;border-radius:999px;background:#005bff!important;color:#fff!important;border:1px solid rgba(6,17,31,.62)!important;box-shadow:0 2px 0 rgba(0,214,107,.72),0 8px 18px rgba(0,91,255,.14)!important;font-size:11px;font-weight:950;letter-spacing:.04em}@media (max-width:760px){#mpLayer .mp-room-card{grid-template-columns:minmax(0,1fr) auto!important;min-height:118px!important;padding:15px 14px 14px!important;gap:9px 11px!important;border-radius:20px!important}#mpLayer .mp-room-title{font-size:20px}#mpLayer .mp-room-owner{font-size:12px}#mpLayer .mp-room-status{min-width:66px;height:30px;font-size:10px}}@media (max-width:430px){#mpLayer .mp-room-card{grid-template-areas:"number badge" "title title" "owner owner" "status status"!important;min-height:136px!important}#mpLayer .mp-room-status{justify-self:start}}@media (max-width:380px){#mpLayer .mp-room-card{padding:14px 13px!important;min-height:132px!important}#mpLayer .mp-room-badge{min-width:64px;height:40px;font-size:18px!important}#mpLayer .mp-room-title{font-size:18px}}#pianoSeparatorLayer{position:absolute;left:0;top:0;height:100%;pointer-events:none;z-index:2;contain:layout paint style}.piano-separator{position:absolute;top:0;bottom:0;pointer-events:none;background:rgba(10,13,17,.42)}@media (min-width:900px){.stage{width:100%}#pianoWrap{width:100%}}@media (hover:hover) and (pointer:fine){#panel .btn:not(.active):hover{background:#34343f;border-color:rgba(255,255,255,.14)}#logoToggle:hover{background:rgba(0,0,0,.5)}.mp-message-text{-webkit-user-select:text;user-select:text}}:root{--piano-height:26vh;--ui-top-offset:calc(8px + env(safe-area-inset-top,0px));--ui-edge-left:calc(8px + env(safe-area-inset-left,0px));--ui-edge-right:calc(8px + env(safe-area-inset-right,0px));--ui-topbar-h:clamp(48px, 34px + 1.6vw, 84px);--ui-btn-h:clamp(36px, 26px + 0.95vw, 58px);--ui-btn-font:clamp(12px, 10.4px + 0.21vw, 17px);--ui-logo-clear:clamp(128px, 98px + 2.9vw, 196px);--ui-pill-h:clamp(36px, 27px + 0.8vw, 54px);--ui-pill-font:clamp(11px, 9.6px + 0.18vw, 15px);--ui-strip-top:calc(var(--ui-top-offset) + var(--ui-topbar-h) + 8px);--ui-below-strip:calc(var(--ui-strip-top) + var(--ui-pill-h) + 10px);--ui-chat-w:clamp(300px, 120px + 12vw, 420px)}@media (orientation:landscape) and (max-height:520px){:root{--ui-top-offset:calc(4px + env(safe-area-inset-top,0px));--ui-topbar-h:44px;--ui-btn-h:34px;--ui-btn-font:12px;--ui-pill-h:32px;--ui-pill-font:10.5px}}.render-fixed .top,.render-fixed.papiano-fullscreen .top{top:var(--ui-top-offset)!important;left:var(--ui-edge-left)!important;right:var(--ui-edge-right)!important;width:auto!important;margin:0!important;height:var(--ui-topbar-h)!important;min-height:var(--ui-topbar-h)!important;padding:0 clamp(10px,.8vw,18px) 0 calc(var(--ui-logo-clear) + 8px)!important;border-radius:calc(var(--ui-topbar-h)/ 2)!important;gap:clamp(8px,.6vw,14px)!important}.render-fixed #logoToggle,.render-fixed.papiano-fullscreen #logoToggle{top:var(--ui-top-offset)!important;left:var(--ui-edge-left)!important;height:var(--ui-topbar-h)!important;min-height:var(--ui-topbar-h)!important;padding:5px clamp(12px,.9vw,20px) 5px 6px!important;gap:clamp(7px,.5vw,12px)!important;border-radius:calc(var(--ui-topbar-h)/ 2)!important}.render-fixed .brand-icon{width:min(calc(var(--ui-topbar-h) - 16px),52px)!important;height:min(calc(var(--ui-topbar-h) - 16px),52px)!important}.render-fixed .brand-text{font-size:clamp(11.5px, 10px + .22vw, 17px)!important}#panel #fsBtn,#panel .btn{height:var(--ui-btn-h)!important;min-height:var(--ui-btn-h)!important;line-height:calc(var(--ui-btn-h) - 2px)!important;padding:0 clamp(14px,9px + .5vw,26px)!important;font-size:var(--ui-btn-font)!important;border-radius:999px!important}#panel #tDown,#panel #tUp{width:calc(var(--ui-btn-h) - 2px)!important;height:calc(var(--ui-btn-h) - 2px)!important;min-height:calc(var(--ui-btn-h) - 2px)!important;padding:0!important;border-radius:50%!important;font-size:calc(var(--ui-btn-font) + 6px)!important;line-height:1!important}#panel #tVal{font-size:calc(var(--ui-btn-font) - 1px)!important;min-width:calc(var(--ui-btn-font) + 4px)!important}.mp-player-strip{top:var(--ui-strip-top)!important}.mp-player-pill{height:var(--ui-pill-h)!important;padding:5px calc(var(--ui-pill-h) * .28) 5px 5px!important;gap:clamp(7px,.4vw,11px)!important}.mp-player-pill .mp-avatar{width:calc(var(--ui-pill-h) - 10px)!important;height:calc(var(--ui-pill-h) - 10px)!important}.mp-player-name{font-size:var(--ui-pill-font)!important;max-width:clamp(84px,56px + 3vw,180px)!important}.render-fixed .floating-panel{top:calc(var(--ui-top-offset) + var(--ui-topbar-h) + 10px)!important}.render-fixed .perf-hud{top:var(--ui-below-strip)!important}#recHud{top:var(--ui-below-strip)!important}#mpChordLive{top:var(--ui-below-strip)!important;right:calc(14px + env(safe-area-inset-right,0px))!important;left:auto!important}.render-fixed #pianoWrap,.render-fixed .stage{max-width:none!important;margin:0!important}#swipeStrip{transform:none!important;max-width:none!important}@media (orientation:landscape) and (max-height:560px){body.mp-chat-open #pianoWrap,body.mp-chat-open #swipeStrip,body.mp-chat-open .stage{display:block!important;right:0!important;left:0!important;width:100%!important;max-width:none!important;margin:0!important}body.mp-chat-open .piano-container,body.mp-chat-open .piano-scroll-wrapper{width:100%!important;max-width:none!important}.mp-chat-panel{top:calc(var(--ui-below-strip,64px) + 10px)!important;right:auto!important;bottom:calc(var(--piano-height,26vh) + 12px + env(safe-area-inset-bottom,0px))!important;left:50%!important;transform:translateX(-50%)!important;width:min(520px,calc(100dvw - 28px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)))!important;min-width:0!important;height:auto!important;max-height:none!important;min-height:0!important;border-radius:24px;background:rgba(35,38,45,.94)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.mp-chat-head{padding:10px 12px 9px!important}.mp-messages{padding:10px 12px!important}.mp-chat-form{grid-template-columns:minmax(0,1fr) 72px!important;align-items:end!important;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px))!important}.mp-chat-input{min-height:40px!important;height:auto!important;max-height:76px!important;color:#fff!important;-webkit-text-fill-color:#fff!important;caret-color:#9defff!important;opacity:1!important}.mp-chat-preview{left:calc(10px + env(safe-area-inset-left,0px))!important}body.mp-chat-keyboard .mp-chat-panel{bottom:calc(10px + env(safe-area-inset-bottom,0px) + var(--mp-chat-keyboard-inset,0px))!important;width:min(340px,calc(100vw - 24px))!important}}.mp-chat-preview{left:calc(14px + env(safe-area-inset-left,0px))!important;max-height:min(calc(var(--mp-chat-preview-rows,3) * 76px + (var(--mp-chat-preview-rows,3) - 1) * 8px),calc(100dvh - var(--piano-height,26vh) - var(--ui-below-strip) - 14px - env(safe-area-inset-bottom,0px)))!important}.mp-chat-panel{position:fixed!important;left:calc(14px + env(safe-area-inset-left,0px))!important;right:auto!important;top:auto!important;bottom:calc(var(--piano-height,25vh) + 14px + env(safe-area-inset-bottom,0px))!important;transform:none!important;width:min(330px,calc(100dvw - 28px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)))!important;max-width:none!important;height:clamp(260px,46svh,380px)!important;min-height:0!important;max-height:none!important;border-radius:20px!important}@media (orientation:landscape) and (max-height:600px){.mp-chat-panel{top:calc(8px + env(safe-area-inset-top,0px))!important;bottom:calc(8px + env(safe-area-inset-bottom,0px))!important;right:calc(10px + env(safe-area-inset-right,0px))!important;left:auto!important;transform:none!important;width:min(250px,40dvw)!important;height:auto!important;min-height:0!important;max-height:none!important;border-radius:16px!important}}@media (min-width:900px){.mp-chat-panel{top:calc(78px + env(safe-area-inset-top,0px))!important;bottom:auto!important;right:calc(22px + env(safe-area-inset-right,0px))!important;left:auto!important;transform:none!important;width:380px!important;height:clamp(340px,56vh,560px)!important}}body.mp-chat-keyboard .mp-chat-panel{top:auto!important;bottom:calc(var(--mp-chat-keyboard-inset,0px) + 8px)!important;left:calc(14px + env(safe-area-inset-left,0px))!important;right:auto!important;transform:none!important;width:min(330px,calc(100vw - 24px))!important;border-radius:18px!important}@media (orientation:landscape) and (max-height:600px){body.mp-chat-keyboard .mp-chat-panel{top:calc(6px + env(safe-area-inset-top,0px))!important;bottom:calc(var(--mp-chat-keyboard-inset,0px) + 6px)!important;left:auto!important;right:calc(10px + env(safe-area-inset-right,0px))!important;transform:none!important;width:min(250px,40dvw)!important;height:auto!important;min-height:0!important;max-height:none!important;border-radius:16px!important}}@media (orientation:landscape){body.mp-chat-keyboard .mp-chat-head{display:none!important}}@media (min-width:900px){.mp-screen[data-mp-screen] .mp-home-footer,.mp-screen[data-mp-screen] .mp-notice,.mp-screen[data-mp-screen] .mp-room-main{max-width:min(1280px,94vw);margin-left:auto;margin-right:auto;width:100%}.mp-room-card{min-height:94px}}@media (min-width:1280px){.mp-room-list{grid-template-columns:repeat(3,minmax(260px,1fr))}}@media (min-width:1600px){.mp-shell{padding-top:calc(14px + env(safe-area-inset-top,0px))}.mp-head{height:60px;grid-template-columns:54px max-content}.mp-close{width:54px;height:54px}.mp-user-card{height:54px}.mp-top-name{font-size:16px}.mp-notice{min-height:42px;font-size:13.5px}.mp-room-list{gap:14px}.mp-room-card{min-height:108px}.mp-room-card b{font-size:20px}.mp-home-footer{gap:14px}.mp-home-footer .mp-action{min-height:54px;font-size:14px;border-radius:18px}.mp-home-footer .mp-action.compact{font-size:15px}}@media (min-width:1920px){.mp-screen[data-mp-screen] .mp-home-footer,.mp-screen[data-mp-screen] .mp-notice,.mp-screen[data-mp-screen] .mp-room-main{max-width:min(1400px,88vw)}.mp-head{height:66px;grid-template-columns:58px max-content}.mp-close{width:58px;height:58px;border-radius:18px}.mp-user-card{height:58px;border-radius:18px}.mp-top-name{font-size:17px}.mp-notice{min-height:48px;font-size:14.5px;border-radius:17px}.mp-room-list{gap:18px}.mp-room-card{min-height:122px;padding:18px 20px;border-radius:24px}.mp-room-card b{font-size:22px}.mp-home-footer{gap:18px}.mp-home-footer .mp-action{min-height:60px;font-size:15px;border-radius:20px}.mp-home-footer .mp-action.compact{font-size:16px}.mp-card{border-radius:26px}.mp-card-title{font-size:17px}}@media (min-width:900px) and (max-width:1599px){.floating-panel{width:min(380px,calc(100vw - 28px))!important}#settingsPanel{width:min(400px,calc(100vw - 28px))!important}#colorPanel{width:min(380px,calc(100vw - 28px))!important}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:NaNs!important;animation-iteration-count:1!important;transition-duration:NaNs!important;scroll-behavior:auto!important}}