.auth-backdrop.svelte-wbwgjp{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#05020ed9;place-items:center;display:grid;position:fixed;inset:0}.auth-modal.svelte-wbwgjp{background:#0e0822;border:2px solid #825ae1;border-radius:16px;flex-direction:column;gap:.85rem;width:min(380px,90vw);padding:2rem;display:flex;position:relative;box-shadow:0 0 40px #825ae140}.auth-logo.svelte-wbwgjp{object-fit:contain;filter:drop-shadow(0 0 20px #9c60ff80)brightness(1.15);mix-blend-mode:screen;align-self:center;width:120px;margin-bottom:.25rem}.auth-close.svelte-wbwgjp{color:#6b5a8a;cursor:pointer;background:0 0;border:none;font-size:1rem;transition:color .15s;position:absolute;top:.85rem;right:.85rem}.auth-close.svelte-wbwgjp:hover{color:#f6f1e8}.auth-title.svelte-wbwgjp{color:#f6f1e8;text-align:center;margin:0;font-size:1.1rem;font-weight:700}.auth-hint.svelte-wbwgjp{color:#8878a8;text-align:center;margin:0;font-size:.83rem}.auth-hint.svelte-wbwgjp strong:where(.svelte-wbwgjp){color:#c4b5e8}.auth-form.svelte-wbwgjp{flex-direction:column;gap:.65rem;display:flex}.auth-form.svelte-wbwgjp label:where(.svelte-wbwgjp){color:#8878a8;flex-direction:column;gap:.3rem;font-size:.82rem;display:flex}.auth-form.svelte-wbwgjp input:where(.svelte-wbwgjp){color:#f6f1e8;font:inherit;background:#170f30;border:1px solid #3d2d6a;border-radius:8px;outline:none;padding:.6rem .85rem;font-size:.93rem;transition:border-color .15s}.auth-form.svelte-wbwgjp input:where(.svelte-wbwgjp):focus{border-color:#9c60ff}.auth-form.svelte-wbwgjp input[inputmode=numeric]:where(.svelte-wbwgjp){letter-spacing:6px;text-align:center;font-size:1.4rem}.auth-submit.svelte-wbwgjp{color:#f6f1e8;font:inherit;cursor:pointer;background:#9c60ff2e;border:2px solid #825ae1;border-radius:8px;margin-top:.25rem;padding:.65rem;font-size:.95rem;font-weight:700;transition:background .15s,box-shadow .15s}.auth-submit.svelte-wbwgjp:hover:not(:disabled){background:#9c60ff59;box-shadow:0 0 18px #9c60ff4d}.auth-submit.svelte-wbwgjp:disabled{opacity:.5;cursor:not-allowed}.auth-switch.svelte-wbwgjp{color:#9c60ff;font:inherit;cursor:pointer;text-align:center;background:0 0;border:none;font-size:.83rem;transition:color .15s}.auth-switch.svelte-wbwgjp:hover{color:#c4a0ff}.forgot-link.svelte-wbwgjp{color:#5a4878;font-size:.78rem}.forgot-link.svelte-wbwgjp:hover{color:#9c60ff}.google-btn.svelte-wbwgjp{color:#f6f1e8;width:100%;font:inherit;cursor:pointer;background:#170f30;border:1px solid #3d2d6a;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:.65rem;font-size:.93rem;font-weight:600;transition:border-color .15s,background .15s;display:flex}.google-btn.svelte-wbwgjp:hover{background:#1e1240;border-color:#825ae1}.auth-divider.svelte-wbwgjp{color:#3d2d6a;align-items:center;gap:.75rem;font-size:.78rem;display:flex}.auth-divider.svelte-wbwgjp:before,.auth-divider.svelte-wbwgjp:after{content:"";background:#3d2d6a;flex:1;height:1px}.auth-error.svelte-wbwgjp{color:#ff6b6b;text-align:center;margin:0;font-size:.82rem}.flying-notes.svelte-10ho9f9,.midi-roll.svelte-47etib{z-index:1;pointer-events:none;width:100%;height:100svh;position:fixed;inset:0}.wallpaper-canvas.svelte-160kupn{z-index:0;pointer-events:none;width:100%;height:100svh;position:fixed;inset:0}.keyboard.svelte-etcimh{z-index:2;background:linear-gradient(#0000 5px,#090a0e 5px);border-top:0;grid-template-columns:repeat(52,minmax(0,1fr));width:100%;height:clamp(150px,21vh,200px);display:grid;position:relative;overflow:hidden}button.svelte-etcimh{font:inherit;touch-action:none;-webkit-user-select:none;user-select:none}.white-key.svelte-etcimh{color:#1d1b18;cursor:pointer;background:#dadada;border:0;border-right:2px solid #151515;flex-direction:column;justify-content:flex-end;align-items:center;gap:2px;min-width:0;height:calc(100% - 5px);margin-top:5px;padding:0 1px 6px;transition:transform .12s,filter .12s;display:flex;position:relative;box-shadow:inset 0 -1px #151515}.white-key.svelte-etcimh:last-of-type{border-right:0}.white-key.active.svelte-etcimh{background:var(--note-color,#20b8ff);filter:none;transform:translateY(1px);box-shadow:inset 0 -1px #151515,0 2px #151515}.note-name.svelte-etcimh{font-size:clamp(.48rem,.62vw,.76rem);font-weight:800;line-height:1}.key-hint.svelte-etcimh{color:#f6f1e8;background:#24242a;border-radius:999px;place-items:center;width:clamp(16px,1.9vw,30px);height:clamp(16px,1.9vw,30px);font-size:clamp(.48rem,.7vw,.78rem);font-weight:800;display:grid}.black-key.svelte-etcimh{top:4px;left:var(--black-left);z-index:3;color:#f4efe5;cursor:pointer;background:linear-gradient(#0000 calc(100% - 9px),#24252a calc(100% - 9px)),linear-gradient(90deg,#bbbbbb26 0 1px,#1d1d1d 1px calc(100% - 1px),#bbbbbb26 calc(100% - 1px)),#1d1d1d;border:0;border-radius:0;place-items:end center;width:1.01731%;min-width:5px;height:calc(58% - 1.9px);padding:0 0 23px;transition:transform .12s,filter .12s;display:grid;position:absolute}.black-key-frame.svelte-etcimh{top:3px;left:calc(var(--black-left) - 2px);z-index:1;pointer-events:none;background:var(--note-color,#20b8ff);width:calc(1.01731% + 4px);min-width:5px;height:calc(58% + 3.1px);position:absolute}.black-key-frame.svelte-etcimh:before,.black-key-frame.svelte-etcimh:after{content:"";box-sizing:border-box;height:100%;transition:transform .12s;position:absolute;top:0}.black-key-frame.svelte-etcimh:before{width:var(--before-w,50%);transform:translateY(var(--left-press,0px));border-bottom:3px solid #000;border-left:2px solid #000;left:0}.black-key-frame.svelte-etcimh:after{width:calc(100% - var(--before-w,50%));transform:translateY(var(--right-press,0px));border-bottom:3px solid #000;border-right:2px solid #000;right:0}.felt-strip.svelte-etcimh{background:var(--felt-color,#9c60ff);z-index:2;pointer-events:none;height:2px;position:absolute;top:3px;left:0;right:0}.black-key.svelte-etcimh:after{content:"";background:#31333a;border-radius:4px 4px 0 0;height:11px;position:absolute;bottom:-2px;left:0;right:0}.black-key.svelte-etcimh:before{content:"";background:0 0;border-bottom:1px solid #ffffff42;border-radius:20% 20% 50% 50%;height:10px;position:absolute;bottom:9px;left:0;right:0}.black-key.active.svelte-etcimh{background:linear-gradient(var(--note-color,#20b8ff), var(--note-color,#20b8ff)), linear-gradient(to bottom, transparent calc(100% - 9px), #24252a calc(100% - 9px)), #1d1d1d;filter:none;transform:translateY(1px)}.black-key.active.svelte-etcimh:before,.black-key.active.svelte-etcimh:after{opacity:0}.black-key.svelte-etcimh span:where(.svelte-etcimh){z-index:1;background:#ffffff1f;border-radius:999px;place-items:center;width:clamp(14px,1.55vw,22px);height:clamp(14px,1.55vw,22px);font-size:clamp(.48rem,.62vw,.68rem);font-weight:800;display:grid;position:relative}@media (width<=680px){.keyboard.svelte-etcimh{height:160px}.note-name.svelte-etcimh{display:none}.key-hint.svelte-etcimh{width:16px;height:16px}}.jc-game.svelte-7pi84v{color:#f6f1e8;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;width:100%;height:100%;display:flex}.jc-lobby.svelte-7pi84v{flex-direction:column;align-items:center;gap:20px;width:100%;max-width:480px;padding:32px 24px;display:flex}.jc-title.svelte-7pi84v{text-align:center;margin:0;font-size:2rem;font-weight:900}.jc-subtitle.svelte-7pi84v{color:#cbc2b6;margin:0;font-size:.95rem}.jc-waiting.svelte-7pi84v{color:#9c60ff;margin:0;font-style:italic}.jc-config.svelte-7pi84v{flex-direction:column;gap:14px;width:100%;display:flex}.jc-config-row.svelte-7pi84v{color:#cbc2b6;text-transform:uppercase;letter-spacing:.05em;flex-direction:column;gap:8px;font-size:.85rem;font-weight:700;display:flex}.jc-config-btns.svelte-7pi84v{gap:8px;display:flex}.jc-opt-btn.svelte-7pi84v{color:#f6f1e8;cursor:pointer;background:0 0;border:1.5px solid #f6f1e826;border-radius:8px;flex:1;padding:8px;font-size:.9rem;font-weight:700;transition:all .12s}.jc-opt-btn.svelte-7pi84v:hover{background:#f6f1e814}.jc-opt-btn.active.svelte-7pi84v{color:#fff;background:#9c60ff33;border-color:#9c60ff}.jc-players-list.svelte-7pi84v{flex-wrap:wrap;justify-content:center;gap:8px;width:100%;display:flex}.jc-player-chip.svelte-7pi84v{background:#0000004d;border:1.5px solid;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;font-weight:700;display:flex}.jc-chip-dot.svelte-7pi84v{border-radius:50%;width:8px;height:8px}.jc-chip-you.svelte-7pi84v{opacity:.6;font-size:.78rem;font-weight:400}.jc-lobby-actions.svelte-7pi84v{gap:12px;display:flex}.jc-start-btn.svelte-7pi84v{color:#fff;cursor:pointer;background:#9c60ff;border:none;border-radius:24px;padding:12px 32px;font-size:1rem;font-weight:800;transition:background .12s}.jc-start-btn.svelte-7pi84v:hover:not(:disabled){background:#b07fff}.jc-start-btn.svelte-7pi84v:disabled{opacity:.45;cursor:not-allowed}.jc-leave-btn.svelte-7pi84v{color:#cbc2b6;cursor:pointer;background:0 0;border:1.5px solid #f6f1e833;border-radius:24px;padding:12px 24px;font-size:.9rem;font-weight:700;transition:all .12s}.jc-leave-btn.svelte-7pi84v:hover{color:#f6f1e8;background:#f6f1e814}.jc-ended.svelte-7pi84v{flex-direction:column;align-items:center;gap:12px;padding:48px 24px;display:flex}.jc-winner-crown.svelte-7pi84v{font-size:4rem}.jc-winner-name.svelte-7pi84v{margin:0;font-size:2.5rem;font-weight:900}.jc-winner-sub.svelte-7pi84v{color:#cbc2b6;margin:0;font-size:1.1rem}.jc-play-area.svelte-7pi84v{flex-direction:column;align-items:center;gap:12px;width:100%;height:100%;display:flex}.jc-top-bar.svelte-7pi84v{flex-direction:column;align-items:center;gap:8px;width:100%;padding:16px 24px 0;display:flex}.jc-chord-display.svelte-7pi84v{align-items:baseline;gap:12px;display:flex}.jc-chord-label.svelte-7pi84v{color:#cbc2b6;font-size:1rem;font-weight:600}.jc-chord-name.svelte-7pi84v{color:#f6f1e8;letter-spacing:-.02em;text-shadow:0 0 40px #9c60ff99;font-size:3.5rem;font-weight:900;line-height:1}.jc-timer-bar-wrap.svelte-7pi84v{background:#f6f1e81a;border-radius:3px;width:min(400px,80%);height:5px;overflow:hidden}.jc-timer-bar.svelte-7pi84v{background:#9c60ff;border-radius:3px;height:100%;transition:width 1s linear}.jc-trees-row.svelte-7pi84v{flex:1;justify-content:center;align-items:flex-end;gap:8px;width:100%;padding:0 16px 8px;display:flex;overflow-x:auto}.jc-tree-col.svelte-7pi84v{flex-direction:column;flex:1;align-items:center;gap:4px;min-width:70px;max-width:120px;display:flex}.jc-tree-col.me.svelte-7pi84v{filter:drop-shadow(0 0 8px #9c60ff80)}.jc-floor-label.svelte-7pi84v{color:#f6f1e880;font-size:.75rem;font-weight:800}.jc-tree-svg.svelte-7pi84v{width:100%;max-width:80px;height:auto}.jc-username.svelte-7pi84v{text-overflow:ellipsis;white-space:nowrap;text-align:center;max-width:90px;font-size:.78rem;font-weight:800;overflow:hidden}.me-label.svelte-7pi84v{text-decoration:underline}body{color:#f6f1e8;background:linear-gradient(135deg,#9c60ff33,#0000 34%),linear-gradient(315deg,#5a2ab43d,#0000 30%),#110d1d;min-width:320px;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}.studio-shell.svelte-1uha8ag{flex-direction:column;gap:clamp(18px,3vw,34px);min-height:100svh;padding:0;display:flex;position:relative}.hidden-file-input.svelte-1uha8ag{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed}.topbar.svelte-1uha8ag{z-index:3;justify-content:flex-start;align-items:flex-start;gap:18px;padding:12px 14px 0;display:flex;position:relative}.welcome-top-right.svelte-1uha8ag{z-index:10;align-items:center;gap:8px;display:flex;position:absolute;top:1.2rem;right:1.2rem}.welcome-bell-btn.svelte-1uha8ag{color:#d4aaff;cursor:pointer;background:#9c60ff2e;border:1px solid #9c60ff80;border-radius:999px;justify-content:center;align-items:center;width:42px;height:42px;transition:background .15s,border-color .15s;display:flex;position:relative}.welcome-bell-btn.svelte-1uha8ag:hover{background:#9c60ff4d;border-color:#9c60ffcc}.bell-dot.svelte-1uha8ag{background:#9c60ff;border-radius:50%;width:8px;height:8px;position:absolute;top:7px;right:7px;box-shadow:0 0 6px #9c60ffcc}.bell-count.svelte-1uha8ag{color:#fff;background:#9c60ff;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:4px;right:4px}.bell-stack.svelte-1uha8ag{flex-direction:column;gap:10px;width:min(380px,90vw);max-height:80vh;display:flex;position:relative}.bell-stack-close.svelte-1uha8ag{color:#6b5a8a;cursor:pointer;z-index:1;background:0 0;border:none;font-size:1rem;transition:color .15s;position:absolute;top:.85rem;right:.85rem}.bell-stack-close.svelte-1uha8ag:hover{color:#f6f1e8}.bell-list.svelte-1uha8ag{flex-direction:column;gap:10px;max-height:80vh;padding-right:4px;display:flex;overflow-y:auto}.bell-list.svelte-1uha8ag::-webkit-scrollbar{width:4px}.bell-list.svelte-1uha8ag::-webkit-scrollbar-track{background:0 0}.bell-list.svelte-1uha8ag::-webkit-scrollbar-thumb{background:#9c60ff66;border-radius:999px}.bell-card.svelte-1uha8ag{background:#0e0822;border:2px solid #825ae1;border-radius:16px;flex-direction:column;flex-shrink:0;gap:.4rem;width:100%;padding:1.5rem 2rem;display:flex;position:relative;box-shadow:0 0 40px #825ae140}.bell-card-info.svelte-1uha8ag{border-color:#9c60ff;box-shadow:0 0 40px #9c60ff26}.bell-card-info.svelte-1uha8ag .bell-item-type:where(.svelte-1uha8ag){color:#9c60ff}.bell-card-warning.svelte-1uha8ag{border-color:#f0a500;box-shadow:0 0 40px #f0a50026}.bell-card-maintenance.svelte-1uha8ag{border-color:#e14040;box-shadow:0 0 40px #e1404026}.bell-item-type.svelte-1uha8ag{text-transform:uppercase;letter-spacing:.1em;color:#9c60ff;font-size:.7rem;font-weight:700}.bell-card-warning.svelte-1uha8ag .bell-item-type:where(.svelte-1uha8ag){color:#f0a500}.bell-card-maintenance.svelte-1uha8ag .bell-item-type:where(.svelte-1uha8ag){color:#e14040}.bell-item-title.svelte-1uha8ag{color:#f6f1e8;margin:0 0 4px;font-size:1rem;font-weight:700}.bell-item-message.svelte-1uha8ag{color:#e8e0ff;margin:0;font-size:.92rem;line-height:1.5}.block-banner.svelte-1uha8ag{color:#fca5a5;background:#ef444426;border:1px solid #ef444459;border-radius:20px;align-items:center;gap:8px;max-width:fit-content;margin-bottom:6px;padding:6px 10px 6px 12px;font-size:.78rem;font-weight:600;display:flex}.block-banner-msg.svelte-1uha8ag{flex:1}.block-banner-close.svelte-1uha8ag{color:#fca5a5;cursor:pointer;opacity:.7;background:0 0;border:none;padding:0 2px;font-size:.75rem;transition:opacity .12s}.block-banner-close.svelte-1uha8ag:hover{opacity:1}.top-capsules.svelte-1uha8ag{flex-wrap:wrap;flex:0 auto;align-items:center;gap:7px;min-width:0;display:flex}.capsule.svelte-1uha8ag{color:#fff;cursor:pointer;min-height:42px;font:inherit;letter-spacing:0;white-space:nowrap;background:#0e0822;border:2px solid #825ae1;border-radius:8px;justify-content:center;align-items:center;gap:9px;padding:0 17px;font-size:.82rem;font-weight:800;line-height:1;transition:transform .12s,box-shadow .12s,border-color .12s,background .12s;display:inline-flex;position:relative}.capsule.svelte-1uha8ag:hover,.capsule.svelte-1uha8ag:focus-visible,.active-capsule.svelte-1uha8ag{background:#100a24;border-color:#9b6ef0;transform:translateY(-2px);box-shadow:0 0 0 4px #825ae121,0 0 24px #825ae14d}.settings-capsule.svelte-1uha8ag{background:#0c0a26;border-color:#6e50ff;width:42px;padding:0}.settings-icon.svelte-1uha8ag{gap:5px;width:25px;display:grid}.settings-icon.svelte-1uha8ag span:where(.svelte-1uha8ag){background:#d2d2d2;border-radius:999px;height:3px;display:block;position:relative}.settings-icon.svelte-1uha8ag span:where(.svelte-1uha8ag):after{content:"";background:#d2d2d2;border-radius:999px;width:8px;height:8px;position:absolute;top:50%;transform:translateY(-50%)}.settings-icon.svelte-1uha8ag span:where(.svelte-1uha8ag):first-child:after{left:4px}.settings-icon.svelte-1uha8ag span:where(.svelte-1uha8ag):nth-child(2):after{right:4px}.settings-icon.svelte-1uha8ag span:where(.svelte-1uha8ag):nth-child(3):after{left:10px}.rec-wrap.svelte-1uha8ag{position:relative}.rec-menu.svelte-1uha8ag{z-index:20;background:#0c071cf5;border:1px solid #3d2d6a;border-radius:8px;flex-direction:column;gap:4px;min-width:110px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%)}.rec-menu-btn.svelte-1uha8ag{color:#f6f1e8;font:inherit;letter-spacing:.04em;cursor:pointer;background:#f6f1e80a;border:1px solid #3d2d6a;border-radius:6px;align-items:center;gap:7px;padding:6px 10px;font-size:.78rem;font-weight:700;transition:background .12s;display:flex}.rec-menu-btn.svelte-1uha8ag:hover{background:#f6f1e817}.rec-menu-btn.recording.svelte-1uha8ag{color:#ff4d72;background:#220712;border-color:#ff4d72}.rec-menu-btn.recording.svelte-1uha8ag .record-dot:where(.svelte-1uha8ag){background:#ff4d72;box-shadow:0 0 10px #ff4d72cc}.rec-capsule.svelte-1uha8ag{background:#0a051a;border-color:#5032b4}.rec-capsule.recording.svelte-1uha8ag{background:#220712;border-color:#ff4d72;box-shadow:0 0 0 4px #ff4d7221,0 0 26px #ff4d7261}.record-dot.svelte-1uha8ag{background:#825adc;border-radius:999px;width:11px;height:11px;box-shadow:0 0 12px #825adca6}.rec-capsule.recording.svelte-1uha8ag .record-dot:where(.svelte-1uha8ag){background:#ff4d72;box-shadow:0 0 14px #ff4d72cc}.wide-capsule.svelte-1uha8ag{padding-inline:18px}.account-capsule.svelte-1uha8ag{align-items:center;gap:6px;margin-left:auto;display:flex}.account-dot.svelte-1uha8ag{background:#aaa;border-radius:50%;width:7px;height:7px}.account-dot.premium.svelte-1uha8ag{background:gold}.chat-login-input.svelte-1uha8ag{color:#6f6480;font:inherit;text-align:left;cursor:pointer;background:#f6f1e80a;border:1px solid #f6f1e821;border-radius:6px;grid-column:1/-1;padding:0 10px;font-size:.86rem;width:100%!important;height:36px!important}.chat-login-input.svelte-1uha8ag:hover{color:#b8a8d8;background:#9c60ff12;border-color:#9c60ff66}input[type=range].svelte-1uha8ag{accent-color:#9c60ff}.sustain-toggle.svelte-1uha8ag{color:#f6f1e8;cursor:pointer;min-height:32px;font:inherit;background:#f6f1e817;border:1px solid #f6f1e833;border-radius:7px;align-items:center;gap:7px;padding:0 8px;font-size:.74rem;font-weight:850;display:flex}.switch.svelte-1uha8ag{background:#090a0ebd;border-radius:999px;width:30px;height:16px;position:relative;box-shadow:inset 0 0 0 1px #f6f1e82e}.switch.svelte-1uha8ag:after{content:"";background:#d7d0c5;border-radius:999px;width:10px;height:10px;transition:transform .12s,background .12s;position:absolute;top:3px;left:3px}.sustain-toggle.sustain-on.svelte-1uha8ag{background:#9c60ff2e;border-color:#9c60ffb8}.sustain-toggle.sustain-on.svelte-1uha8ag .switch:where(.svelte-1uha8ag):after{background:#9c60ff;transform:translate(14px)}.settings-menu.svelte-1uha8ag,.multiplayer-menu.svelte-1uha8ag,.midi-import-menu.svelte-1uha8ag{z-index:3;background:#100b1cf5;border:1px solid #2c2445;border-radius:8px;width:min(560px,100vw - 28px);margin-left:14px;padding:14px;position:absolute;top:56px;left:0;box-shadow:0 18px 48px #0000005c,0 0 26px #825ae12e}.instrument-overlay.svelte-1uha8ag{z-index:20;pointer-events:none;place-items:start center;padding-top:172px;display:grid;position:fixed;inset:0}.instrument-menu.svelte-1uha8ag{pointer-events:all;background:#100b1cfa;border:1px solid #2c2445;border-radius:12px;flex-direction:column;width:min(860px,100vw - 32px);max-height:min(640px,100svh - 64px);padding:16px;display:flex;overflow:hidden;box-shadow:0 24px 64px #00000080,0 0 40px #825ae133}.midi-import-menu.svelte-1uha8ag{width:min(520px,100vw - 28px);box-shadow:none;background:0 0;border:0;padding:0;top:86px;left:88px}.settings-header.svelte-1uha8ag{border-bottom:1px solid #f6f1e81a;padding-bottom:12px}.midi-connect-row.svelte-1uha8ag{grid-column:1/-1;justify-content:space-between;align-items:center;gap:16px;display:flex}.settings-grid.svelte-1uha8ag{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-top:12px;display:grid}.settings-tabs.svelte-1uha8ag{gap:7px;padding-top:12px;display:flex}.settings-tabs.svelte-1uha8ag button:where(.svelte-1uha8ag){color:#d7d0c5;cursor:pointer;min-height:34px;font:inherit;background:#f6f1e812;border:1px solid #f6f1e824;border-radius:8px;padding:0 13px;font-size:.82rem;font-weight:800}.settings-tabs.svelte-1uha8ag button.active-tab:where(.svelte-1uha8ag){color:#fff;background:#9c60ff2e;border-color:#9c60ffc2}.settings-field.svelte-1uha8ag{color:#d7d0c5;gap:8px;min-width:0;font-size:.86rem;font-weight:750;display:grid}.settings-field.svelte-1uha8ag input:where(.svelte-1uha8ag):not([type=range]){color:#f6f1e8;width:100%;min-width:0;min-height:38px;font:inherit;background:#f6f1e817;border:1px solid #f6f1e833;border-radius:6px;outline:none;padding:0 10px}.settings-field.svelte-1uha8ag input[type=range]:where(.svelte-1uha8ag){accent-color:#9c60ff;cursor:pointer;width:100%}.latency-warning.svelte-1uha8ag{color:#f6f1e866;font-size:.75rem;font-weight:400}.settings-field.svelte-1uha8ag input:where(.svelte-1uha8ag):focus{border-color:#9c60ffa6}.multiplayer-menu.svelte-1uha8ag{width:min(520px,100vw - 28px);left:380px}.multiplayer-header.svelte-1uha8ag{border-bottom:1px solid #f6f1e81a;justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;display:flex}.connection-dot.svelte-1uha8ag{background:#5a5270;border-radius:999px;width:10px;height:10px;box-shadow:0 0 10px #5a527066}.connection-dot.connected-dot.svelte-1uha8ag{background:#a855f7;box-shadow:0 0 12px #a855f7a3}.multiplayer-grid.svelte-1uha8ag{gap:12px;padding-top:12px;display:grid}.multiplayer-actions.svelte-1uha8ag{flex-wrap:wrap;gap:8px;display:flex}.midi-action-button.svelte-1uha8ag{color:#fff;cursor:pointer;min-height:36px;font:inherit;background:#9c60ff29;border:1px solid #9c60ff94;border-radius:7px;padding:0 13px;font-size:.84rem;font-weight:800}.midi-action-button.subtle-action.svelte-1uha8ag{color:#d7d0c5;background:#f6f1e812;border-color:#f6f1e829}.midi-action-button.danger-action.svelte-1uha8ag{color:#ffd8df;background:#ff4d721f;border-color:#ff4d727a}.multiplayer-status.svelte-1uha8ag{color:#d7d0c5;margin:0;font-size:.9rem;font-weight:750}.room-summary.svelte-1uha8ag{color:#dfffee;background:#2fe0a214;border:1px solid #2fe0a238;border-radius:7px;justify-content:space-between;gap:12px;padding:9px 10px;font-size:.85rem;font-weight:800;display:flex}.player-list.svelte-1uha8ag,.rooms-list.svelte-1uha8ag{flex-wrap:wrap;gap:7px;display:flex}.player-pill.svelte-1uha8ag{color:#f6f1e8;background:#f6f1e80f;border:1px solid #f6f1e81f;border-radius:7px;align-items:center;gap:7px;min-height:30px;padding:0 10px;font-size:.82rem;font-weight:750;display:inline-flex}.player-pill.svelte-1uha8ag:before{background:var(--player-color,#20b8ff);content:"";border-radius:999px;width:8px;height:8px}.room-button.svelte-1uha8ag{color:#d7d0c5;cursor:pointer;min-height:32px;font:inherit;background:#f6f1e812;border:1px solid #f6f1e824;border-radius:7px;align-items:center;gap:10px;padding:0 10px;font-size:.82rem;font-weight:800;display:inline-flex}.instr-header.svelte-1uha8ag{border-bottom:1px solid #f6f1e814;flex-direction:column;align-items:center;gap:8px;padding-bottom:10px;display:flex}.instr-header-top.svelte-1uha8ag{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.instr-header-left.svelte-1uha8ag{flex-direction:column;gap:2px;display:flex}.instr-load-status.svelte-1uha8ag{color:#d7d0c599;margin:0;font-size:.78rem}.instr-import-blocked.svelte-1uha8ag{opacity:.45;cursor:default;pointer-events:auto}.instr-import-blocked.svelte-1uha8ag:hover,.instr-import-blocked.svelte-1uha8ag:focus-visible{box-shadow:none;background:#0e0822;border-color:#825ae1;transform:none}.instr-import-blocked-msg.svelte-1uha8ag{color:#ffffffd9;text-align:center;margin:0;font-size:.85rem;font-weight:600}.instr-import-btn.svelte-1uha8ag{white-space:nowrap;padding:4px 14px;font-size:.75rem}.instr-close.svelte-1uha8ag{color:#9a8faa;cursor:pointer;background:#f6f1e812;border:none;border-radius:6px;flex-shrink:0;place-items:center;width:26px;height:26px;transition:background .12s,color .12s;display:grid}.instr-close.svelte-1uha8ag:hover{color:#f6f1e8;background:#f6f1e824}.instr-search.svelte-1uha8ag{box-sizing:border-box;color:#f6f1e8;width:100%;min-width:0;height:36px;font:inherit;background:#f6f1e80f;border:1px solid #f6f1e824;border-radius:7px;outline:none;margin:4px 0 0;padding:0 12px;font-size:.88rem;transition:border-color .12s}.instr-search.svelte-1uha8ag:focus{border-color:#9c60ff99}.instr-search.svelte-1uha8ag::placeholder{color:#5a5270}.instrument-categories.svelte-1uha8ag{border-bottom:1px solid #f6f1e814;flex-wrap:wrap;justify-content:center;gap:6px;padding:8px 0;display:flex}.instr-cat-wrap.svelte-1uha8ag{align-items:center;display:flex;position:relative}.instr-cat-reload.svelte-1uha8ag,.instr-cat-delete.svelte-1uha8ag{color:#cbc2b6;cursor:pointer;background:#090a0ecc;border:none;border-radius:3px;place-items:center;width:18px;height:18px;padding:0;font-size:9px;line-height:1;display:none;position:absolute;top:-5px}.instr-cat-reload.svelte-1uha8ag{right:22px}.instr-cat-delete.svelte-1uha8ag{color:#ff4d72;right:2px}.instr-cat-wrap.svelte-1uha8ag:hover .instr-cat-reload:where(.svelte-1uha8ag),.instr-cat-wrap.svelte-1uha8ag:hover .instr-cat-delete:where(.svelte-1uha8ag){display:grid}.instr-cat-reload.spinning.svelte-1uha8ag{animation:.7s linear infinite svelte-1uha8ag-spin;display:grid}@keyframes svelte-1uha8ag-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.instr-cat-btn.svelte-1uha8ag{color:#a09898;cursor:pointer;min-height:36px;font:inherit;text-transform:capitalize;white-space:nowrap;background:#f6f1e812;border:1px solid #f6f1e824;border-radius:7px;justify-content:center;align-items:center;gap:5px;padding:0 10px;font-size:.84rem;font-weight:800;transition:background .12s,color .12s,border-color .12s;display:flex}.instr-cat-btn.svelte-1uha8ag:hover{color:#f6f1e8;background:#f6f1e81f}.instr-cat-btn.active-cat.svelte-1uha8ag{color:#fff;background:#9c60ff2e;border-color:#9c60ffc2}.instrument-grid.svelte-1uha8ag{scrollbar-width:thin;scrollbar-color:#9c60ff66 transparent;flex-wrap:wrap;flex:1;place-content:flex-start center;gap:7px;min-height:0;padding-top:10px;display:flex;overflow-y:auto}.instrument-card.svelte-1uha8ag{color:#d7d0c5;cursor:pointer;width:calc(25% - 6px);min-width:140px;font:inherit;text-align:center;background:#f6f1e80d;border:1px solid #f6f1e81a;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:12px 10px;transition:background .12s,border-color .12s;display:flex;position:relative}.instrument-card.svelte-1uha8ag:hover{background:#f6f1e81a;border-color:#f6f1e838}.instrument-card.active-instrument.svelte-1uha8ag{color:#fff;background:#9c60ff2e;border-color:#9c60ffcc}.instr-star.svelte-1uha8ag{color:#5a5270;cursor:pointer;background:0 0;border:none;border-radius:5px;place-items:center;width:22px;height:22px;padding:0;transition:color .12s,background .12s;display:grid;position:absolute;top:6px;right:6px}.instr-star.svelte-1uha8ag:hover,.instr-star.starred.svelte-1uha8ag{color:#facc15;background:#facc151a}.instr-name.svelte-1uha8ag{font-size:.83rem;font-weight:750;line-height:1.2}.instr-empty.svelte-1uha8ag{text-align:center;color:#5a5270;grid-column:1/-1;margin:0;padding:24px;font-size:.88rem}.sound-overlay.svelte-1uha8ag{z-index:20;background:#00000073;place-items:center;display:grid;position:fixed;inset:0}.sound-panel.svelte-1uha8ag{background:#100b1cfa;border:1px solid #2c2445;border-radius:12px;width:min(420px,100vw - 32px);padding:18px 20px 22px;box-shadow:0 24px 64px #00000080,0 0 40px #825ae133}.sound-panel-header.svelte-1uha8ag{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;margin-bottom:4px;padding-bottom:14px;display:flex}.sound-panel-header.svelte-1uha8ag .panel-label:where(.svelte-1uha8ag){margin:0}.sound-close.svelte-1uha8ag{color:#7c6e9b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 6px;font-size:1rem;line-height:1;transition:color .12s,background .12s}.sound-close.svelte-1uha8ag:hover{color:#e0d8f0;background:#ffffff12}.sound-fx-body.svelte-1uha8ag{flex-direction:column;gap:12px;padding-top:12px;display:flex}.sound-fx-sep.svelte-1uha8ag{text-transform:uppercase;letter-spacing:.1em;color:#5a5270;margin-top:4px;font-size:.72rem;font-weight:700}.sound-fx-row.svelte-1uha8ag{align-items:center;gap:10px;display:flex}.sound-fx-label.svelte-1uha8ag{color:#a99cc0;flex-shrink:0;width:60px;font-size:.8rem}.sound-fx-slider.svelte-1uha8ag{accent-color:#9c60ff;cursor:pointer;flex:1;height:4px}.sound-fx-val.svelte-1uha8ag{color:#c4b8e0;text-align:right;flex-shrink:0;width:52px;font-size:.75rem}.transpose-controls.svelte-1uha8ag{align-items:center;gap:6px;display:flex}.transpose-btn.svelte-1uha8ag{color:#c4b8e0;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:6px;place-items:center;width:28px;height:28px;padding:0;font-size:1rem;transition:background .12s;display:grid}.transpose-btn.svelte-1uha8ag:hover{background:#9c60ff33}.transpose-value.svelte-1uha8ag{color:#e0d8f0;text-align:center;min-width:30px;font-size:.85rem;font-weight:600}.transpose-reset.svelte-1uha8ag{color:#7c6e9b;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:.85rem;transition:color .12s}.transpose-reset.svelte-1uha8ag:hover{color:#c4b8e0}.sound-fx-reset-all.svelte-1uha8ag{color:#7c6e9b;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:6px;align-self:flex-start;padding:4px 10px;font-size:.75rem;transition:color .12s,border-color .12s}.sound-fx-reset-all.svelte-1uha8ag:hover{color:#c4b8e0;border-color:#fff3}@media (width<=680px){.instrument-card.svelte-1uha8ag{width:calc(50% - 4px);min-width:0}.instrument-categories.svelte-1uha8ag{grid-template-columns:repeat(3,1fr)}}.midi-import-body.svelte-1uha8ag{gap:8px;padding-top:0;display:grid}.midi-file-summary.svelte-1uha8ag{color:#d7d0c5;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:0;font-size:.9rem;font-weight:750;display:grid}.midi-file-summary.svelte-1uha8ag span:where(.svelte-1uha8ag):first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.midi-title-row.svelte-1uha8ag{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;display:grid}.midi-remove-button.svelte-1uha8ag{color:#d7d0c5;cursor:pointer;background:0 0;border:0;width:24px;height:24px;padding:0;position:relative}.midi-remove-button.svelte-1uha8ag span:where(.svelte-1uha8ag):before,.midi-remove-button.svelte-1uha8ag span:where(.svelte-1uha8ag):after{content:"";background:currentColor;border-radius:999px;width:14px;height:2px;position:absolute;top:50%;left:5px}.midi-remove-button.svelte-1uha8ag span:where(.svelte-1uha8ag):before{transform:rotate(45deg)}.midi-remove-button.svelte-1uha8ag span:where(.svelte-1uha8ag):after{transform:rotate(-45deg)}.midi-empty.svelte-1uha8ag{color:#8f849f;margin:0;font-size:.9rem}.transport-button.svelte-1uha8ag{color:#fff7d6;cursor:pointer;background:0 0;border:0;place-items:center;width:34px;height:34px;padding:0;display:grid}.play-icon.svelte-1uha8ag{filter:drop-shadow(0 0 8px #ffcf5a85);border-top:9px solid #0000;border-bottom:9px solid #0000;border-left:15px solid;width:0;height:0;margin-left:3px;display:block}.pause-icon.svelte-1uha8ag{filter:drop-shadow(0 0 8px #ffcf5a85);border-left:5px solid;border-right:5px solid;width:15px;height:18px;display:block}.midi-time-row.svelte-1uha8ag{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;display:grid}.time-readout.svelte-1uha8ag{color:#d7d0c5;min-width:44px;font-size:.86rem;font-weight:800}.time-slider.svelte-1uha8ag{accent-color:#ffcf5a;width:100%}.midi-speed-row.svelte-1uha8ag{color:#d7d0c5;grid-template-columns:auto 96px auto;justify-content:start;align-items:center;gap:8px;font-size:.86rem;font-weight:800;display:grid}.midi-speed-row.svelte-1uha8ag input:where(.svelte-1uha8ag){accent-color:#ff5aa8;width:100%}.midi-color-square.svelte-1uha8ag{background:var(--midi-color,#ffcf5a);cursor:pointer;border:1px solid #f6f1e842;width:20px;height:20px;display:block;position:relative;overflow:hidden}.midi-color-square.svelte-1uha8ag input:where(.svelte-1uha8ag){opacity:0;cursor:pointer;border:0;width:28px;height:28px;padding:0;position:absolute;inset:-4px}.visuals-panel.svelte-1uha8ag{gap:10px;padding-top:12px;display:grid}.keybinds-panel.svelte-1uha8ag{flex-direction:column;gap:10px;padding-top:12px;display:flex}.keybinds-header.svelte-1uha8ag{justify-content:space-between;align-items:center;gap:10px;display:flex}.keybinds-hint.svelte-1uha8ag{color:#8a82a0;font-size:.78rem}.keybinds-reset.svelte-1uha8ag{color:#d7d0c5;font:inherit;cursor:pointer;background:#f6f1e812;border:1px solid #f6f1e824;border-radius:6px;flex-shrink:0;padding:4px 12px;font-size:.78rem}.keybinds-grid.svelte-1uha8ag{scrollbar-width:thin;scrollbar-color:#9c60ff80 transparent;flex-direction:column;gap:6px;max-height:340px;padding-right:4px;display:flex;overflow-y:auto}.keybinds-grid.svelte-1uha8ag::-webkit-scrollbar{width:5px}.keybinds-grid.svelte-1uha8ag::-webkit-scrollbar-track{background:0 0}.keybinds-grid.svelte-1uha8ag::-webkit-scrollbar-thumb{background:#9c60ff80;border-radius:3px}.keybinds-octave.svelte-1uha8ag{align-items:flex-start;gap:6px;display:flex}.octave-label.svelte-1uha8ag{color:#5a5270;text-align:right;flex-shrink:0;width:26px;padding-top:6px;font-size:.7rem}.keybinds-notes.svelte-1uha8ag{flex-wrap:wrap;gap:4px;display:flex}.keybind-cell.svelte-1uha8ag{background:#f6f1e80d;border:1px solid #f6f1e81f;border-radius:7px;width:48px;height:54px;transition:background .1s,border-color .1s;display:flex;position:relative}.keybind-cell.svelte-1uha8ag:hover{background:#f6f1e81a;border-color:#f6f1e838}.keybind-main.svelte-1uha8ag{color:#d7d0c5;cursor:pointer;width:100%;height:100%;font:inherit;background:0 0;border:none;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex}.sharp-cell.svelte-1uha8ag{background:#140e24b3;border-color:#f6f1e814}.bound-cell.svelte-1uha8ag .cell-key:where(.svelte-1uha8ag){color:#9c60ff}.selected-cell.svelte-1uha8ag{background:#9c60ff33;border-color:#9c60ffcc}.cell-note.svelte-1uha8ag{color:#8a82a0;font-size:.68rem;line-height:1}.cell-key.svelte-1uha8ag{color:#6a6280;font-size:.82rem;font-weight:800;line-height:1}.cell-clear.svelte-1uha8ag{color:#c090ff;cursor:pointer;background:#9c60ff40;border:none;border-radius:3px;justify-content:center;align-items:center;width:14px;height:14px;padding:0;font-size:.75rem;line-height:1;display:flex;position:absolute;top:2px;right:2px}.cell-clear.svelte-1uha8ag:hover{background:#9c60ff80}.color-row.svelte-1uha8ag{color:#d7d0c5;cursor:pointer;background:#f6f1e80f;border:1px solid #f6f1e81f;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;min-height:42px;padding:0 10px 0 12px;font-size:.9rem;display:flex}.color-row.svelte-1uha8ag input[type=color]:where(.svelte-1uha8ag){cursor:pointer;background:0 0;border:none;border-radius:4px;width:32px;height:24px;padding:0}.toggle-row.svelte-1uha8ag{color:#d7d0c5;background:#f6f1e80f;border:1px solid #f6f1e81f;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;min-height:42px;padding:0 10px 0 12px;font-size:.9rem;font-weight:750;display:flex}.toggle-row.svelte-1uha8ag input:where(.svelte-1uha8ag){opacity:0;pointer-events:none;position:absolute}.toggle-row.svelte-1uha8ag input:where(.svelte-1uha8ag):checked+.switch:where(.svelte-1uha8ag):after{background:#9c60ff;transform:translate(18px)}.wallpaper-row.svelte-1uha8ag{color:#d7d0c5;min-height:42px;font:inherit;cursor:pointer;text-align:left;background:#f6f1e80f;border:1px solid #f6f1e81f;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:0 10px 0 12px;font-size:.9rem;font-weight:750;display:flex}.wallpaper-row.wallpaper-open.svelte-1uha8ag{background:#9c60ff1a;border-color:#9c60ff80}.chevron.svelte-1uha8ag{border-bottom:2px solid #d7d0c5;border-right:2px solid #d7d0c5;flex-shrink:0;width:8px;height:8px;transition:transform .15s;display:block;transform:rotate(45deg)}.wallpaper-open.svelte-1uha8ag .chevron:where(.svelte-1uha8ag){transform:rotate(-135deg)}.wallpaper-grid.svelte-1uha8ag{flex-wrap:wrap;gap:8px;padding:4px 2px;display:flex}.wallpaper-thumb.svelte-1uha8ag{cursor:pointer;color:#d7d0c5;font:inherit;background:0 0;border:2px solid #0000;border-radius:8px;flex-direction:column;align-items:center;gap:6px;padding:4px 4px 6px;font-size:.75rem;font-weight:700;transition:border-color .12s;display:flex;position:relative}.wallpaper-thumb.active-thumb.svelte-1uha8ag{border-color:#9c60ff;box-shadow:0 0 0 2px #9c60ff4d}.wallpaper-preview.svelte-1uha8ag{border-radius:6px;width:88px;height:56px}.wallpaper-section-label.svelte-1uha8ag{color:#6b5a8a;letter-spacing:.06em;text-transform:uppercase;width:100%;margin-top:6px;font-size:.72rem;font-weight:700}.wallpaper-thumb-name.svelte-1uha8ag{text-overflow:ellipsis;white-space:nowrap;max-width:88px;overflow:hidden}.wallpaper-custom-wrap.svelte-1uha8ag{border:2px solid #0000;border-radius:8px;position:relative}.wallpaper-custom-wrap.active-thumb.svelte-1uha8ag{border-color:#9c60ff;box-shadow:0 0 0 2px #9c60ff4d}.wallpaper-custom-wrap.svelte-1uha8ag .wallpaper-thumb:where(.svelte-1uha8ag){border:none}.wallpaper-delete-btn.svelte-1uha8ag{color:#f6f1e8;cursor:pointer;background:#000000a6;border:none;border-radius:999px;place-items:center;width:16px;height:16px;font-size:.55rem;line-height:1;display:none;position:absolute;top:3px;right:3px}.wallpaper-custom-wrap.svelte-1uha8ag:hover .wallpaper-delete-btn:where(.svelte-1uha8ag){display:grid}.wallpaper-import-btn.svelte-1uha8ag{opacity:.7;border-style:dashed}.wallpaper-import-btn.svelte-1uha8ag:hover{opacity:1}.wallpaper-import-icon.svelte-1uha8ag{color:#6b5a8a;place-items:center;height:56px;font-size:1.6rem;line-height:1;display:grid}.custom-wallpaper-bg.svelte-1uha8ag{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.custom-wallpaper-bg.svelte-1uha8ag:has(video:where(.svelte-1uha8ag)){pointer-events:all}.custom-wallpaper-img.svelte-1uha8ag{object-fit:cover;transform-origin:50%;width:100%;height:100%;display:block}.video-mute-btn.svelte-1uha8ag{z-index:3;color:#f6f1e8;cursor:pointer;pointer-events:all;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#090a0ea6;border:1px solid #f6f1e826;border-radius:8px;place-items:center;width:32px;height:32px;padding:0;transition:background .12s;display:grid;position:fixed;bottom:14px;left:14px}.video-mute-btn.svelte-1uha8ag:hover{background:#090a0ee6}.video-play-overlay.svelte-1uha8ag{color:#ffffffe6;cursor:pointer;z-index:2;background:#00000040;border:none;place-items:center;transition:background .12s;display:grid;position:absolute;inset:0}.video-play-overlay.svelte-1uha8ag:hover{background:#00000061}.video-controls-tl.svelte-1uha8ag{z-index:3;pointer-events:all;align-items:center;gap:6px;display:flex;position:absolute;top:10px;left:10px}.video-tl-timer.svelte-1uha8ag{color:#3badff;letter-spacing:.03em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;background:#090a0eb8;border:1px solid #3badff59;border-radius:20px;padding:4px 10px;font-size:.78rem;font-weight:700}.video-tl-btn-wrap.svelte-1uha8ag{position:relative}.video-tl-btn.svelte-1uha8ag{color:#3badff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#090a0eb8;border:1px solid #3badff4d;border-radius:8px;place-items:center;width:28px;height:28px;padding:0;transition:background .12s;display:grid}.video-tl-btn.svelte-1uha8ag:hover{background:#090a0eeb}.video-tl-popover.svelte-1uha8ag{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#090a0ee6;border:1px solid #3badff40;border-radius:8px;flex-direction:column;gap:6px;min-width:120px;padding:8px;display:flex;position:absolute;top:calc(100% + 6px);left:0}.video-tl-mute.svelte-1uha8ag{color:#3badff;cursor:pointer;text-align:left;background:0 0;border:none;padding:2px 0;font-size:.78rem}.video-tl-slider.svelte-1uha8ag{accent-color:#3badff;width:100%}.video-speed-popover.svelte-1uha8ag{flex-flow:wrap;min-width:100px}.video-speed-opt.svelte-1uha8ag{color:#3badff;cursor:pointer;text-align:center;background:0 0;border:1px solid #3badff33;border-radius:6px;flex:40%;padding:4px 6px;font-size:.78rem;transition:background .1s}.video-speed-opt.svelte-1uha8ag:hover,.active-speed.svelte-1uha8ag{background:#3badff26}.wallpaper-video-thumb.svelte-1uha8ag{position:relative;overflow:hidden}.wallpaper-video-preview.svelte-1uha8ag{object-fit:cover;width:100%;height:100%}.camera-mirror.svelte-1uha8ag{transform:scaleX(-1)}.camera-wallpaper-thumb.svelte-1uha8ag{color:#9c60ff;background:#0d0f16;place-items:center;display:grid}.wallpaper-video-icon.svelte-1uha8ag{pointer-events:none;background:#0006;place-items:center;font-size:1.2rem;display:grid;position:absolute;inset:0}.wallpaper-edit-btn.svelte-1uha8ag{color:#f6f1e8;cursor:pointer;background:#090a0ebf;border:none;border-radius:4px;place-items:center;width:16px;height:16px;padding:0;font-size:9px;line-height:1;display:none;position:absolute;top:3px;left:3px}.wallpaper-custom-wrap.svelte-1uha8ag:hover .wallpaper-edit-btn:where(.svelte-1uha8ag){display:grid}.wallpaper-edit-overlay.svelte-1uha8ag{z-index:200;background:#000000e6;flex-direction:column;display:flex;position:fixed;inset:0}.wallpaper-edit-preview.svelte-1uha8ag{cursor:grab;-webkit-user-select:none;user-select:none;flex:1;justify-content:center;align-items:center;display:flex;overflow:hidden}.wallpaper-edit-preview.grabbing.svelte-1uha8ag{cursor:grabbing}.wallpaper-edit-img.svelte-1uha8ag{object-fit:cover;transform-origin:50%;pointer-events:none;width:100%;height:100%}.wallpaper-edit-controls.svelte-1uha8ag{background:#0d0f16;border-top:1px solid #f6f1e814;flex-direction:column;gap:12px;padding:16px 24px;display:flex}.wallpaper-edit-opacity-row.svelte-1uha8ag{color:#cbc2b6;align-items:center;gap:12px;font-size:.88rem;display:flex}.wallpaper-edit-opacity-row.svelte-1uha8ag input[type=range]:where(.svelte-1uha8ag){accent-color:#9c60ff;flex:1}.wallpaper-edit-opacity-val.svelte-1uha8ag{text-align:right;color:#f6f1e8;min-width:36px;font-size:.85rem;font-weight:700}.wallpaper-edit-actions.svelte-1uha8ag{justify-content:flex-end;gap:8px;display:flex}.wallpaper-edit-ok.svelte-1uha8ag{color:#fff;background:#9c60ff;border-color:#9c60ff}.wallpaper-edit-ok.svelte-1uha8ag:hover{background:#b07fff;border-color:#b07fff}.default-wallpaper.svelte-1uha8ag{background:linear-gradient(135deg,#9c60ff80,#0000 34%),linear-gradient(315deg,#5a2ab499,#0000 30%),#110d1d}.starfield-wallpaper.svelte-1uha8ag{background:#120c26;position:relative;overflow:hidden}.starfield-wallpaper.svelte-1uha8ag:before{content:"";background-image:radial-gradient(1px 1px at 20% 30%,#fffc 0%,#0000 100%),radial-gradient(1px 1px at 60% 15%,#fff9 0%,#0000 100%),radial-gradient(1.5px 1.5px at 80% 55%,#ffffffe6 0%,#0000 100%),radial-gradient(1px 1px at 40% 70%,#ffffff80 0%,#0000 100%),radial-gradient(1px 1px at 10% 80%,#ffffffb3 0%,#0000 100%),radial-gradient(1.5px 1.5px at 50% 45%,#fffc 0%,#0000 100%),radial-gradient(1px 1px at 90% 25%,#fff9 0%,#0000 100%),radial-gradient(1px 1px at 30% 90%,#ffffff80 0%,#0000 100%),radial-gradient(2px 2px at 70% 80%,#ffffffb3 0%,#0000 100%),radial-gradient(1px 1px at 5%,#fff9 0%,#0000 100%);position:absolute;inset:0}.rain-wallpaper.svelte-1uha8ag{background:#303034;position:relative;overflow:hidden}.rain-wallpaper.svelte-1uha8ag:before{content:"";background-image:radial-gradient(1px 2px at 15% 20%,#b4c8e6b3 0%,#0000 100%),radial-gradient(1px 2px at 35%,#b4c8e680 0%,#0000 100%),radial-gradient(1px 2px at 55% 30%,#b4c8e699 0%,#0000 100%),radial-gradient(1px 2px at 75% 70%,#b4c8e6b3 0%,#0000 100%),radial-gradient(1px 2px at 25% 80%,#b4c8e680 0%,#0000 100%),radial-gradient(1px 2px at 85% 40%,#b4c8e699 0%,#0000 100%),radial-gradient(1px 2px at 45% 90%,#b4c8e666 0%,#0000 100%),radial-gradient(1px 2px at 65% 10%,#b4c8e6b3 0%,#0000 100%),radial-gradient(1px 2px at 90% 60%,#b4c8e680 0%,#0000 100%),radial-gradient(1px 2px at 5% 40%,#b4c8e699 0%,#0000 100%);position:absolute;inset:0}.panel-label.svelte-1uha8ag,.midi-status.svelte-1uha8ag{margin:0}.panel-label.svelte-1uha8ag{color:#b999ff;letter-spacing:0;text-transform:uppercase;font-size:.76rem;font-weight:800}.midi-status.svelte-1uha8ag{color:#d7d0c5;margin-top:4px;font-size:.94rem}select.svelte-1uha8ag{color:#f6f1e8;min-height:38px;font:inherit;background:#f6f1e817;border:1px solid #f6f1e833}select.svelte-1uha8ag option:where(.svelte-1uha8ag){color:#d7d0c5;background:#1a1230}select.svelte-1uha8ag:disabled{cursor:not-allowed;opacity:.48}select.svelte-1uha8ag{width:100%;padding:0 10px}.chord-panel.svelte-1uha8ag{z-index:10;touch-action:none;-webkit-user-select:none;user-select:none;background:#100b1cf5;border:1px solid #2c2445;border-radius:10px;min-width:200px;position:fixed;box-shadow:0 12px 40px #0006,0 0 20px #825ae126}.chord-titlebar.svelte-1uha8ag{cursor:grab;border-bottom:1px solid #f6f1e814;justify-content:space-between;align-items:center;padding:8px 10px 8px 14px;display:flex}.chord-titlebar.svelte-1uha8ag:active{cursor:grabbing}.chord-title-left.svelte-1uha8ag{align-items:center;gap:6px;display:flex}.chord-label.svelte-1uha8ag{color:#b999ff;letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;font-weight:800}.chord-watching-badge.svelte-1uha8ag{background:var(--watched-color,#20b8ff);color:#fff;letter-spacing:.03em;opacity:.92;text-overflow:ellipsis;white-space:nowrap;border-radius:999px;max-width:90px;padding:1px 7px;font-size:.62rem;font-weight:800;overflow:hidden}.chord-close.svelte-1uha8ag{color:#9a8faa;cursor:pointer;background:#f6f1e812;border:none;border-radius:5px;flex-shrink:0;place-items:center;width:22px;height:22px;transition:background .12s,color .12s;display:grid}.chord-close.svelte-1uha8ag:hover{color:#f6f1e8;background:#f6f1e824}.chord-body.svelte-1uha8ag{flex-direction:column;align-items:center;gap:6px;padding:14px 20px 16px;display:flex}.chord-name.svelte-1uha8ag{color:#fff;letter-spacing:-.02em;text-align:center;font-size:2rem;font-weight:900;line-height:1}.chord-notes.svelte-1uha8ag{color:#b999ff;letter-spacing:.06em;text-align:center;font-size:.9rem;font-weight:700}.chord-active.svelte-1uha8ag{color:#7a6fa0;letter-spacing:.04em;text-align:center;font-size:.78rem;font-weight:600}.chord-hint.svelte-1uha8ag{color:#5a5070;font-size:.8rem;font-style:italic}.room-chat-stack.svelte-1uha8ag{z-index:4;pointer-events:none;flex-direction:column;gap:6px;width:min(340px,100vw - 4px);min-height:0;display:flex;position:absolute;top:4px;bottom:calc(clamp(150px,21vh,200px) + 3px);right:2px}.room-player-capsules.svelte-1uha8ag{pointer-events:auto;flex-wrap:wrap;justify-content:center;gap:6px;width:100%;display:flex}.room-player-capsule.svelte-1uha8ag{color:#f6f1e8;cursor:pointer;min-width:0;max-width:100%;min-height:30px;font:inherit;text-overflow:ellipsis;white-space:nowrap;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#362058b8;border:1px solid #9c60ff3d;border-radius:8px;align-items:center;gap:3px;padding:0 10px;font-size:.8rem;font-weight:800;display:inline-flex;overflow:hidden;box-shadow:0 8px 22px #0000002e}.room-player-capsule.svelte-1uha8ag:hover{background:#4a2c76c7;border-color:#9c60ff8a}.room-player-capsule.svelte-1uha8ag span:where(.svelte-1uha8ag):last-child{text-overflow:ellipsis;min-width:0;overflow:hidden}.room-player-crown.svelte-1uha8ag{flex:none;place-items:center;width:13px;height:13px;font-size:.68rem;line-height:1;display:inline-grid}.room-player-capsule.svelte-1uha8ag:before{background:var(--player-color,#20b8ff);width:8px;height:8px;box-shadow:0 0 12px var(--player-color,#20b8ff);content:"";border-radius:999px;flex:none}.room-chat.svelte-1uha8ag{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:auto;background:#0c0816bd;border:1px solid #f6f1e81f;border-radius:8px;flex:auto;grid-template-rows:auto minmax(0,1fr) auto;min-height:150px;display:grid;overflow:hidden;box-shadow:0 18px 46px #0000005c,0 0 28px #9c60ff21}.floating-sustain.svelte-1uha8ag{z-index:2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);touch-action:none;-webkit-user-select:none;user-select:none;background:#0c0816bd;position:absolute;top:63px;left:4px}.floating-sustain.chat-sustain.svelte-1uha8ag{top:60px}.floating-pb.svelte-1uha8ag{z-index:2;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;position:absolute;bottom:calc(clamp(150px,21vh,200px) + 4px);left:4px}.floating-pb.chat-pb.svelte-1uha8ag{bottom:calc(clamp(150px,21vh,200px) + 4px)}.pb-rail.svelte-1uha8ag{cursor:ns-resize;touch-action:none;background:#0e0822;border:2px solid #825ae1;border-radius:8px;width:28px;height:140px;position:relative}.pb-rail.svelte-1uha8ag:before{content:"";background:#825ae166;width:14px;height:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pb-thumb.svelte-1uha8ag{pointer-events:none;background:#825ae1;border-radius:4px;width:20px;height:14px;position:absolute;top:50%;left:50%}.room-chat-header.svelte-1uha8ag{color:#9f95ad;text-transform:uppercase;border-bottom:1px solid #f6f1e814;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;font-size:.74rem;font-weight:800;display:flex}.room-chat-header.svelte-1uha8ag div:where(.svelte-1uha8ag){gap:2px;min-width:0;display:grid}.room-chat-header.svelte-1uha8ag strong:where(.svelte-1uha8ag){color:#f6f1e8;text-overflow:ellipsis;text-transform:none;white-space:nowrap;font-size:.88rem;font-weight:850;overflow:hidden}.room-chat-ping.svelte-1uha8ag{color:#b999ff;text-transform:lowercase;margin-left:6px;font-size:.7rem;font-weight:850}.room-chat-messages.svelte-1uha8ag{scrollbar-width:thin;scrollbar-color:#9c60ff6b transparent;flex-direction:column;gap:8px;min-height:0;padding:11px 12px;display:flex;overflow-y:auto}.room-chat-message.svelte-1uha8ag{color:#f6f1e8;background:#f6f1e812;border:1px solid #f6f1e817;border-radius:8px;align-self:flex-start;gap:3px;max-width:88%;padding:5px 9px 8px;display:grid}.room-chat-messages.svelte-1uha8ag>:where(.svelte-1uha8ag):first-child{margin-top:auto}.chat-gif.svelte-1uha8ag{border-radius:8px;max-width:200px;max-height:180px;margin-top:3px;display:block}.chat-yt-preview.svelte-1uha8ag{border-radius:8px;margin-top:3px;text-decoration:none;display:inline-block;position:relative;overflow:hidden}.chat-yt-thumb.svelte-1uha8ag{border-radius:8px;width:200px;height:auto;display:block}.chat-yt-play.svelte-1uha8ag{color:#fff;text-shadow:0 0 12px #000c;background:#00000040;place-items:center;font-size:2rem;transition:background .15s;display:grid;position:absolute;inset:0}.chat-yt-preview.svelte-1uha8ag:hover .chat-yt-play:where(.svelte-1uha8ag){background:#00000073}.room-chat-message.own-chat.svelte-1uha8ag{background:#9c60ff2e;border-color:#9c60ff59;align-self:flex-start}.room-chat-message.system-chat.svelte-1uha8ag{color:#8f849f;background:0 0;border:0;align-self:center;max-width:100%;padding:0;font-size:.78rem;font-weight:750}.room-chat-meta.svelte-1uha8ag{color:#9f95ad;justify-content:space-between;align-items:center;gap:10px;font-weight:800;display:flex}.chat-username.svelte-1uha8ag{color:#c4b8d8;font-size:.97rem;font-weight:500}.chat-crown.svelte-1uha8ag{vertical-align:top;font-size:.78rem;line-height:1}.room-chat-player-button.svelte-1uha8ag{min-width:0;color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;align-items:center;gap:4px;padding:0;font-size:.78rem;font-weight:850;display:inline-flex}.room-chat-player-button.svelte-1uha8ag:hover{color:#d7c4ff}.chat-flag.svelte-1uha8ag{border-radius:2px;flex:none;width:16px;height:11px;display:inline-block;overflow:hidden;box-shadow:0 0 0 1px #f6f1e829}.chat-flag-fr.svelte-1uha8ag{background:linear-gradient(90deg,#0055a4 0 33.33%,#fff 33.33% 66.66%,#ef4135 66.66%)}.room-chat-player-button.svelte-1uha8ag span:where(.svelte-1uha8ag):last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.room-chat-meta.svelte-1uha8ag time:where(.svelte-1uha8ag){color:#6f6480;font-size:.72rem;font-weight:400}.room-chat-message.svelte-1uha8ag p:where(.svelte-1uha8ag){overflow-wrap:anywhere;margin:0;font-size:1.08rem;line-height:1.35}.room-chat-empty.svelte-1uha8ag{color:#6f6480;margin:auto;font-size:.84rem;font-weight:700}.room-chat-form.svelte-1uha8ag{border-top:1px solid #f6f1e814;grid-template-columns:minmax(0,1fr) 34px 36px;gap:7px;padding:10px;display:grid;position:relative}.room-chat-tools.svelte-1uha8ag{place-items:center;display:grid;position:relative}.room-chat-textarea.svelte-1uha8ag{color:#f6f1e8;width:100%;min-width:0;min-height:36px;max-height:108px;font:inherit;resize:none;field-sizing:content;scrollbar-width:thin;scrollbar-color:#9c60ff99 transparent;background:#f6f1e814;border:1px solid #f6f1e821;border-radius:7px;outline:none;padding:8px 10px;font-size:.97rem;line-height:1.4;overflow-y:auto}.room-chat-textarea.svelte-1uha8ag:focus{border-color:#9c60ff9e}.room-chat-textarea.svelte-1uha8ag::placeholder{color:#6f6480}.room-chat-form.svelte-1uha8ag button:where(.svelte-1uha8ag){color:#fff;cursor:pointer;background:#9c60ff2b;border:1px solid #9c60ff7a;border-radius:7px;place-items:center;width:36px;height:36px;display:grid}.room-chat-form.svelte-1uha8ag .room-chat-emoji-button:where(.svelte-1uha8ag){background:#f6f1e812;border-color:#f6f1e824;place-items:center;width:34px;font-size:1.1rem;line-height:1;display:grid}.room-chat-form.svelte-1uha8ag .room-chat-emoji-button:where(.svelte-1uha8ag):hover{background:#9c60ff29;border-color:#9c60ff85}.room-chat-emoji-menu.svelte-1uha8ag{z-index:2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);scrollbar-width:thin;scrollbar-color:#9c60ff94 #f6f1e80d;background:#0c0816eb;border:1px solid #9c60ff47;border-radius:8px;grid-template-columns:repeat(6,32px);gap:6px;max-width:calc(100vw - 28px);max-height:230px;padding:8px;display:grid;position:absolute;bottom:43px;right:-43px;overflow-y:auto;box-shadow:0 16px 40px #00000057,0 0 22px #9c60ff24}.room-chat-emoji-menu.svelte-1uha8ag::-webkit-scrollbar{width:8px}.room-chat-emoji-menu.svelte-1uha8ag::-webkit-scrollbar-track{background:#f6f1e80d;border-radius:999px}.room-chat-emoji-menu.svelte-1uha8ag::-webkit-scrollbar-thumb{background:#9c60ffa6;border:2px solid #0c0816eb;border-radius:999px}.room-chat-emoji-menu.svelte-1uha8ag::-webkit-scrollbar-thumb:hover{background:#b999ffd9}.room-chat-emoji-menu.svelte-1uha8ag button:where(.svelte-1uha8ag){background:#f6f1e812;border-color:#f6f1e81f;width:32px;height:32px;font-size:1rem}.room-chat-emoji-menu.svelte-1uha8ag button:where(.svelte-1uha8ag):hover{background:#9c60ff29;border-color:#9c60ff8a}.room-chat-form.svelte-1uha8ag button:where(.svelte-1uha8ag):hover{background:#9c60ff42;border-color:#9c60ffc2}.room-player-popover.svelte-1uha8ag{z-index:6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0c0816db;border:1px solid #9c60ff38;border-radius:8px;gap:10px;width:min(250px,100vw - 20px);padding:10px;display:grid;position:absolute;top:44px;right:350px;box-shadow:0 18px 46px #0000005c,0 0 28px #9c60ff21}.room-player-popover.anchored-player-popover.svelte-1uha8ag{position:fixed}.room-player-popover-head.svelte-1uha8ag{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;display:grid}.room-player-popover-avatar.svelte-1uha8ag{background:var(--player-color,#20b8ff);width:10px;height:10px;box-shadow:0 0 14px var(--player-color,#20b8ff);border-radius:999px}.room-player-popover-head.svelte-1uha8ag div:where(.svelte-1uha8ag){gap:2px;min-width:0;display:grid}.room-player-popover-head.svelte-1uha8ag strong:where(.svelte-1uha8ag),.room-player-popover-head.svelte-1uha8ag span:where(.svelte-1uha8ag){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.room-player-popover-head.svelte-1uha8ag strong:where(.svelte-1uha8ag){color:#f6f1e8;font-size:.9rem;font-weight:900}.room-player-popover-head.svelte-1uha8ag div:where(.svelte-1uha8ag) span:where(.svelte-1uha8ag){color:#8f849f;font-size:.74rem;font-weight:800}.room-player-popover-head.svelte-1uha8ag>button:where(.svelte-1uha8ag){color:#9f95ad;cursor:pointer;background:0 0;border:0;border-radius:6px;width:24px;height:24px;position:relative}.room-player-popover-head.svelte-1uha8ag>button:where(.svelte-1uha8ag):hover{color:#f6f1e8;background:#9c60ff24}.room-player-popover-head.svelte-1uha8ag>button:where(.svelte-1uha8ag) span:where(.svelte-1uha8ag):before,.room-player-popover-head.svelte-1uha8ag>button:where(.svelte-1uha8ag) span:where(.svelte-1uha8ag):after{content:"";background:currentColor;border-radius:999px;width:12px;height:2px;position:absolute;top:50%;left:6px}.room-player-popover-head.svelte-1uha8ag>button:where(.svelte-1uha8ag) span:where(.svelte-1uha8ag):before{transform:rotate(45deg)}.room-player-popover-head.svelte-1uha8ag>button:where(.svelte-1uha8ag) span:where(.svelte-1uha8ag):after{transform:rotate(-45deg)}.room-player-actions.svelte-1uha8ag{gap:7px;display:grid}.room-player-actions.svelte-1uha8ag button:where(.svelte-1uha8ag){color:#fff;cursor:pointer;min-height:34px;font:inherit;background:#9c60ff24;border:1px solid #9c60ff61;border-radius:7px;font-size:.82rem;font-weight:850}.room-player-actions.svelte-1uha8ag button:where(.svelte-1uha8ag):hover{background:#9c60ff3d;border-color:#9c60ffb3}.room-player-actions.svelte-1uha8ag button.danger-action:where(.svelte-1uha8ag){background:#ff5f781f;border-color:#ff5f786b}.room-player-actions.svelte-1uha8ag button.danger-action:where(.svelte-1uha8ag):hover{background:#ff5f7833;border-color:#ff5f78b8}.room-player-note.svelte-1uha8ag{color:#8f849f;margin:0;font-size:.8rem;font-weight:750;line-height:1.35}.piano-stage.svelte-1uha8ag{align-content:end;gap:16px;width:100%;min-height:clamp(360px,58svh,680px);margin-top:auto;display:grid;position:relative}.status-row.svelte-1uha8ag{z-index:2;color:#cbc2b6;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;padding-inline:clamp(20px,4vw,48px);font-size:.92rem;display:grid;position:relative}.status-row.svelte-1uha8ag span:where(.svelte-1uha8ag):last-child{text-align:right}.latency-center.svelte-1uha8ag{color:#f6f1e8;text-align:center;font-weight:800}@media (width<=680px){.studio-shell.svelte-1uha8ag{padding-top:0}.topbar.svelte-1uha8ag{flex-direction:column;align-items:stretch}.sustain-toggle.svelte-1uha8ag{justify-content:space-between}.settings-menu.svelte-1uha8ag,.midi-import-menu.svelte-1uha8ag{margin-inline:14px;left:0}.midi-file-summary.svelte-1uha8ag,.midi-speed-row.svelte-1uha8ag{grid-template-columns:1fr}.settings-header.svelte-1uha8ag,.settings-grid.svelte-1uha8ag{grid-template-columns:1fr;align-items:stretch}.settings-header.svelte-1uha8ag{flex-direction:column}select.svelte-1uha8ag{width:100%}.status-row.svelte-1uha8ag{text-align:center;grid-template-columns:1fr}.status-row.svelte-1uha8ag span:where(.svelte-1uha8ag):last-child{text-align:center}.room-chat-stack.svelte-1uha8ag{width:auto;inset:4px 2px calc(clamp(150px,21vh,200px) + 3px)}.room-chat.svelte-1uha8ag{min-height:190px}.floating-sustain.svelte-1uha8ag,.floating-sustain.chat-sustain.svelte-1uha8ag{top:136px;right:14px}.floating-pb.svelte-1uha8ag,.floating-pb.chat-pb.svelte-1uha8ag{top:136px;right:74px}.piano-stage.svelte-1uha8ag{min-height:clamp(300px,58svh,560px)}}.home-btn.svelte-1uha8ag{color:#a09898;cursor:pointer;background:#f6f1e812;border:1px solid #f6f1e826;border-radius:8px;flex-shrink:0;place-items:center;width:36px;height:36px;transition:background .12s,color .12s,border-color .12s;display:grid}.home-btn.svelte-1uha8ag:hover{color:#f6f1e8;background:#f6f1e821;border-color:#9c60ff80}.welcome-blur.svelte-1uha8ag{filter:blur(6px);pointer-events:none;-webkit-user-select:none;user-select:none}.profile-backdrop.svelte-1uha8ag{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#05020ed9;place-items:center;display:grid;position:fixed;inset:0}.profile-panel.svelte-1uha8ag{background:#0e0822;border:2px solid #825ae1;border-radius:16px;flex-direction:column;align-items:center;gap:.85rem;width:min(360px,90vw);padding:2rem;display:flex;position:relative;box-shadow:0 0 40px #825ae140}.profile-logo.svelte-1uha8ag{object-fit:contain;filter:drop-shadow(0 0 20px #9c60ff80)brightness(1.15);mix-blend-mode:screen;width:110px}.profile-close.svelte-1uha8ag{color:#6b5a8a;cursor:pointer;background:0 0;border:none;font-size:1rem;transition:color .15s;position:absolute;top:.85rem;right:.85rem}.profile-close.svelte-1uha8ag:hover{color:#f6f1e8}.profile-email.svelte-1uha8ag{color:#8878a8;word-break:break-all;text-align:center;margin:0;font-size:.85rem}.profile-premium.svelte-1uha8ag{color:gold;margin:0;font-size:.95rem;font-weight:700}.profile-form.svelte-1uha8ag{flex-direction:column;gap:.6rem;width:100%;display:flex}.profile-label.svelte-1uha8ag{color:#8878a8;flex-direction:column;gap:.3rem;width:100%;font-size:.82rem;display:flex}.profile-label.svelte-1uha8ag input:where(.svelte-1uha8ag){color:#f6f1e8;font:inherit;box-sizing:border-box;background:#170f30;border:1px solid #3d2d6a;border-radius:8px;outline:none;width:100%;padding:.6rem .85rem;font-size:.93rem;transition:border-color .15s}.profile-label.svelte-1uha8ag input:where(.svelte-1uha8ag):focus{border-color:#9c60ff}.profile-error.svelte-1uha8ag{color:#ff6b6b;margin:0;font-size:.82rem}.profile-btn.svelte-1uha8ag{color:#f6f1e8;font:inherit;cursor:pointer;background:#9c60ff2e;border:2px solid #825ae1;border-radius:8px;width:100%;padding:.65rem;font-size:.93rem;font-weight:700;transition:background .15s,box-shadow .15s}.profile-btn.svelte-1uha8ag:hover:not(:disabled){background:#9c60ff59;box-shadow:0 0 18px #9c60ff4d}.profile-btn.svelte-1uha8ag:disabled{opacity:.5;cursor:not-allowed}.profile-stats.svelte-1uha8ag{background:#9c60ff12;border:1px solid #2a1d4a;border-radius:10px;grid-template-columns:1fr 1fr;gap:.5rem;width:100%;padding:.75rem;display:grid}.profile-stat.svelte-1uha8ag{flex-direction:column;gap:2px;display:flex}.profile-stat-full.svelte-1uha8ag{grid-column:1/-1}.profile-stat-label.svelte-1uha8ag{color:#6b5a8a;font-size:.72rem}.profile-stat-value.svelte-1uha8ag{color:#c4b5e8;font-size:.95rem;font-weight:700}.profile-signout.svelte-1uha8ag{color:#8878a8;background:#ffffff0a;border-color:#3d2d6a}.profile-signout.svelte-1uha8ag:hover{color:#ff6b6b;box-shadow:none;background:#ff64641f;border-color:#ff6b6b}.welcome-profile-btn.svelte-1uha8ag{color:#d4aaff;font:inherit;cursor:pointer;background:#9c60ff2e;border:1px solid #9c60ff80;border-radius:999px;align-items:center;gap:8px;padding:.6rem 1.1rem .6rem .8rem;font-size:1rem;font-weight:600;transition:background .15s,border-color .15s;display:flex}.welcome-profile-btn.svelte-1uha8ag:hover{background:#9c60ff4d;border-color:#9c60ffcc}.welcome-profile-name.svelte-1uha8ag{text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.welcome-profile-premium.svelte-1uha8ag{color:gold}.welcome-screen.svelte-1uha8ag{z-index:100;flex-direction:column;justify-content:center;align-items:center;gap:52px;display:flex;position:fixed;inset:0}.welcome-multiplayer-notice.svelte-1uha8ag{top:max(0px, env(safe-area-inset-top));z-index:130;color:#f6f1e8;text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:none;background:#0c0816e6;border:1px solid #9c60ff61;border-radius:8px;width:min(360px,100vw - 32px);padding:9px 12px;font-size:.88rem;font-weight:850;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 18px 46px #0000005c,0 0 28px #9c60ff2e}.welcome-logo.svelte-1uha8ag{object-fit:contain;filter:drop-shadow(0 0 40px #9c60ff80)brightness(1.15);mix-blend-mode:screen;width:clamp(180px,28vw,340px)}.compact-logo.svelte-1uha8ag{justify-self:center;width:clamp(130px,16vw,220px)}.welcome-back.svelte-1uha8ag{color:#d7d0c5;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0806106b;border:1px solid #f6f1e826;border-radius:8px;place-items:center;width:42px;height:42px;transition:background .12s,color .12s,border-color .12s;display:grid}.panel-back.svelte-1uha8ag{z-index:2;position:absolute;top:14px;left:14px}.create-close.svelte-1uha8ag{z-index:5;color:#9f95ad;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:24px;height:24px;transition:background .12s,color .12s,border-color .12s;display:grid;position:absolute;top:8px;right:8px}.create-close.svelte-1uha8ag:hover{color:#f6f1e8;background:#9c60ff24}.create-close.svelte-1uha8ag span:where(.svelte-1uha8ag):before,.create-close.svelte-1uha8ag span:where(.svelte-1uha8ag):after{content:"";background:currentColor;border-radius:999px;width:12px;height:2px;position:absolute;top:50%;left:6px}.create-close.svelte-1uha8ag span:where(.svelte-1uha8ag):before{transform:rotate(45deg)}.create-close.svelte-1uha8ag span:where(.svelte-1uha8ag):after{transform:rotate(-45deg)}.welcome-back.svelte-1uha8ag:hover{color:#f6f1e8;background:#9c60ff24;border-color:#9c60ff80}.welcome-buttons.svelte-1uha8ag{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.welcome-btn.svelte-1uha8ag{color:#f6f1e8;cursor:pointer;width:clamp(140px,18vw,200px);height:clamp(140px,18vw,200px);font:inherit;letter-spacing:.06em;text-transform:uppercase;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#100b1cd1;border:2px solid #9c60ff66;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:1rem;font-weight:800;transition:border-color .16s,background .16s,transform .16s,box-shadow .16s;display:flex;position:relative}.welcome-btn.svelte-1uha8ag:hover{background:#9c60ff2e;border-color:#9c60ffe6;transform:translateY(-4px);box-shadow:0 12px 40px #9c60ff4d}.welcome-btn-icon.svelte-1uha8ag{font-size:2rem;line-height:1}.multi-btn.svelte-1uha8ag{border-color:#2fe0a25c}.multi-btn.svelte-1uha8ag:hover{background:#2fe0a21f;border-color:#2fe0a2c7}.welcome-multiplayer-panel.svelte-1uha8ag{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0806106b;border:1px solid #f6f1e824;border-radius:12px;gap:12px;width:min(620px,100vw - 32px);padding:16px;display:grid;position:relative;box-shadow:0 18px 52px #00000042,0 0 30px #2fe0a21f}.fullscreen-room-panel.svelte-1uha8ag{align-content:start;gap:18px;width:min(860px,100vw - 36px);min-height:min(620px,100svh - 70px);padding:clamp(22px,3.5vw,36px)}.welcome-create-main.svelte-1uha8ag{color:#fff;cursor:pointer;min-height:46px;font:inherit;text-transform:uppercase;background:#9c60ff47;border:1px solid #9c60ffc7;border-radius:10px;justify-self:center;padding:0 28px;font-size:.94rem;font-weight:900;box-shadow:0 0 28px #9c60ff3d}.welcome-create-main.svelte-1uha8ag:hover{background:#9c60ff61}.welcome-room-create.svelte-1uha8ag{background:#100b1c47;border:1px solid #9c60ff33;border-radius:10px;gap:14px;width:min(560px,100% - 32px);padding:38px 14px 14px;display:grid;position:relative}.welcome-room-create-overlay.svelte-1uha8ag{z-index:4;border-radius:inherit;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080610c7;place-items:center;padding:72px 20px 24px;display:grid;position:absolute;inset:0}.welcome-room-create.svelte-1uha8ag label:where(.svelte-1uha8ag){color:#d7d0c5;text-transform:uppercase;gap:7px;font-size:.78rem;font-weight:800;display:grid}.welcome-room-create.svelte-1uha8ag input:where(.svelte-1uha8ag){color:#f6f1e8;min-height:40px;font:inherit;background:#f6f1e814;border:1px solid #f6f1e829;border-radius:8px;outline:none;padding:0 12px}.welcome-wallpaper-choice.svelte-1uha8ag{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.welcome-wallpaper-choice.svelte-1uha8ag button:where(.svelte-1uha8ag){color:#d7d0c5;cursor:pointer;font:inherit;background:#f6f1e80f;border:1px solid #f6f1e824;border-radius:9px;justify-items:center;gap:8px;padding:8px;font-size:.78rem;font-weight:800;display:grid}.welcome-wallpaper-choice.svelte-1uha8ag .wallpaper-preview:where(.svelte-1uha8ag){width:100%;height:58px}.welcome-wallpaper-choice.svelte-1uha8ag button.active-wallpaper-choice:where(.svelte-1uha8ag){color:#fff;background:#9c60ff29;border-color:#9c60ffd1}.create-room-error.svelte-1uha8ag{color:#ff6b6b;text-align:center;margin:0;font-size:.8rem}.welcome-create-confirm.svelte-1uha8ag{color:#fff;cursor:pointer;min-height:40px;font:inherit;background:#9c60ff47;border:1px solid #9c60ffc7;border-radius:9px;justify-self:end;padding:0 18px;font-size:.84rem;font-weight:900;box-shadow:0 0 24px #9c60ff33}.welcome-room-head.svelte-1uha8ag{color:#d7d0c5;justify-content:space-between;align-items:center;gap:12px;font-size:.86rem;font-weight:800;display:flex}.welcome-rooms.svelte-1uha8ag button:where(.svelte-1uha8ag){color:#f6f1e8;cursor:pointer;min-height:36px;font:inherit;background:#f6f1e814;border:1px solid #f6f1e829;border-radius:8px;font-size:.82rem;font-weight:800}.welcome-rooms.svelte-1uha8ag{gap:8px;max-height:190px;display:grid;overflow-y:auto}.welcome-rooms.svelte-1uha8ag button:where(.svelte-1uha8ag){background:#f6f1e80f;flex-direction:column;align-items:stretch;gap:4px;padding:8px 12px;display:flex}.room-list-top.svelte-1uha8ag{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.welcome-rooms.svelte-1uha8ag p:where(.svelte-1uha8ag){color:#8f849f;text-align:center;margin:0;padding:12px;font-size:.9rem}.room-list-name.svelte-1uha8ag{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;min-width:0;display:flex;overflow:hidden}.room-lock.svelte-1uha8ag{flex-shrink:0;font-size:.8rem}.room-list-count.svelte-1uha8ag{color:#b8a8d8;white-space:nowrap;flex-shrink:0;font-size:.8rem}.room-list-players.svelte-1uha8ag{color:#7a6a9a;text-align:left;white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:.72rem;overflow:hidden}.room-private-toggle.svelte-1uha8ag{color:#8878a8;justify-content:space-between;align-items:center;font-size:.82rem;display:flex}.toggle-btn.svelte-1uha8ag{cursor:pointer;background:#2a1d4a;border:none;border-radius:999px;flex-shrink:0;width:38px;height:22px;padding:0;transition:background .2s;position:relative}.toggle-btn.toggle-on.svelte-1uha8ag{background:#825ae1}.toggle-knob.svelte-1uha8ag{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:3px;left:3px}.toggle-btn.toggle-on.svelte-1uha8ag .toggle-knob:where(.svelte-1uha8ag){transform:translate(16px)}.join-password-overlay.svelte-1uha8ag{z-index:10;background:#05020eb3;border-radius:16px;place-items:center;display:grid;position:absolute;inset:0}.join-password-box.svelte-1uha8ag{background:#0e0822;border:1px solid #825ae1;border-radius:12px;flex-direction:column;gap:.75rem;width:min(280px,90%);padding:1.25rem;display:flex}.join-password-title.svelte-1uha8ag{color:#f6f1e8;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.9rem;font-weight:700;overflow:hidden}.join-password-box.svelte-1uha8ag input:where(.svelte-1uha8ag){color:#f6f1e8;font:inherit;background:#170f30;border:1px solid #3d2d6a;border-radius:8px;outline:none;padding:.55rem .8rem;font-size:.93rem}.join-password-box.svelte-1uha8ag input:where(.svelte-1uha8ag):focus{border-color:#9c60ff}.join-password-actions.svelte-1uha8ag{gap:.5rem;display:flex}.join-password-actions.svelte-1uha8ag button:where(.svelte-1uha8ag){color:#8878a8;font:inherit;cursor:pointer;background:#f6f1e80d;border:1px solid #3d2d6a;border-radius:8px;flex:1;padding:.55rem}.join-password-confirm.svelte-1uha8ag{font-weight:700;color:#f6f1e8!important;background:#9c60ff2e!important;border-color:#825ae1!important}.join-password-confirm.svelte-1uha8ag:hover{background:#9c60ff59!important}.settings-locked.svelte-1uha8ag{opacity:.42;filter:blur(1.5px);pointer-events:none}.room-chat-header-right.svelte-1uha8ag{align-items:center;gap:5px;font-size:.74rem;font-weight:800;display:flex!important}.room-settings-btn.svelte-1uha8ag{color:#8f849f;cursor:pointer;background:0 0;border:none;border-radius:5px;place-items:center;width:26px;height:26px;padding:0;font-size:1.1rem;line-height:1;transition:color .12s,background .12s;display:grid}.room-settings-btn.svelte-1uha8ag:hover{color:#c4b8d8;background:#9c60ff2e}.room-settings-overlay.svelte-1uha8ag{z-index:30;background:#05020eb8;place-items:center;display:grid;position:fixed;inset:0}.room-settings-modal.svelte-1uha8ag{background:#0e0822;border:1.5px solid #825ae1;border-radius:14px;flex-direction:column;gap:.9rem;width:min(420px,100vw - 32px);padding:1.5rem;display:flex;position:relative;box-shadow:0 0 50px #825ae147}.room-settings-title.svelte-1uha8ag{color:#b999ff;text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:.9rem;font-weight:800}.room-settings-close.svelte-1uha8ag{color:#6b5a8a;cursor:pointer;background:0 0;border:none;font-size:1rem;transition:color .15s;position:absolute;top:.75rem;right:.75rem}.room-settings-close.svelte-1uha8ag:hover{color:#f6f1e8}.room-settings-label.svelte-1uha8ag{color:#8878a8;text-transform:uppercase;flex-direction:column;gap:.35rem;font-size:.76rem;font-weight:800;display:flex}.room-settings-label.svelte-1uha8ag input:where(.svelte-1uha8ag){color:#f6f1e8;font:inherit;background:#170f30;border:1px solid #3d2d6a;border-radius:8px;outline:none;padding:.55rem .85rem;font-size:.93rem;transition:border-color .15s}.room-settings-label.svelte-1uha8ag input:where(.svelte-1uha8ag):focus{border-color:#9c60ff}.room-settings-wallpaper-section.svelte-1uha8ag{color:#8878a8;text-transform:uppercase;flex-direction:column;gap:.5rem;font-size:.76rem;font-weight:800;display:flex}.room-settings-wallpaper-grid.svelte-1uha8ag{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.room-settings-wallpaper-grid.svelte-1uha8ag button:where(.svelte-1uha8ag){color:#d7d0c5;cursor:pointer;font:inherit;text-transform:none;background:#f6f1e80f;border:1px solid #f6f1e824;border-radius:8px;justify-items:center;gap:6px;padding:6px;font-size:.76rem;font-weight:700;display:grid}.room-settings-wallpaper-grid.svelte-1uha8ag .wallpaper-preview:where(.svelte-1uha8ag){border-radius:5px;width:100%;height:48px}.room-settings-wallpaper-grid.svelte-1uha8ag button.active-wallpaper-choice:where(.svelte-1uha8ag){color:#fff;background:#9c60ff29;border-color:#9c60ffd1}.room-settings-actions.svelte-1uha8ag{justify-content:flex-end;gap:.5rem;display:flex}.room-settings-actions.svelte-1uha8ag button:where(.svelte-1uha8ag){color:#8878a8;font:inherit;cursor:pointer;background:#f6f1e80d;border:1px solid #3d2d6a;border-radius:8px;padding:.5rem 1.1rem;font-size:.88rem;transition:background .15s}.room-settings-save.svelte-1uha8ag{font-weight:700;color:#f6f1e8!important;background:#9c60ff38!important;border-color:#825ae1!important}.room-settings-save.svelte-1uha8ag:hover{background:#9c60ff61!important}.room-player-capsule-wrap.svelte-1uha8ag{align-items:center;gap:2px;display:inline-flex}.capsule-chord-btn.svelte-1uha8ag{color:#6a6280;cursor:pointer;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f6f1e80f;border:1px solid #f6f1e824;border-radius:6px;flex-shrink:0;place-items:center;width:22px;height:22px;padding:0;font-size:.72rem;line-height:1;transition:color .12s,background .12s,border-color .12s;display:grid}.capsule-chord-btn.svelte-1uha8ag:hover{color:#b999ff;background:#9c60ff2e;border-color:#9c60ff66}.capsule-chord-active.svelte-1uha8ag{color:#b999ff;background:#9c60ff38;border-color:#9c60ff99;box-shadow:0 0 8px #9c60ff4d}.chord-watch-popover-btn.svelte-1uha8ag{color:#9f95ad;cursor:pointer;min-height:32px;font:inherit;background:#9c60ff14;border:1px solid #9c60ff47;border-radius:7px;justify-content:center;align-items:center;padding:0 10px;font-size:.8rem;font-weight:800;transition:background .12s,color .12s,border-color .12s;display:flex}.chord-watch-popover-btn.svelte-1uha8ag:hover{color:#c4b8d8;background:#9c60ff33;border-color:#9c60ff8a}.chord-watch-popover-active.svelte-1uha8ag{color:#d4aaff;background:#9c60ff3d;border-color:#9c60ffb3;box-shadow:0 0 12px #9c60ff33}.room-player-own-color.svelte-1uha8ag{color:#8f849f;justify-content:space-between;align-items:center;gap:10px;padding:2px 0;font-size:.8rem;font-weight:750;display:flex}.player-color-square.svelte-1uha8ag{background:var(--note-color,#20b8ff);cursor:pointer;width:28px;height:28px;box-shadow:0 0 10px var(--note-color,#20b8ff);border:1px solid #f6f1e838;border-radius:6px;flex-shrink:0;display:block;position:relative;overflow:hidden}.player-color-square.svelte-1uha8ag input[type=color]:where(.svelte-1uha8ag){opacity:0;cursor:pointer;border:0;width:36px;height:36px;padding:0;position:absolute;inset:-4px}.jc-btn.svelte-1uha8ag{background:linear-gradient(135deg,#9c60ff2e,#20b8ff1f);border-color:#9c60ff59}.jc-btn.svelte-1uha8ag:hover{background:linear-gradient(135deg,#9c60ff52,#20b8ff38);border-color:#9c60ff99}.jc-welcome-title.svelte-1uha8ag{color:#f6f1e8;text-align:center;margin:0 0 4px;font-size:1.3rem;font-weight:900}.jc-game-overlay.svelte-1uha8ag{z-index:60;background:#08070e;flex-direction:column;display:flex;position:fixed;inset:0}.jc-game-view.svelte-1uha8ag{flex:1;min-height:0;overflow:hidden}.jc-keyboard-bar.svelte-1uha8ag{flex-shrink:0}