.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;justify-content:center;align-items:center;padding:2px;font-size:1rem;transition:color .15s;display:flex;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:.95rem;transition:color .15s}.auth-switch.svelte-wbwgjp:hover{color:#c4a0ff}.forgot-link.svelte-wbwgjp{color:#5a4878;font-size:.88rem}.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}.terms-row.svelte-wbwgjp{align-items:center;gap:.5rem;display:flex}.terms-notice.svelte-wbwgjp{color:#6b5a8a;text-align:left;flex:1;margin:0;font-size:.75rem;line-height:1.4}.terms-lang-toggle.svelte-wbwgjp{border:1px solid #825ae14d;border-radius:5px;flex-shrink:0;display:flex;overflow:hidden}.terms-lang-toggle.svelte-wbwgjp button:where(.svelte-wbwgjp){color:#ffffff59;font:inherit;cursor:pointer;background:0 0;border:none;padding:3px 8px;font-size:.68rem;font-weight:700;transition:background .15s,color .15s}.terms-lang-toggle.svelte-wbwgjp button:where(.svelte-wbwgjp):first-child{border-right:1px solid #825ae14d}.terms-lang-toggle.svelte-wbwgjp button.active:where(.svelte-wbwgjp){color:#c4a0ff;background:#825ae133}.terms-link.svelte-wbwgjp{color:#9c60ff;text-decoration:underline}.terms-link.svelte-wbwgjp:hover{color:#c4a0ff}.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}.midi-editor.svelte-pkc6fl{z-index:2;pointer-events:auto;position:fixed;inset:0}canvas.svelte-pkc6fl{cursor:crosshair;touch-action:none;width:100%;height:100svh}.midi-editor-bar.svelte-pkc6fl{z-index:4;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0d0f16e0;border:1px solid #ffffff2e;border-radius:8px;align-items:center;gap:10px;height:38px;padding:0 8px 0 14px;display:flex;position:fixed;top:12px;left:50%;transform:translate(-50%);box-shadow:0 16px 42px #00000047}.midi-editor-bar.svelte-pkc6fl span:where(.svelte-pkc6fl){letter-spacing:.08em;color:#fff3c8;font-size:11px;font-weight:900}.midi-editor-bar.svelte-pkc6fl strong:where(.svelte-pkc6fl){color:#ffffffb8;white-space:nowrap;font-size:12px}.midi-editor-help.svelte-pkc6fl{z-index:4;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#ffffffc7;pointer-events:none;background:#0d0f16c7;border:1px solid #ffffff24;border-radius:8px;gap:4px;padding:9px 10px;font-size:11px;font-weight:800;line-height:1.15;display:grid;position:fixed;top:12px;right:14px}.note-menu.svelte-pkc6fl button:where(.svelte-pkc6fl){color:#fff;cursor:pointer;background:#ffffff1c;border:0;border-radius:7px;font-weight:800}.note-menu.svelte-pkc6fl{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#10121af0;border:1px solid #ffffff2e;border-radius:8px;width:238px;padding:12px;position:fixed;box-shadow:0 18px 60px #00000057}.note-menu-head.svelte-pkc6fl,.note-toggle.svelte-pkc6fl{justify-content:space-between;align-items:center;gap:10px;display:flex}.note-menu-head.svelte-pkc6fl span:where(.svelte-pkc6fl){color:#fff3c8;font-size:11px;font-weight:900}.note-menu-head.svelte-pkc6fl button:where(.svelte-pkc6fl){width:24px;height:24px}.note-menu.svelte-pkc6fl label:where(.svelte-pkc6fl){color:#fffc;gap:7px;margin-top:12px;font-size:12px;font-weight:800;display:grid}.note-menu.svelte-pkc6fl input[type=range]:where(.svelte-pkc6fl){accent-color:#ffcf5a;width:100%}.note-toggle.svelte-pkc6fl{grid-template-columns:1fr auto}.delete-note.svelte-pkc6fl{width:100%;height:30px;margin-top:14px;color:#ffdada!important;background:#ff565638!important}.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:#b9b9b9;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:#1d1d1d;width:calc(1.01731% + 4px);min-width:5px;height:calc(58% + 3.1px);position:absolute}.black-key-frame.active.svelte-etcimh{background:var(--note-color,#20b8ff)}.white-key.active.texture-transparent.svelte-etcimh,.black-key-frame.active.texture-transparent.svelte-etcimh{background:rgba(from var(--note-color,#20b8ff) r g b / .26);box-shadow:inset 0 0 0 1.2px rgba(from var(--note-color,#20b8ff) r g b / .58), inset 0 1px 0 #ffffff24}.black-key.active.texture-transparent.svelte-etcimh{background:linear-gradient(rgba(from var(--note-color,#20b8ff) r g b / .26), rgba(from var(--note-color,#20b8ff) r g b / .26)), linear-gradient(to bottom, transparent calc(100% - 9px), #24252a calc(100% - 9px)), #1d1d1d;box-shadow:inset 0 0 0 1.2px rgba(from var(--note-color,#20b8ff) r g b / .58)}.white-key.active.texture-glass.svelte-etcimh,.black-key-frame.active.texture-glass.svelte-etcimh{background:linear-gradient(180deg, #ffffff47, #ffffff1a 34%, #00000014), var(--note-color,#20b8ff)}.black-key.active.texture-glass.svelte-etcimh{background:linear-gradient(180deg, #ffffff47, #ffffff1a 34%, #00000014), linear-gradient(var(--note-color,#20b8ff), var(--note-color,#20b8ff)), linear-gradient(to bottom, transparent calc(100% - 9px), #24252a calc(100% - 9px)), #1d1d1d}.white-key.active.texture-stripes.svelte-etcimh,.black-key-frame.active.texture-stripes.svelte-etcimh{background:repeating-linear-gradient(135deg, #ffffff2e 0 6px, #fff0 6px 12px), var(--note-color,#20b8ff)}.black-key.active.texture-stripes.svelte-etcimh{background:repeating-linear-gradient(135deg, #ffffff2e 0 6px, #fff0 6px 12px), linear-gradient(var(--note-color,#20b8ff), var(--note-color,#20b8ff)), linear-gradient(to bottom, transparent calc(100% - 9px), #24252a calc(100% - 9px)), #1d1d1d}.white-key.active.texture-dots.svelte-etcimh,.black-key-frame.active.texture-dots.svelte-etcimh{background:radial-gradient(circle at 20% 24%, #ffffff38 0 1.2px, transparent 1.4px), radial-gradient(circle at 68% 38%, #fff3 0 1.2px, transparent 1.4px), radial-gradient(circle at 42% 72%, #ffffff2e 0 1.2px, transparent 1.4px), var(--note-color,#20b8ff);background-size:12px 12px,14px 14px,16px 16px,auto}.black-key.active.texture-dots.svelte-etcimh{background:radial-gradient(circle at 20% 24%, #ffffff38 0 1.2px, transparent 1.4px), radial-gradient(circle at 68% 38%, #fff3 0 1.2px, transparent 1.4px), radial-gradient(circle at 42% 72%, #ffffff2e 0 1.2px, transparent 1.4px), linear-gradient(var(--note-color,#20b8ff), var(--note-color,#20b8ff)), linear-gradient(to bottom, transparent calc(100% - 9px), #24252a calc(100% - 9px)), #1d1d1d;background-size:12px 12px,14px 14px,16px 16px,auto,auto,auto}.white-key.active.texture-flowers.svelte-etcimh,.black-key-frame.active.texture-flowers.svelte-etcimh{background:radial-gradient(circle at 24% 28%, #ffffff42 0 1.2px, transparent 1.4px), radial-gradient(circle at 30% 28%, #ffffff42 0 1.2px, transparent 1.4px), radial-gradient(circle at 27% 22%, #ffffff42 0 1.2px, transparent 1.4px), radial-gradient(circle at 27% 34%, #ffffff42 0 1.2px, transparent 1.4px), radial-gradient(circle at 27% 28%, #ffde7852 0 1px, transparent 1.2px), var(--note-color,#20b8ff);background-size:22px 22px,22px 22px,22px 22px,22px 22px,22px 22px,auto}.black-key.active.texture-flowers.svelte-etcimh{background:radial-gradient(circle at 24% 28%, #ffffff42 0 1.2px, transparent 1.4px), radial-gradient(circle at 30% 28%, #ffffff42 0 1.2px, transparent 1.4px), radial-gradient(circle at 27% 22%, #ffffff42 0 1.2px, transparent 1.4px), radial-gradient(circle at 27% 34%, #ffffff42 0 1.2px, transparent 1.4px), radial-gradient(circle at 27% 28%, #ffde7852 0 1px, transparent 1.2px), linear-gradient(var(--note-color,#20b8ff), var(--note-color,#20b8ff)), linear-gradient(to bottom, transparent calc(100% - 9px), #24252a calc(100% - 9px)), #1d1d1d;background-size:22px 22px,22px 22px,22px 22px,22px 22px,22px 22px,auto,auto,auto}.white-key.active.glow-active.svelte-etcimh,.black-key-frame.active.glow-active.svelte-etcimh{box-shadow:inset 0 -1px 0 #151515, 0 0 16px rgba(from var(--note-color,#20b8ff) r g b / .55)}.black-key.active.glow-active.svelte-etcimh{filter:drop-shadow(0 0 10px rgba(from var(--note-color,#20b8ff) r g b / .6))}.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}html,body{overflow:hidden}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;transition:filter .18s,opacity .18s;display:flex;position:relative}.studio-shell.scene-transitioning.svelte-1uha8ag{filter:blur(5px);opacity:.88}.hidden-file-input.svelte-1uha8ag{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed}.app-controls-overlay.svelte-1uha8ag{z-index:1900;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#070410db;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.app-controls-overlay-soft.svelte-1uha8ag{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#070410b3}.app-controls-panel.svelte-1uha8ag{text-align:center;background:linear-gradient(#9c60ff26,#0f0b1cf5 52%),#0b0818f5;border:1px solid #9c60ff70;border-radius:22px;flex-direction:column;align-items:center;gap:14px;width:min(430px,100vw - 32px);padding:26px 24px 36px;display:flex;position:relative;box-shadow:0 20px 80px #0000005c,inset 0 0 0 1px #ffffff0a}.app-controls-panel-compact.svelte-1uha8ag{width:min(390px,100vw - 32px);padding-block:22px 18px}.app-controls-overlay-clear.svelte-1uha8ag{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:0 0}.app-controls-back.svelte-1uha8ag{z-index:2001;color:#f8f3ffb3;cursor:pointer;background:0 0;border:none;padding:4px;font-size:1.1rem;line-height:1;position:fixed;top:14px;left:14px}.app-controls-back--topright.svelte-1uha8ag{left:auto;right:14px}.app-controls-back.svelte-1uha8ag:hover{color:#f8f3ff}.app-controls-panel-close.svelte-1uha8ag{color:#f8f3ff80;cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:.9rem;line-height:1;position:absolute;top:10px;right:10px}.app-controls-panel-close.svelte-1uha8ag:hover{color:#f8f3ff}.app-controls-discord.svelte-1uha8ag{position:absolute;top:14px;left:14px}.app-controls-logo-clickable.svelte-1uha8ag{cursor:pointer}.app-controls-password.svelte-1uha8ag{z-index:2000;align-items:center;gap:6px;display:flex;position:fixed;top:14px;left:14px}.app-controls-password--bottom.svelte-1uha8ag{top:auto;bottom:14px}.app-controls-password-input.svelte-1uha8ag{color:#f8f3ff;background:#ffffff14;border:1px solid #9c60ff80;border-radius:8px;outline:none;width:140px;padding:5px 10px;font-size:.85rem;transition:border-color .15s}.app-controls-password-input.svelte-1uha8ag:focus{border-color:#9c60ffe6}.app-controls-password-input.error.svelte-1uha8ag{border-color:#9c60ff80}.app-controls-password-close.svelte-1uha8ag{color:#f8f3ff80;cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:.8rem;line-height:1}.app-controls-password-close.svelte-1uha8ag:hover{color:#f8f3ff}.app-controls-logo.svelte-1uha8ag{width:min(110px,36vw);height:auto;margin-top:-20px}.app-controls-message.svelte-1uha8ag{color:#f8f3ff;word-break:break-word;overflow-wrap:break-word;margin:0;font-size:1.2rem;font-weight:600;line-height:1.5}.topbar.svelte-1uha8ag{z-index:40;pointer-events:none;justify-content:flex-start;align-items:flex-start;gap:5px;padding:12px 14px 0 5px;display:flex;position:relative}.topbar.svelte-1uha8ag>:where(.svelte-1uha8ag){pointer-events:auto}.top-capsules-hoverzone.svelte-1uha8ag{display:none}.topbar.welcome-settings-layer.svelte-1uha8ag{z-index:140}.welcome-top-left.svelte-1uha8ag{z-index:10;align-items:flex-start;gap:8px;display:flex;position:absolute;top:1.2rem;left:1.2rem}.welcome-left-stack.svelte-1uha8ag{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.welcome-primary-actions.svelte-1uha8ag{align-items:center;gap:8px;display:flex}.welcome-top-right.svelte-1uha8ag{z-index:10;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute;top:1.2rem;right:1.2rem}.welcome-top-right-actions.svelte-1uha8ag{align-items:center;gap:8px;display:flex}.accueil-notification.svelte-1uha8ag{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:center;background:linear-gradient(#9c60ff26,#0f0b1cf5 52%),#0b0818f5;border:1px solid #9c60ff70;border-radius:18px;flex-direction:column;align-items:center;gap:10px;width:min(220px,100vw - 32px);padding:20px 16px 16px;display:flex;position:relative;box-shadow:0 20px 60px #0000005c}.accueil-notification-close.svelte-1uha8ag{color:#f8f3ff66;cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:.8rem;line-height:1;position:absolute;top:8px;right:10px}.accueil-notification-close.svelte-1uha8ag:hover{color:#f8f3ff}.accueil-notification-title.svelte-1uha8ag{color:#f8f3ff;word-break:break-word;margin:0;font-size:1rem;font-weight:700;line-height:1.3}.accueil-notification-message.svelte-1uha8ag{color:#f8f3ffd9;word-break:break-word;margin:0;font-size:.95rem;font-weight:500;line-height:1.5}.welcome-bell-btn.svelte-1uha8ag{color:#d4aaff;cursor:pointer;background:#9c60ff2e;border:1px solid #9c60ff80;border-radius:10px;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}.welcome-settings-btn.svelte-1uha8ag{color:#d4aaff;cursor:pointer;background:#9c60ff2e;border:1px solid #9c60ff80;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;transition:background .15s,border-color .15s;display:flex}.welcome-settings-btn.svelte-1uha8ag:hover{background:#9c60ff4d;border-color:#9c60ffcc}.welcome-settings-scrim.svelte-1uha8ag{z-index:120;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;background:#05030c14;position:fixed;inset:0}.about-grid.svelte-1uha8ag{text-align:center;flex-direction:column;align-items:center;gap:.8rem;padding:.5rem 0;display:flex}.about-logo.svelte-1uha8ag{opacity:.9;width:140px;height:auto}.about-text.svelte-1uha8ag{color:#ffffffb3;margin:0;font-size:.85rem}.about-legal-link.svelte-1uha8ag{color:#9b6ef0;font-size:.85rem;font-weight:700;text-decoration:none}.about-legal-link.svelte-1uha8ag:hover{text-decoration:underline}.about-version.svelte-1uha8ag{color:#ffffff59;margin:0;font-size:.72rem}.discord-btn.svelte-1uha8ag{color:#99aeff;background:#5865f22e;border:1px solid #5865f280;border-radius:10px;justify-content:center;align-items:center;width:54px;height:54px;text-decoration:none;transition:background .15s,border-color .15s,color .15s;display:flex}.discord-btn-compact.svelte-1uha8ag{width:38px;height:38px;margin-left:0}.discord-btn.svelte-1uha8ag:hover{color:#c5ccff;background:#5865f257;border-color:#5865f2e6}.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-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-item-title.svelte-1uha8ag{color:#f6f1e8;margin:0 0 4px;font-size:1rem;font-weight:700}.bell-item-message.svelte-1uha8ag{color:#e8e0ff;word-break:break-word;overflow-wrap:break-word;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;padding:6px 10px 6px 12px;display:flex}.rate-limit-banner.svelte-1uha8ag{color:#fdba74;background:#fb923c26;border-color:#fb923c59;max-width:fit-content;margin-bottom:6px;font-size:.78rem;font-weight:600}.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{align-items:center;gap:5px;display:flex}.top-capsules-hidden.svelte-1uha8ag{visibility:hidden;pointer-events:none}.top-capsules.svelte-1uha8ag{flex-wrap:wrap;flex:0 auto;min-width:0}.topbar.auto-hide-top-capsules.svelte-1uha8ag{min-height:54px;position:relative}.topbar.auto-hide-top-capsules.svelte-1uha8ag .top-capsules-hoverzone:where(.svelte-1uha8ag){pointer-events:auto;z-index:1;height:58px;display:block;position:absolute;top:0;left:0;right:0}.topbar.auto-hide-top-capsules.svelte-1uha8ag .home-btn:where(.svelte-1uha8ag),.topbar.auto-hide-top-capsules.svelte-1uha8ag .top-capsules:where(.svelte-1uha8ag){z-index:2;opacity:0;pointer-events:none;transition:opacity .14s,transform .14s;position:relative;transform:translateY(-10px)}.topbar.auto-hide-top-capsules.svelte-1uha8ag:hover .home-btn:where(.svelte-1uha8ag),.topbar.auto-hide-top-capsules.svelte-1uha8ag .home-btn:where(.svelte-1uha8ag):hover,.topbar.auto-hide-top-capsules.svelte-1uha8ag .home-btn:where(.svelte-1uha8ag):focus-visible,.topbar.auto-hide-top-capsules.svelte-1uha8ag:hover .top-capsules:where(.svelte-1uha8ag),.topbar.auto-hide-top-capsules.svelte-1uha8ag .top-capsules:where(.svelte-1uha8ag):hover,.topbar.auto-hide-top-capsules.svelte-1uha8ag .top-capsules:where(.svelte-1uha8ag):focus-within{opacity:1;pointer-events:auto;transform:translateY(0)}.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}.premium-capsule.svelte-1uha8ag{background:linear-gradient(#00e5ff17,#0e0822 70%);border-color:#00e5ff9e;box-shadow:inset 0 0 0 1px #00e5ff14}.premium-capsule.svelte-1uha8ag:hover,.premium-capsule.svelte-1uha8ag:focus-visible{border-color:#00e5ff;box-shadow:0 0 0 4px #00e5ff1f,0 0 24px #00e5ff3d}.capsule-plus.svelte-1uha8ag{width:14px;height:14px;box-shadow:none;color:#00e5ff;text-shadow:0 0 8px #00e5ffb3;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;font-size:.8rem;font-weight:900;line-height:1;display:inline-flex}.capsule-plus.svelte-1uha8ag:before{content:"+"}.premium-top-capsule.svelte-1uha8ag{padding-left:19px;padding-right:28px}.wide-capsule.premium-top-capsule.svelte-1uha8ag{padding-left:20px;padding-right:28px}.top-capsule-plus.svelte-1uha8ag{position:absolute;top:50%;right:12px;transform:translateY(-50%)}.capsule-plus.top-capsule-plus.svelte-1uha8ag:before{content:"";filter:drop-shadow(0 0 4px #00e5ff)drop-shadow(0 0 8px #00e5ffcc)drop-shadow(0 0 14px #00e5ff80);background-color:#00e5ff;width:9px;height:9px;display:block;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M5 1v8M1 5h8' stroke='white' stroke-width='3.2' stroke-linecap='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M5 1v8M1 5h8' stroke='white' stroke-width='3.2' stroke-linecap='round'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.panel-premium-link.svelte-1uha8ag,.chord-premium-link.svelte-1uha8ag{cursor:pointer;background:linear-gradient(#4abbff3d,#1e6ddd33);border:1.5px solid #48b4ffd1;border-radius:8px;justify-content:center;align-items:center;width:70px;height:26px;padding:0;display:inline-flex;box-shadow:0 0 16px #48b4ff29}.panel-premium-link.svelte-1uha8ag img:where(.svelte-1uha8ag),.chord-premium-link.svelte-1uha8ag img:where(.svelte-1uha8ag){object-fit:contain;filter:drop-shadow(0 0 8px #48b4ff61);width:52px;height:auto;display:block}.sound-capsule.svelte-1uha8ag{min-height:42px;padding:0 24px;font-size:.95rem}.premium-feature-capsule.svelte-1uha8ag{background:linear-gradient(#a776ff14,#0e0822f0 70%);border-color:#ba90ff94;box-shadow:inset 0 0 0 1px #ba90ff14}.premium-feature-capsule.svelte-1uha8ag:hover,.premium-feature-capsule.svelte-1uha8ag:focus-visible,.premium-feature-capsule.active-capsule.svelte-1uha8ag{background:linear-gradient(#a776ff24,#100a24fa 72%);border-color:#bb93ff;box-shadow:0 0 0 4px #a776ff1c,0 0 24px #a776ff33}.settings-capsule.svelte-1uha8ag{background:#0e0822;border-color:#825ae1;width:42px;padding:0}.settings-gear-icon.svelte-1uha8ag{color:#fff}.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:#0e0822;border-color:#825ae1}.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:12;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}.settings-menu.svelte-1uha8ag{z-index:110;flex-direction:column;max-height:calc(100svh + 284px - clamp(360px,58svh,680px));margin-left:0;display:flex;position:fixed;top:56px;left:14px}.settings-menu.welcome-settings-menu.svelte-1uha8ag{z-index:150;margin-left:0;position:fixed;top:4.6rem;left:auto;right:1rem}.instrument-overlay.svelte-1uha8ag{z-index:20;pointer-events:none;place-items:start center;padding-top:72px;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(520px,100svh - 360px);padding:16px;display:flex;overflow:hidden;box-shadow:0 24px 64px #00000080,0 0 40px #825ae133}.midi-import-menu.svelte-1uha8ag{z-index:14;width:min(520px,100vw - 28px);box-shadow:none;background:0 0;border:0;padding:0;top:86px;left:88px}.settings-header.svelte-1uha8ag{z-index:2;border-bottom:1px solid #f6f1e81a;padding-bottom:12px;position:relative}.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{z-index:2;gap:7px;padding-top:12px;display:flex;position:relative}.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}.latency-reload-row.svelte-1uha8ag{justify-content:space-between;align-items:center;gap:12px;display:flex}.latency-reload-note.svelte-1uha8ag{color:#f6f1e8b3;font-size:.82rem;font-weight:500}.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%}.velocity-toggle.svelte-1uha8ag{grid-column:1/-1}.velocity-range-field.velocity-disabled.svelte-1uha8ag{opacity:.45}.velocity-range-field.svelte-1uha8ag input:where(.svelte-1uha8ag):disabled{cursor:not-allowed}.latency-warning.svelte-1uha8ag{color:#f6f1e866;white-space:nowrap;font-size:.75rem;font-weight:400;display:inline-block}.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}.multiplayer-name-display.svelte-1uha8ag{color:#f6f1e8;flex-direction:column;gap:2px;padding:6px 0;font-size:.9rem;display:flex}.multiplayer-name-hint.svelte-1uha8ag{color:#a855f7;opacity:.8;font-size:.75rem;text-decoration:none}.multiplayer-name-hint.svelte-1uha8ag:hover{opacity:1;text-decoration:underline}.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.midi-edit-trigger.svelte-1uha8ag{color:#fff}.midi-action-button.danger-action.svelte-1uha8ag{color:#ffd8df;background:#ff4d721f;border-color:#ff4d727a}.midi-edit-actions.svelte-1uha8ag{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.midi-edit-actions.center-edit-action.svelte-1uha8ag{grid-template-columns:minmax(150px,220px);justify-content:center}.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{min-height:30px;color:var(--player-name-color,#f6f1e8);text-shadow:var(--player-name-shadow,none);background:#f6f1e80f;border:1px solid #f6f1e81f;border-radius:7px;align-items:center;gap:7px;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 0 3px;font-size:.85rem;font-weight:600}.instr-import-wrap.svelte-1uha8ag{position:relative;transform:translateY(-30px)}.instr-import-menu.svelte-1uha8ag{z-index:20;background:#1a0d30;border:1px solid #9c60ff59;border-radius:7px;flex-direction:column;gap:1px;min-width:110px;padding:3px;display:flex;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 8px 24px #0006}.instr-import-menu.svelte-1uha8ag button:where(.svelte-1uha8ag){color:#d4aaff;font:inherit;text-align:left;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:5px;padding:5px 10px;font-size:.78rem}.instr-import-menu.svelte-1uha8ag button:where(.svelte-1uha8ag):hover{background:#9c60ff2e}.instr-import-btn.svelte-1uha8ag{white-space:nowrap;padding:4px 36px 4px 10px;font-size:.75rem}.instr-import-btn.svelte-1uha8ag .top-capsule-plus:where(.svelte-1uha8ag){right:18px}.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:#fff}.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-card-delete.svelte-1uha8ag{color:#ff4d72;cursor:pointer;opacity:0;background:0 0;border:none;border-radius:4px;place-items:center;width:18px;height:18px;padding:0;font-size:.65rem;transition:opacity .12s,background .12s;display:grid;position:absolute;top:5px;left:5px}.instrument-card.svelte-1uha8ag:hover .instr-card-delete:where(.svelte-1uha8ag){opacity:1}.instr-card-delete.svelte-1uha8ag:hover{background:#ff4d722e}.instr-card-blocked.svelte-1uha8ag{opacity:.35;cursor:not-allowed;pointer-events:none}.instr-cat-blocked.svelte-1uha8ag{opacity:.35;cursor:not-allowed}.instr-empty.svelte-1uha8ag{text-align:center;color:#5a5270;grid-column:1/-1;margin:0;padding:24px;font-size:.88rem}.sf-preset-bar.svelte-1uha8ag{border-top:1px solid #ffffff12;align-items:center;gap:10px;margin-top:4px;padding:10px 14px;display:flex}.sf-preset-label.svelte-1uha8ag{color:#ffffff73;white-space:nowrap;flex:none;font-size:.78rem}.sf-preset-select.svelte-1uha8ag{color:#e8e0f8;cursor:pointer;appearance:auto;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:8px;outline:none;flex:1;min-width:0;padding:5px 8px;font-size:.82rem}.sf-preset-select.svelte-1uha8ag:focus{border-color:#825ae199}.sf-export-view.svelte-1uha8ag{flex-direction:column;height:100%;min-height:0;display:flex}.sf-export-view-header.svelte-1uha8ag{border-bottom:1px solid #ffffff12;flex:none;align-items:center;gap:8px;padding:14px 14px 10px;display:flex}.sf-export-view-header.svelte-1uha8ag .panel-label:where(.svelte-1uha8ag){flex:1;margin:0}.sf-export-back.svelte-1uha8ag{color:#ffffff73;cursor:pointer;background:0 0;border:none;border-radius:5px;align-items:center;gap:5px;padding:2px 4px;font-size:.78rem;transition:color .15s;display:flex}.sf-export-back.svelte-1uha8ag:hover{color:#fffc}.sf-export-view-selbar.svelte-1uha8ag{border-bottom:1px solid #ffffff0d;flex:none;align-items:center;gap:6px;padding:8px 14px;display:flex}.sf-export-count.svelte-1uha8ag{color:#ffffff59;flex:1;font-size:.78rem}.sf-export-view-list.svelte-1uha8ag{scrollbar-width:thin;scrollbar-color:#825ae166 transparent;flex:1;padding:4px 0;overflow-y:auto}.sf-export-view-list.svelte-1uha8ag::-webkit-scrollbar{width:4px}.sf-export-view-list.svelte-1uha8ag::-webkit-scrollbar-track{background:0 0}.sf-export-view-list.svelte-1uha8ag::-webkit-scrollbar-thumb{background:#825ae166;border-radius:999px}.sf-section-bar.svelte-1uha8ag{padding:8px 14px 0}.sf-export-open-btn.svelte-1uha8ag{color:#c4a8ffcc;cursor:pointer;background:#825ae11a;border:1px solid #825ae140;border-radius:8px;align-items:center;gap:6px;width:100%;padding:7px 10px;font-size:.8rem;transition:background .15s,color .15s;display:flex}.sf-export-open-btn.svelte-1uha8ag:hover{color:#c4a8ff;background:#825ae133}.sf-export-panel.svelte-1uha8ag{background:#090712d9;border:1px solid #825ae133;border-radius:10px;margin:0 14px 10px;overflow:hidden}.sf-export-header.svelte-1uha8ag{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.sf-export-title.svelte-1uha8ag{color:#ffffff80;font-size:.78rem}.sf-export-actions.svelte-1uha8ag{gap:6px;display:flex}.sf-export-selall.svelte-1uha8ag{color:#b496ffb3;cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:.72rem}.sf-export-selall.svelte-1uha8ag:hover{color:#c4a8ff}.sf-export-close.svelte-1uha8ag{color:#ffffff59;cursor:pointer;background:0 0;border:none;margin-left:4px;padding:2px 4px;font-size:.72rem}.sf-export-close.svelte-1uha8ag:hover{color:#ffffffb3}.sf-export-list.svelte-1uha8ag{scrollbar-width:thin;scrollbar-color:#825ae166 transparent;max-height:180px;padding:4px 0;overflow-y:auto}.sf-export-item.svelte-1uha8ag{cursor:pointer;color:#ffffffbf;align-items:center;gap:8px;padding:5px 12px;font-size:.82rem;transition:background .1s;display:flex}.sf-export-item.svelte-1uha8ag:hover{background:#ffffff0a}.sf-export-item.svelte-1uha8ag input[type=checkbox]:where(.svelte-1uha8ag){accent-color:#9060e0;flex:none;width:13px;height:13px}.sf-export-confirm.svelte-1uha8ag{color:#c4a8ff;cursor:pointer;background:#825ae133;border:none;border-top:1px solid #825ae133;justify-content:center;align-items:center;gap:6px;width:100%;padding:9px 12px;font-size:.82rem;transition:background .15s;display:flex}.sf-export-confirm.svelte-1uha8ag:hover:not(:disabled){background:#825ae159}.sf-export-confirm.svelte-1uha8ag:disabled{opacity:.4;cursor:default}.sound-overlay.svelte-1uha8ag{z-index:95;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#06041094;place-items:center;display:grid;position:fixed;inset:0}.sound-panel.svelte-1uha8ag{isolation:isolate;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0e0822;border:2px solid #825ae1;border-radius:16px;width:min(560px,100vw - 32px);padding:24px 26px 28px;position:relative;overflow:hidden;box-shadow:0 28px 80px #0000006b,inset 0 0 0 1px #bca4ff0d,0 0 34px #5000e638}.sound-panel.svelte-1uha8ag:before{content:none}.sound-panel-header.svelte-1uha8ag{border-bottom:1px solid #5000e652;justify-content:space-between;align-items:center;margin-bottom:6px;padding-bottom:16px;display:flex;position:relative}.sound-panel-title.svelte-1uha8ag{min-width:0}.sound-panel-header.svelte-1uha8ag .panel-label:where(.svelte-1uha8ag){letter-spacing:.08em;text-transform:uppercase;color:#e4c4ff;margin:0;font-size:1.2rem;font-weight:900}.panel-premium-link.svelte-1uha8ag{cursor:pointer;background:linear-gradient(#4abbff3d,#1e6ddd33);border:1.5px solid #48b4ffd1;border-radius:10px;justify-content:center;align-items:center;width:90px;height:34px;padding:0;transition:background .15s,border-color .15s,box-shadow .15s,transform .15s;display:flex;box-shadow:0 4px 22px #00000080,0 0 22px #48b4ff2e}.panel-premium-link.svelte-1uha8ag:hover{background:linear-gradient(#62c9ff57,#2a86f147);border-color:#76d8fff5;box-shadow:0 4px 22px #00000080,0 0 24px #48b4ff47}.panel-premium-link.svelte-1uha8ag img:where(.svelte-1uha8ag){object-fit:contain;filter:drop-shadow(0 0 10px #48b4ff73);width:64px;height:auto;transform:translate(2px,-2px)}.sound-premium-center.svelte-1uha8ag{position:absolute;top:8px;left:50%;transform:translate(-50%)}.sound-close.svelte-1uha8ag{color:#9f8dbf;cursor:pointer;background:#5000e61f;border:1px solid #5000e657;border-radius:10px;padding:8px 10px;font-size:1.2rem;line-height:1;transition:color .12s,background .12s,border-color .12s,transform .12s}.sound-close.svelte-1uha8ag:hover{color:#f2ecff;background:#5000e638;border-color:#5000e6;transform:translateY(-1px)}.sound-fx-body.svelte-1uha8ag{flex-direction:column;gap:16px;padding-top:16px;display:flex}.sound-fx-body.premium-preview.svelte-1uha8ag{position:relative}.sound-fx-sep.svelte-1uha8ag{text-transform:uppercase;letter-spacing:.1em;color:#a68ce8;margin-top:4px;font-size:.86rem;font-weight:700}.sound-fx-row.svelte-1uha8ag{background:#8452ff29;border:1px solid #9668ff57;border-radius:12px;align-items:center;gap:14px;padding:10px 12px;display:flex}.premium-preview.svelte-1uha8ag .sound-fx-row:where(.svelte-1uha8ag){cursor:pointer}.premium-preview.svelte-1uha8ag .sound-fx-slider:where(.svelte-1uha8ag),.premium-preview.svelte-1uha8ag .transpose-controls:where(.svelte-1uha8ag) button:where(.svelte-1uha8ag),.premium-preview.svelte-1uha8ag .transpose-reset:where(.svelte-1uha8ag){pointer-events:none}.premium-preview.svelte-1uha8ag .sound-fx-row:where(.svelte-1uha8ag):hover .sound-fx-label:where(.svelte-1uha8ag){color:#f2e5ff}.sound-fx-label.svelte-1uha8ag{color:#dac7f6;flex-shrink:0;width:88px;font-size:1rem;font-weight:700}.sound-fx-slider.svelte-1uha8ag{accent-color:#5000e6;cursor:pointer;flex:1;height:6px}.sound-fx-slider.svelte-1uha8ag:disabled{cursor:pointer;opacity:.52}.sound-fx-val.svelte-1uha8ag{color:#f6efff;text-align:right;flex-shrink:0;width:88px;font-size:.95rem;font-weight:700}.transpose-controls.svelte-1uha8ag{align-items:center;gap:8px;display:flex}.transpose-btn.svelte-1uha8ag{color:#e0d1ff;cursor:pointer;background:#8452ff2e;border:1px solid #9668ff5c;border-radius:6px;place-items:center;width:34px;height:34px;padding:0;font-size:1.15rem;transition:background .12s;display:grid}.transpose-btn.svelte-1uha8ag:hover{background:#9668ff47;border-color:#825ae1}.transpose-btn.svelte-1uha8ag:disabled{cursor:pointer;opacity:.52}.transpose-btn.svelte-1uha8ag:disabled:hover{background:#ffffff0d}.transpose-value.svelte-1uha8ag{color:#e0d8f0;text-align:center;min-width:38px;font-size:1rem;font-weight:600}.transpose-reset.svelte-1uha8ag{color:#af95df;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:1rem;transition:color .12s}.transpose-reset.svelte-1uha8ag:hover{color:#efe3ff}.sound-fx-reset-all.svelte-1uha8ag{color:#dcc9fb;cursor:pointer;background:#5000e61f;border:1px solid #5000e661;border-radius:10px;align-self:flex-start;padding:8px 14px;font-size:.95rem;transition:color .12s,border-color .12s,background .12s}.sound-fx-reset-all.svelte-1uha8ag:hover{color:#efe7ff;background:#5000e638;border-color:#5000e6}@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}.disabled-transport.svelte-1uha8ag{opacity:.45;cursor:default}.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-transpose-row.svelte-1uha8ag{color:#d7d0c5;grid-template-columns:72px auto;justify-content:start;align-items:center;gap:8px;font-size:.82rem;font-weight:800;display:grid}.midi-transpose-controls.svelte-1uha8ag{align-items:center;gap:5px;display:inline-flex}.midi-transpose-controls.svelte-1uha8ag button:where(.svelte-1uha8ag){color:#f6f1e8;cursor:pointer;width:28px;height:28px;font:inherit;background:#f6f1e812;border:1px solid #f6f1e82e;border-radius:6px;place-items:center;padding:0;font-size:.8rem;font-weight:900;line-height:1;display:grid}.midi-transpose-controls.svelte-1uha8ag button:where(.svelte-1uha8ag):nth-child(2){color:#d8c4ff;width:36px}.midi-transpose-controls.svelte-1uha8ag button:where(.svelte-1uha8ag):hover{background:#9c60ff29;border-color:#9c60ff80}.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:8px;padding-top:4px;display:flex}.keybinds-toggle-row.svelte-1uha8ag{justify-content:flex-start;gap:10px;font-size:.86rem}.keybinds-toggle-row.svelte-1uha8ag .switch:where(.svelte-1uha8ag){margin-left:2px}.keybinds-presets-section.svelte-1uha8ag,.keybinds-actions-section.svelte-1uha8ag{border-bottom:1px solid #9c60ff1f;margin-bottom:6px;padding:6px 0 3px}.keybinds-presets-head.svelte-1uha8ag{justify-content:space-between;align-items:center;gap:10px;display:flex}.keybinds-preset-status.svelte-1uha8ag{color:#fff;font-size:.74rem}.keybinds-presets-row.svelte-1uha8ag{flex-wrap:wrap;gap:6px;display:flex}.keybind-preset-btn.svelte-1uha8ag{color:#c7bcdf;font:inherit;cursor:pointer;background:#9c60ff14;border:1px solid #9c60ff3d;border-radius:999px;padding:7px 14px;font-size:.86rem;font-weight:700;transition:background .12s,border-color .12s,color .12s}.keybind-preset-btn.svelte-1uha8ag:hover,.keybind-preset-active.svelte-1uha8ag{color:#efd8ff;background:#9c60ff38;border-color:#9c60ff94}.keybinds-actions-title.svelte-1uha8ag{color:#7c6fa8;letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px;font-size:.7rem;font-weight:700}.keybinds-action-row.svelte-1uha8ag{color:#c4b8d8;justify-content:flex-start;align-items:center;gap:8px;padding:3px 0;font-size:.82rem;display:flex}.keybind-action-btn.svelte-1uha8ag{color:#d4aaff;min-width:92px;font:inherit;cursor:pointer;text-align:center;background:#9c60ff1a;border:1px solid #9c60ff4d;border-radius:6px;padding:4px 10px;font-size:.8rem;transition:background .12s}.keybind-action-btn.svelte-1uha8ag:hover,.keybind-action-listening.svelte-1uha8ag{background:#9c60ff47;border-color:#9c60ffb3}.keybinds-header.svelte-1uha8ag{justify-content:space-between;align-items:center;gap:8px;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{flex-direction:column;gap:5px;max-height:none;padding-right:0;display:flex;overflow:visible}.keybinds-octave.svelte-1uha8ag{align-items:flex-start;gap:8px;display:flex}.octave-label.svelte-1uha8ag{color:#fff;text-align:right;flex-shrink:0;width:32px;padding-top:10px;font-size:.78rem;font-weight:700}.keybinds-notes.svelte-1uha8ag{flex-wrap:wrap;gap:5px;display:flex}.keybind-cell.svelte-1uha8ag{background:#ae84ff29;border:1px solid #f6f1e81f;border-radius:9px;width:58px;height:68px;transition:background .1s,border-color .1s;display:flex;position:relative}.keybind-cell.svelte-1uha8ag:hover{background:#bc92ff3d;border-color:#ddc9ff61}.keybind-main.svelte-1uha8ag{color:#d7d0c5;cursor:pointer;width:100%;height:100%;font:inherit;background:0 0;border:none;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:5px;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:#fff;font-size:.8rem;font-weight:700;line-height:1}.cell-key.svelte-1uha8ag{color:#fff;font-size:1rem;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:16px;height:16px;padding:0;font-size:.82rem;line-height:1;display:flex;position:absolute;top:3px;right:3px}.cell-clear.svelte-1uha8ag:hover{background:#9c60ff80}.texture-picker-row.svelte-1uha8ag{color:#8878a8;flex-direction:column;gap:8px;font-size:.82rem;display:flex}.texture-picker-grid.svelte-1uha8ag{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.texture-thumb.svelte-1uha8ag{cursor:pointer;background:#f6f1e80a;border:1px solid #f6f1e81a;border-radius:8px;flex-direction:column;align-items:center;gap:5px;padding:6px 4px;transition:border-color .12s,background .12s;display:flex}.texture-thumb.svelte-1uha8ag:hover{background:#f6f1e814}.texture-thumb-active.svelte-1uha8ag{background:#9c60ff1f;border-color:#9c60ffb3}.texture-thumb-label.svelte-1uha8ag{color:#d7d0c5;font-size:.7rem;font-weight:600}.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}.drawer-trigger.svelte-1uha8ag{width:100%;font:inherit;text-align:left}button.drawer-trigger.svelte-1uha8ag{border:1px solid #f6f1e81f}.customization-drawer.svelte-1uha8ag{flex-direction:column;gap:8px;display:flex}.drawer-row-actions.svelte-1uha8ag{align-items:center;gap:10px;margin-left:auto;display:flex}.drawer-chevron.svelte-1uha8ag{color:#b89cff;font-size:.9rem;transition:transform .12s}.drawer-chevron-open.svelte-1uha8ag{transform:rotate(180deg)}.drawer-panel.svelte-1uha8ag{background:#9c60ff14;border-color:#9c60ff38;margin-left:14px}.slider-row.svelte-1uha8ag{color:#d7d0c5;background:#f6f1e80f;border:1px solid #f6f1e81f;border-radius:8px;flex-direction:column;gap:10px;padding:10px 12px;font-size:.9rem;font-weight:750;display:flex}.slider-row.svelte-1uha8ag input[type=range]:where(.svelte-1uha8ag){width:100%}.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)}.popover-chord-toggle.svelte-1uha8ag{min-height:32px;font-size:.8rem}.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}.customizations-panel.svelte-1uha8ag{flex-direction:column;gap:10px;padding:4px 2px;font-size:.9rem;display:flex}.customizations-panel.svelte-1uha8ag button:where(.svelte-1uha8ag),.customizations-panel.svelte-1uha8ag input:where(.svelte-1uha8ag),.customizations-panel.svelte-1uha8ag label:where(.svelte-1uha8ag),.customizations-panel.svelte-1uha8ag span:where(.svelte-1uha8ag){font:inherit;font-size:inherit}.settings-subdialog-backdrop.svelte-1uha8ag{z-index:1200;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a081838;place-items:center;display:grid;position:fixed;inset:0}.keybinds-dialog-backdrop.svelte-1uha8ag{z-index:1200;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;place-items:center;padding:18px;position:fixed;inset:0}.settings-subdialog.svelte-1uha8ag{background:#0e0822f5;border:1px solid #9c60ff57;border-radius:14px;width:min(380px,100vw - 32px);padding:16px;box-shadow:0 20px 56px #00000057,0 0 28px #9c60ff24}.wallpaper-subdialog.svelte-1uha8ag{width:min(760px,100vw - 32px);max-height:min(82vh,760px);overflow:hidden auto}.keybinds-subdialog.svelte-1uha8ag{pointer-events:auto;scrollbar-width:thin;scrollbar-color:#9c60ffd9 #1e1436a6;width:min(900px,100vw - 56px);max-height:min(58vh,560px);padding:14px;overflow:hidden auto}.settings-tab-panel.svelte-1uha8ag{scrollbar-width:thin;scrollbar-color:#825ae166 transparent;flex:1;min-height:0;margin-top:10px;overflow-y:auto}.settings-tab-panel.svelte-1uha8ag::-webkit-scrollbar{width:4px}.settings-tab-panel.svelte-1uha8ag::-webkit-scrollbar-track{background:0 0}.settings-tab-panel.svelte-1uha8ag::-webkit-scrollbar-thumb{background:#825ae166;border-radius:999px}.settings-tab-panel.svelte-1uha8ag::-webkit-scrollbar-thumb:hover{background:#9c60ffb3}.keybinds-subdialog.svelte-1uha8ag::-webkit-scrollbar{width:10px}.keybinds-subdialog.svelte-1uha8ag::-webkit-scrollbar-track{background:#1e1436a6;border-radius:999px}.keybinds-subdialog.svelte-1uha8ag::-webkit-scrollbar-thumb{background:linear-gradient(#b97afff2,#854aecf2);border:2px solid #1e1436a6;border-radius:999px}.settings-subdialog-head.svelte-1uha8ag{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.settings-subdialog-head.svelte-1uha8ag p:where(.svelte-1uha8ag){letter-spacing:.06em;text-transform:uppercase;color:#e4c4ff;margin:0;font-size:.96rem;font-weight:900}.settings-subdialog-head.svelte-1uha8ag button:where(.svelte-1uha8ag){color:#9f8dbf;cursor:pointer;background:0 0;border:0;font-size:1rem}.wallpaper-grid.svelte-1uha8ag{flex-wrap:wrap;justify-content:center;gap:14px;padding:8px 2px;display:flex}.wallpaper-thumb.svelte-1uha8ag{cursor:pointer;color:#d7d0c5;min-width:132px;font:inherit;background:#f6f1e80a;border:2px solid #0000;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:10px 10px 12px;font-size:.86rem;font-weight:700;transition:border-color .12s,transform .12s,background .12s;display:flex;position:relative}.wallpaper-thumb.svelte-1uha8ag:hover{background:#f6f1e80f;transform:translateY(-1px)}.wallpaper-thumb.active-thumb.svelte-1uha8ag{border-color:#9c60ff;box-shadow:0 0 0 2px #9c60ff4d}.wallpaper-thumb.premium-locked.svelte-1uha8ag{opacity:.96;color:#fff;background:#121c2ee0;border-color:#00e5ff57}.wallpaper-thumb.premium-locked.svelte-1uha8ag:after{color:#00e5ff;content:"+";font-size:.95rem;font-weight:900;position:absolute;top:7px;right:8px}.premium-wallpaper-thumb.svelte-1uha8ag{min-width:148px;padding:12px 12px 14px}.premium-wallpaper-thumb.svelte-1uha8ag .wallpaper-preview:where(.svelte-1uha8ag){width:144px;height:86px}.premium-wallpaper-thumb.svelte-1uha8ag .wallpaper-import-icon:where(.svelte-1uha8ag){color:#fff;height:86px;font-size:2.15rem}.wallpaper-preview.svelte-1uha8ag{pointer-events:none;border-radius:10px;width:132px;height:78px}.wallpaper-section-label.svelte-1uha8ag{text-align:center;color:#6b5a8a;letter-spacing:.06em;text-transform:uppercase;width:100%;margin-top:12px;font-size:.76rem;font-weight:700}.wallpaper-thumb-name.svelte-1uha8ag{text-overflow:ellipsis;white-space:nowrap;pointer-events:none;max-width:132px;overflow:hidden}.wallpaper-custom-wrap.svelte-1uha8ag{background:0 0;border:2px solid #0000;border-radius:14px;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){background:0 0;border:none;transform:none}.wallpaper-custom-wrap.svelte-1uha8ag .wallpaper-thumb:where(.svelte-1uha8ag):hover{background:0 0;transform:none}.wallpaper-delete-btn.svelte-1uha8ag{color:#f6f1e8;cursor:pointer;background:#000000a6;border:none;border-radius:999px;place-items:center;width:20px;height:20px;font-size:.72rem;line-height:1;display:none;position:absolute;top:7px;right:7px}.wallpaper-custom-wrap.svelte-1uha8ag:hover .wallpaper-delete-btn:where(.svelte-1uha8ag){display:grid}.wallpaper-import-btn.svelte-1uha8ag{opacity:.88;border-style:dashed}.wallpaper-import-btn.svelte-1uha8ag:hover{opacity:1}.wallpaper-import-icon.svelte-1uha8ag{color:#6b5a8a;place-items:center;height:78px;font-size:2rem;line-height:1;display:grid}.custom-wallpaper-bg.svelte-1uha8ag{z-index:1;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-wallpaper-panel.svelte-1uha8ag{z-index:5;flex-direction:column;justify-self:center;align-items:stretch;gap:6px;width:min(760px,100% - 32px);display:flex}.video-scrubber-bar.svelte-1uha8ag{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:5;background:#0a0418b8;border:1px solid #9c60ff33;border-radius:8px;align-items:center;gap:10px;margin-bottom:2px;padding:6px 16px;display:flex}.video-scrubber-time.svelte-1uha8ag{color:#fff9;white-space:nowrap;text-align:center;min-width:40px;font-size:.75rem}.video-scrubber-range.svelte-1uha8ag{accent-color:#9c60ff;cursor:pointer;flex:1;height:4px}.wallpaper-video-actions.svelte-1uha8ag{z-index:2;align-items:center;gap:4px;display:flex;position:absolute;bottom:4px;right:4px}.wallpaper-video-actions.svelte-1uha8ag .wallpaper-gear-icon:where(.svelte-1uha8ag){inset:unset;background:#00000080;border-radius:4px;width:auto;height:auto;padding:2px 4px;font-size:1rem;position:static}.wallpaper-hint.svelte-1uha8ag{z-index:10;color:#ffffffd9;font:inherit;pointer-events:all;cursor:pointer;white-space:nowrap;background:#0a0418d1;border:1px solid #9c60ff66;border-radius:12px;padding:12px 24px;font-size:1rem;font-weight:750;animation:.3s svelte-1uha8ag-hint-fadein;position:absolute;bottom:110px;left:50%;transform:translate(-50%)}@keyframes svelte-1uha8ag-hint-fadein{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.video-controls-tl.svelte-1uha8ag{pointer-events:all;z-index:6;align-self:flex-start;align-items:center;gap:6px;display:flex}.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;bottom: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;filter:brightness(.76);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-gear-icon.svelte-1uha8ag{color:#ffffffe6;pointer-events:all;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000057;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;font-size:1.2rem;line-height:1;transition:color .12s,transform .12s,background .12s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wallpaper-gear-icon.svelte-1uha8ag:hover{color:#fffffff2;transform:translate(-50%,-50%)rotate(30deg)scale(1.12)}.wallpaper-custom-wrap.svelte-1uha8ag .wallpaper-preview:where(.svelte-1uha8ag){position:relative;overflow:hidden;box-shadow:inset 0 0 0 999px #0000001f}.wallpaper-edit-overlay.svelte-1uha8ag{z-index:200;background:0 0;flex-direction:column;display:flex;position:fixed;inset:0}.wallpaper-edit-stage-preview.svelte-1uha8ag{z-index:1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.wallpaper-edit-preview.svelte-1uha8ag{cursor:grab;-webkit-user-select:none;user-select:none;background:0 0;flex:1;justify-content:center;align-items:center;display:flex;overflow:hidden}.wallpaper-edit-preview.grabbing.svelte-1uha8ag{cursor:grabbing}.wallpaper-edit-hint.svelte-1uha8ag{z-index:2}.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:96;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);touch-action:none;-webkit-user-select:none;user-select:none;background:#0e0822;border:2px solid #825ae1;border-radius:18px;min-width:360px;max-width:min(480px,100vw - 28px);position:fixed;overflow:hidden;box-shadow:0 18px 56px #00000057,inset 0 0 0 1px #e1ccff0d,0 0 28px #5000e62e}.chord-panel.svelte-1uha8ag:before{content:none}.chord-titlebar.svelte-1uha8ag{cursor:grab;border-bottom:1px solid #f6f1e81a;justify-content:space-between;align-items:center;padding:14px 14px 14px 18px;display:flex;position:relative}.chord-titlebar.svelte-1uha8ag:active{cursor:grabbing}.chord-title-left.svelte-1uha8ag{align-items:center;gap:10px;min-width:0;display:flex}.chord-label.svelte-1uha8ag{color:#eed7ff;letter-spacing:.08em;text-transform:uppercase;font-size:.94rem;font-weight:900}.chord-premium-link.svelte-1uha8ag{cursor:pointer;background:linear-gradient(#4abbff3d,#1e6ddd33);border:1.5px solid #48b4ffd1;border-radius:10px;justify-content:center;align-items:center;width:90px;height:34px;padding:0;transition:background .15s,border-color .15s,box-shadow .15s,transform .15s;display:flex;box-shadow:0 4px 22px #00000080,0 0 22px #48b4ff2e}.chord-premium-link.svelte-1uha8ag:hover{background:linear-gradient(#62c9ff57,#2a86f147);border-color:#76d8fff5;box-shadow:0 4px 22px #00000080,0 0 24px #48b4ff47}.chord-premium-link.svelte-1uha8ag img:where(.svelte-1uha8ag){object-fit:contain;filter:drop-shadow(0 0 10px #48b4ff73);width:64px;height:auto;transform:translate(2px,-2px)}.chord-premium-center.svelte-1uha8ag{position:absolute;top:8px;left:50%;transform:translate(-50%)}.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:#dfcfff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1a;border-radius:9px;flex-shrink:0;place-items:center;width:30px;height:30px;transition:background .12s,color .12s,border-color .12s;display:grid}.chord-close.svelte-1uha8ag:hover{color:#f6f1e8;background:#ffffff1a;border-color:#c49cff4d}.chord-body.svelte-1uha8ag{flex-direction:column;align-items:center;gap:10px;padding:24px 28px;display:flex}.chord-name.svelte-1uha8ag{color:#fffdfd;letter-spacing:-.03em;text-align:center;text-shadow:0 0 18px #9c60ff2e;font-size:2.7rem;font-weight:900;line-height:1}.chord-notes.svelte-1uha8ag{color:#efdcff;letter-spacing:.06em;text-align:center;font-size:1.08rem;font-weight:700}.chord-active.svelte-1uha8ag{color:#d1c4ed;letter-spacing:.04em;text-align:center;font-size:.96rem;font-weight:600}.chord-hint.svelte-1uha8ag{color:#c0b0de;text-align:center;font-size:.82rem;font-style:normal}.room-chat-close.svelte-1uha8ag{color:#f8f3ff80;cursor:pointer;z-index:46;pointer-events:auto;background:0 0;border:none;padding:2px 4px;font-size:.85rem;line-height:1;position:absolute;top:6px;left:6px}.room-chat-close.svelte-1uha8ag:hover{color:#f8f3ff}.room-chat-stack.svelte-1uha8ag{z-index:45;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}.multiplayer-live-announcement.svelte-1uha8ag{z-index:46;pointer-events:auto;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0d0820f5;border:1px solid #5f3aa8cc;border-radius:10px;flex-direction:column;gap:6px;width:min(220px,22vw);padding:8px 10px;display:flex;position:fixed;top:80px;left:14px;right:auto;box-shadow:0 14px 34px #00000057}.multiplayer-live-announcement-head.svelte-1uha8ag{justify-content:space-between;align-self:stretch;align-items:center;gap:8px;min-height:20px;display:flex}.multiplayer-live-announcement-head.svelte-1uha8ag button:where(.svelte-1uha8ag){margin-left:auto}.multiplayer-live-announcement-head.svelte-1uha8ag strong:where(.svelte-1uha8ag){letter-spacing:.04em;color:#fff;font-size:.94rem}.multiplayer-live-announcement-head.svelte-1uha8ag button:where(.svelte-1uha8ag){color:#fff;cursor:pointer;background:0 0;border:0;font-size:1rem;line-height:1}.multiplayer-live-announcement.svelte-1uha8ag p:where(.svelte-1uha8ag){color:#fff;margin:0;font-size:.92rem;line-height:1.4}.room-chat-topline.svelte-1uha8ag{pointer-events:none;justify-content:flex-start;align-items:start;gap:5px;padding:6px 6px 6px 32px;display:flex;position:relative}.room-chat-toggle-slot.svelte-1uha8ag{opacity:0;pointer-events:none;display:flex}.room-chat-toggle-slot-open.svelte-1uha8ag{opacity:1;pointer-events:auto}.room-chat-topline-collapsed.svelte-1uha8ag{justify-content:flex-end}.room-chat-topline-collapsed.svelte-1uha8ag .room-player-capsules:where(.svelte-1uha8ag){justify-content:flex-end;width:calc(100% - 62px)}.room-chat-topline-collapsed.svelte-1uha8ag .room-player-capsule:where(.svelte-1uha8ag){flex-basis:auto;max-width:none}.room-player-capsules.svelte-1uha8ag{pointer-events:auto;flex-wrap:wrap;justify-content:center;gap:5px;width:100%;display:flex}.centered-player-capsules.svelte-1uha8ag{justify-content:center}.centered-player-capsules.svelte-1uha8ag .room-player-capsule:where(.svelte-1uha8ag){flex-basis:auto;max-width:100%}.room-chat-toggle.svelte-1uha8ag{color:#f6f1e8;cursor:pointer;min-height:34px;font:inherit;pointer-events:auto;background:#0e0822;border:2px solid #5f3aa8;border-radius:8px;flex:0 auto;justify-content:center;align-items:center;padding:0 12px;font-size:.74rem;font-weight:800;transition:transform .12s,box-shadow .12s,border-color .12s,background .12s;display:inline-flex}.room-chat-toggle-badge.svelte-1uha8ag{color:#fff;background:#ff4d72;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:6px;padding:0 5px;font-size:.62rem;font-weight:900;line-height:1;display:inline-flex;box-shadow:0 0 12px #ff4d726b}.room-chat-toggle.svelte-1uha8ag:hover{background:#100a24;border-color:#9b6ef0;transform:translateY(-2px);box-shadow:0 0 0 4px #825ae121,0 0 24px #825ae14d}.room-player-capsule.svelte-1uha8ag{min-width:0;max-width:100%;min-height:34px;color:var(--player-name-color,#f6f1e8);cursor:pointer;font:inherit;white-space:nowrap;pointer-events:auto;text-shadow:none;background:#0e0822;border:2px solid #825ae1;border-radius:8px;flex:0 auto;align-items:center;gap:5px;padding:0 10px;font-size:.74rem;font-weight:800;transition:transform .12s,box-shadow .12s,border-color .12s,background .12s;display:inline-flex}.room-player-capsule.svelte-1uha8ag:hover{background:#100a24;border-color:#9b6ef0;transform:translateY(-2px);box-shadow:0 0 0 4px #825ae121,0 0 24px #825ae14d}.room-player-capsule.svelte-1uha8ag span:where(.svelte-1uha8ag):last-child{min-width:0}.room-chat-topline-collapsed.svelte-1uha8ag .room-player-capsule:where(.svelte-1uha8ag) span:where(.svelte-1uha8ag):last-child{text-overflow:clip;min-width:fit-content;overflow:visible}.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:60;-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:auto;right:2px}.floating-sustain.chat-sustain.svelte-1uha8ag{top:52px}.floating-pb.svelte-1uha8ag{z-index:60;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;position:absolute;bottom:calc(clamp(150px,21vh,200px) + 4px);left:0}.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;flex-direction:column;gap:3px;padding:8px 12px;font-size:.74rem;font-weight:800;display:flex}.room-chat-header-top.svelte-1uha8ag{justify-content:space-between;align-items:center;gap:8px;display:flex}.room-chat-header-main.svelte-1uha8ag{align-items:center;gap:8px;min-width:0;display:flex}.room-chat-collapse.svelte-1uha8ag{color:#f6f1e8;cursor:pointer;background:#f6f1e80a;border:1px solid #f6f1e81f;border-radius:8px;flex:none;justify-content:center;align-items:center;width:28px;height:28px;transition:background .12s,border-color .12s;display:inline-flex}.room-chat-collapse.svelte-1uha8ag:hover{background:#9c60ff1a;border-color:#9c60ff6b}.room-chat-title.svelte-1uha8ag{color:#f6f1e8;text-align:center;text-transform:none;word-break:break-word;font-size:.88rem;font-weight:850;line-height:1.2;display:block}.room-chat-edit-row.svelte-1uha8ag{justify-content:center;align-items:center;padding-top:1px;display:flex}.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}.room-chat-new-messages.svelte-1uha8ag{color:#dff7ff;background:#20b8ff29;border:1px solid #20b8ff59;border-radius:999px;align-self:center;align-items:center;gap:7px;margin:-4px 0 6px;padding:7px 11px;font-size:.74rem;font-weight:850;line-height:1;display:inline-flex;box-shadow:0 8px 20px #00000038}.room-chat-new-messages.svelte-1uha8ag:hover{background:#20b8ff40}.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:#f6f1e8;background:0 0;border:0;align-self:center;max-width:100%;padding:0;font-size:.86rem;font-weight:800;line-height:1.35}.room-chat-message.announcement-chat.svelte-1uha8ag{color:#e6c84a;font-weight:800}.chat-bell.svelte-1uha8ag{margin-right:.3em;font-size:1em}.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:var(--player-name-color,#c4b8d8);text-shadow:var(--player-name-shadow,none);font-size:.97rem;font-weight:500;transform:translate(-1px)}.chat-left-icon.svelte-1uha8ag{color:#6a5f7e;opacity:.7;margin-left:2px;font-size:.7rem}.chat-crown.svelte-1uha8ag{vertical-align:middle;font-size:.72rem;line-height:1;transform:translateY(-2px)}.chat-actor-icons.svelte-1uha8ag{vertical-align:middle;align-items:center;gap:4px;margin-right:4px;display:inline-flex}.chat-actor-icons.svelte-1uha8ag .chat-flag:where(.svelte-1uha8ag){transform:translate(2px,-2px)}.chat-actor-icons.svelte-1uha8ag .chat-crown:where(.svelte-1uha8ag){transform:translate(2px,-3px)}.room-player-popover-name.svelte-1uha8ag{align-items:center;gap:4px;display:flex}.room-player-popover-name.svelte-1uha8ag .chat-crown:where(.svelte-1uha8ag){transform:translate(2px)}.room-player-popover-name.svelte-1uha8ag .chat-flag:where(.svelte-1uha8ag){transform:translate(0)}.room-chat-player-button.svelte-1uha8ag .chat-crown:where(.svelte-1uha8ag){transform:translateY(-4px)}.room-chat-player-button.svelte-1uha8ag .chat-flag:where(.svelte-1uha8ag){transform:translate(-2px,-1px)}.room-chat-player-button.svelte-1uha8ag .chat-username:where(.svelte-1uha8ag){transform:translate(-2px,-2px)}.room-chat-player-button.svelte-1uha8ag{min-width:0;color:inherit;cursor:pointer;font:inherit;pointer-events:auto;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{vertical-align:middle;background-position:0;background-size:cover;border-radius:2px;flex:none;width:16px;height:11px;font-size:0;line-height:0;display:inline-block;overflow:hidden;transform:translate(-1px,1px)}.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:0 0;border-color:#0000;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) span:where(.svelte-1uha8ag){place-items:center;width:100%;height:100%;padding-bottom:1px;line-height:1;display:grid}.room-chat-form.svelte-1uha8ag .room-chat-emoji-button:where(.svelte-1uha8ag):hover{background:0 0;border-color:#0000}.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(8,32px);gap:6px;max-width:calc(100vw - 28px);max-height:300px;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:65;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:auto;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}.popover-instrument-row.svelte-1uha8ag{border-bottom:1px solid #ffffff0f;justify-content:flex-start;align-items:center;gap:8px;padding:6px 0;display:flex}.popover-instrument-name.svelte-1uha8ag{color:#a89bc8;text-overflow:ellipsis;white-space:nowrap;flex:0 auto;font-size:.78rem;overflow:hidden}.popover-instrument-use.svelte-1uha8ag{color:#c4aaff;font:inherit;cursor:pointer;background:#9c60ff1f;border:1px solid #9c60ff66;border-radius:6px;flex-shrink:0;padding:3px 10px;font-size:.75rem;font-weight:600;transition:background .12s}.popover-instrument-use.svelte-1uha8ag:hover{background:#9c60ff47}.popover-volume-row.svelte-1uha8ag{align-items:center;gap:8px;padding:6px 0 4px;display:flex}.popover-volume-label.svelte-1uha8ag{color:#a89bc8;white-space:nowrap;font-size:.76rem}.popover-volume-slider.svelte-1uha8ag{accent-color:#9c60ff;cursor:pointer;flex:1;height:4px}.popover-volume-pct.svelte-1uha8ag{color:#7c6fa8;text-align:right;min-width:2.2em;margin-right:4px;font-size:.72rem}.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;right:4px}.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;padding-right:4px;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{z-index:2;align-content:end;gap:16px;width:100%;min-height:clamp(360px,58svh,680px);margin-top:auto;display:grid;position:relative}.piano-watermark-button.svelte-1uha8ag{z-index:1;appearance:none;width:fit-content;min-height:0;box-shadow:none;cursor:pointer;background:0 0;border:0;justify-self:center;padding:0;line-height:0;display:block;position:relative}.piano-watermark-logo.svelte-1uha8ag{object-fit:contain;opacity:.7;-webkit-user-select:none;user-select:none;width:clamp(120px,18vw,260px);max-height:clamp(70px,12vh,150px);display:block}.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}.latency-center.svelte-1uha8ag{color:#f6f1e8;text-align:center;font-weight:800}@media (width<=560px){.premium-compare-grid.svelte-1uha8ag{grid-template-columns:1fr}.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}.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:#f6f1e8;flex-shrink:0;width:42px;min-height:42px;padding:0}.home-btn.svelte-1uha8ag:hover{transform:translateY(-2px)}.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;padding:1rem 0;display:grid;position:fixed;inset:0;overflow-y:auto}.premium-backdrop.svelte-1uha8ag{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a08183d}.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}.premium-panel.svelte-1uha8ag{color:#f4fbff;background:linear-gradient(#00e5ff1f,#080818fa 42%),#080818;border:2px solid #00e5ffb8;border-radius:16px;flex-direction:column;align-items:center;gap:.75rem;width:min(760px,92vw);padding:2rem;display:flex;position:relative;box-shadow:inset 0 0 0 1px #73f5ff29,0 0 46px #00e5ff38}.premium-kicker.svelte-1uha8ag{color:#00e5ff;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 0 18px #00e5ff73;margin:0;font-size:.78rem;font-weight:900}.premium-copy.svelte-1uha8ag{color:#b7dce8;text-align:center;margin:0;font-size:.9rem}.premium-compare-grid.svelte-1uha8ag{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:12px;width:100%;display:grid}.premium-compare-grid-member.svelte-1uha8ag{align-items:center}.premium-compare-grid-member.svelte-1uha8ag .premium-free-col:where(.svelte-1uha8ag){margin-top:-170px}.premium-compare-col.svelte-1uha8ag{align-content:start;gap:8px;display:grid}.premium-free-col.svelte-1uha8ag{padding-top:41px}.premium-ndjo-header.svelte-1uha8ag{flex-direction:column;gap:8px;display:flex}.premium-compare-title.svelte-1uha8ag{letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:900}.premium-free-header.svelte-1uha8ag{background:#98a0ae14;border:1.5px solid #98a0ae4d;border-radius:8px;place-items:center;min-height:60px;padding:10px 10px 9px;display:grid;position:relative}.premium-free-header-label.svelte-1uha8ag{letter-spacing:.06em;text-transform:uppercase;color:#98a0ae;font-size:.82rem;font-weight:900}.premium-compare-title.premium-title.svelte-1uha8ag{color:#00e5ff;text-shadow:0 0 12px #00e5ff5c}.premium-feature-list.svelte-1uha8ag{gap:7px;width:100%;margin:0;display:grid}.premium-feature-list.svelte-1uha8ag span:where(.svelte-1uha8ag){color:#e9fbff;background:#00e5ff12;border:none;border-radius:7px;outline:1px solid #00e5ff33;align-items:center;gap:10px;padding:10px 12px;font-size:.95rem;font-weight:800;display:flex}.premium-feature-list.svelte-1uha8ag span:where(.svelte-1uha8ag):before{content:"";filter:drop-shadow(0 0 4px #00e5ff)drop-shadow(0 0 8px #00e5ffcc)drop-shadow(0 0 14px #00e5ff80);background-color:#00e5ff;flex-shrink:0;width:9px;height:9px;display:block;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M5 1v8M1 5h8' stroke='white' stroke-width='3.2' stroke-linecap='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M5 1v8M1 5h8' stroke='white' stroke-width='3.2' stroke-linecap='round'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.premium-free-list.svelte-1uha8ag{gap:7px;width:100%;margin:0;display:grid}.premium-free-list.svelte-1uha8ag span:where(.svelte-1uha8ag){color:#a9b0bb;background:#c3ccd60f;border:1px solid #bec4ce24;border-radius:7px;padding:10px 12px 10px 32px;font-size:.95rem;font-weight:780;position:relative}.premium-free-list.svelte-1uha8ag span:where(.svelte-1uha8ag):before{content:"•";color:#7d8593;font-size:.95rem;font-weight:900;line-height:1;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.premium-free-note.svelte-1uha8ag{color:#c3ccd6ad;text-align:center;width:100%;margin:-.1rem 0 .2rem;font-size:.74rem;font-weight:700;line-height:1.35}.premium-main-btn.svelte-1uha8ag{color:#f2fdff;background:#48b4ff29;border-color:#48b4ffb8;box-shadow:0 0 18px #48b4ff33}.premium-login-btn.svelte-1uha8ag{width:100%}.premium-plan-toggle.svelte-1uha8ag{border:1.5px solid #48b4ff4d;border-radius:8px;grid-template-columns:1fr 1fr;width:100%;display:grid;overflow:hidden}.premium-toggle-btn.svelte-1uha8ag{color:#c8e6ff80;font:inherit;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:6px;padding:7px 10px;font-size:.78rem;font-weight:800;transition:background .15s,color .15s;display:flex}.premium-toggle-btn.svelte-1uha8ag:first-child{border-right:1.5px solid #48b4ff4d}.premium-toggle-active.svelte-1uha8ag{color:#e9fbff;background:#48b4ff2e}.premium-toggle-badge.svelte-1uha8ag{color:#f6fff9;background:#2dbf6c;border-radius:999px;padding:2px 6px;font-size:.62rem;font-weight:900}.premium-plan-cta.svelte-1uha8ag{width:100%;min-height:60px}.premium-plan-btn.svelte-1uha8ag{text-align:center;border-radius:999px;gap:2px;min-height:60px;padding:10px 10px 9px;display:grid;position:relative;color:#f2fdff!important;background:linear-gradient(#4cb7ff42,#1f68d233)!important;border:1.5px solid #48b4ffb8!important;box-shadow:0 0 18px #48b4ff2e!important}.premium-plan-btn-yearly.svelte-1uha8ag{background:linear-gradient(#48b4ff38,#2cae6029)!important;border-color:#54ce8fc7!important;box-shadow:0 0 22px #48b4ff29!important}.premium-plan-btn.svelte-1uha8ag:hover:not(:disabled){background:linear-gradient(#60c6ff57,#2378eb47)!important;box-shadow:0 0 22px #48b4ff47!important}.premium-plan-btn-yearly.svelte-1uha8ag:hover:not(:disabled){background:linear-gradient(#5cc4ff4d,#3abe763d)!important}.premium-plan-label.svelte-1uha8ag{letter-spacing:.08em;text-transform:uppercase;color:#bfe7ff;font-size:.64rem;font-weight:900}.premium-plan-price.svelte-1uha8ag{letter-spacing:.01em;color:#fff;font-size:1rem;font-weight:900}.premium-discount-badge.svelte-1uha8ag{color:#f6fff9;letter-spacing:.05em;text-transform:uppercase;background:#2dbf6c;border:1px solid #7cffaf80;border-radius:999px;padding:3px 7px;font-size:.6rem;font-weight:900;position:absolute;top:-13px;right:10px;box-shadow:0 10px 18px #2dbf6c38}.premium-checkboxes.svelte-1uha8ag{flex-direction:column;gap:8px;width:100%;display:flex}.premium-legal-link.svelte-1uha8ag{color:#00e5ff;text-decoration:underline}.premium-retraction-label.svelte-1uha8ag{cursor:pointer;align-items:flex-start;gap:8px;display:flex}.premium-retraction-check.svelte-1uha8ag{accent-color:#00e5ff;cursor:pointer;flex-shrink:0;width:14px;height:14px;margin-top:2px}.premium-retraction-label.svelte-1uha8ag span:where(.svelte-1uha8ag){color:#b4d2e6b3;font-size:.7rem;line-height:1.4}.premium-billing-note.svelte-1uha8ag{color:#a5deffd6;text-align:center;margin:-.15rem 0 0;font-size:.72rem;font-weight:700;line-height:1.35}.premium-active.svelte-1uha8ag{text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding:1rem 0;display:flex}.premium-active-title.svelte-1uha8ag{color:#00e5ff;letter-spacing:.01em;margin:0;font-size:1.15rem;font-weight:900}.premium-active-sub.svelte-1uha8ag{color:#ffffffb8;margin:0;font-size:.85rem;font-weight:600;line-height:1.4}.welcome-plus-backdrop.svelte-1uha8ag{z-index:1200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#04020eb8;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.welcome-plus-panel.svelte-1uha8ag{text-align:center;background:linear-gradient(#00e5ff14,#0b0820 60%);border:1px solid #00e5ff59;border-radius:16px;flex-direction:column;align-items:center;gap:.85rem;width:min(440px,94vw);max-height:88vh;padding:2rem 1.6rem 1.6rem;display:flex;position:relative;overflow-y:auto;box-shadow:0 0 40px #00e5ff2e}.welcome-plus-logo.svelte-1uha8ag{width:130px;height:auto}.welcome-plus-title.svelte-1uha8ag{color:#fff;margin:0;font-size:1.4rem;font-weight:900}.welcome-plus-sub.svelte-1uha8ag{color:#ffffffb8;margin:0;font-size:.85rem;font-weight:600;line-height:1.45}.welcome-plus-features.svelte-1uha8ag{text-align:left;gap:7px;width:100%;margin:.3rem 0 .5rem;display:grid}.welcome-plus-features.svelte-1uha8ag span:where(.svelte-1uha8ag){color:#ffffffe6;align-items:center;gap:8px;font-size:.82rem;font-weight:600;display:flex}.welcome-plus-features.svelte-1uha8ag span:where(.svelte-1uha8ag):before{content:"✓";color:#00e5ff;font-weight:900}.welcome-plus-cta.svelte-1uha8ag{width:100%;margin-top:.3rem}.welcome-plus-contact.svelte-1uha8ag{color:#ffffff59;text-align:center;margin:.6rem 0 0;font-size:.75rem}.welcome-plus-contact.svelte-1uha8ag a:where(.svelte-1uha8ag){color:#ffffff80;text-decoration:none}.welcome-plus-contact.svelte-1uha8ag a:where(.svelte-1uha8ag):hover{color:#fffc}.premium-confirm-overlay.svelte-1uha8ag{z-index:1300;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#04020e99;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.premium-confirm-panel.svelte-1uha8ag{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#080614f5;border:1.5px solid #00e5ff4d;border-radius:14px;flex-direction:column;gap:12px;width:min(440px,94vw);padding:2.25rem 1.5rem 1.5rem;display:flex;position:relative;box-shadow:0 0 32px #00e5ff1f}.premium-confirm-close.svelte-1uha8ag{color:#fff6;cursor:pointer;background:0 0;border:none;font-size:.85rem;transition:color .15s;position:absolute;top:.7rem;right:.85rem}.premium-confirm-close.svelte-1uha8ag:hover{color:#fff}.premium-checkboxes-header.svelte-1uha8ag{justify-content:space-between;align-items:center;width:100%;display:flex}.premium-checkboxes-title.svelte-1uha8ag{text-transform:uppercase;letter-spacing:.06em;color:#ffffff73;font-size:.72rem;font-weight:800}.premium-lang-toggle.svelte-1uha8ag{border:1px solid #ffffff26;border-radius:6px;width:fit-content;display:flex;overflow:hidden}.premium-lang-btn.svelte-1uha8ag{color:#fff6;font:inherit;cursor:pointer;background:0 0;border:none;padding:4px 12px;font-size:.72rem;font-weight:700;transition:background .15s,color .15s}.premium-lang-btn.svelte-1uha8ag:first-child{border-right:1px solid #ffffff26}.premium-lang-active.svelte-1uha8ag{color:#fff;background:#ffffff1f}@media (width<=640px){.premium-plan-row.svelte-1uha8ag{grid-template-columns:minmax(0,1fr)}}.premium-error-msg.svelte-1uha8ag{color:#ffb4c7;text-align:center;margin:6px 0 0;font-size:.8rem;font-weight:700;line-height:1.35}.premium-logo.svelte-1uha8ag{object-fit:contain;filter:drop-shadow(0 0 22px #00e5ff7a)brightness(1.08);width:210px;max-width:72%;margin-top:-4px;margin-bottom:.75rem}.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:#00e5ff;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-manage-btn.svelte-1uha8ag{color:#a8d8f0;background:#48b4ff1a;border-color:#48b4ff66}.profile-manage-btn.svelte-1uha8ag:hover{background:#48b4ff2e;border-color:#48b4ffb3}.profile-action-grid.svelte-1uha8ag{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.profile-customize-btn.svelte-1uha8ag{color:#d8c3ff;background:#9c60ff1a;border-color:#9c60ff73}.profile-customize-btn.svelte-1uha8ag:hover{background:#9c60ff2e;border-color:#9c60ffbf}.profile-customization.svelte-1uha8ag{gap:14px;width:100%;display:grid}.profile-custom-preview.svelte-1uha8ag{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;gap:6px;padding:14px;display:grid}.profile-custom-preview-kicker.svelte-1uha8ag{letter-spacing:.08em;text-transform:uppercase;color:#b4aad2b3;font-size:.68rem;font-weight:800}.profile-custom-preview-name.svelte-1uha8ag{color:var(--player-name-color,#f6f1e8);text-shadow:var(--player-name-shadow,none);font-size:1rem;font-weight:850}.profile-custom-field.svelte-1uha8ag{color:#e8e0f8;gap:8px;font-size:.82rem;font-weight:700;display:grid}.profile-color-row.svelte-1uha8ag{align-items:center;gap:10px;display:flex}.profile-color-input.svelte-1uha8ag{cursor:pointer;background:0 0;border:1px solid #ffffff29;border-radius:8px;width:44px;height:32px;padding:0}.profile-color-row.svelte-1uha8ag code:where(.svelte-1uha8ag){color:#bfb2d8;background:#ffffff0d;border-radius:6px;padding:5px 8px;font-size:.76rem}.profile-toggle-row.svelte-1uha8ag{color:#e8e0f8;justify-content:space-between;align-items:center;gap:12px;font-size:.82rem;font-weight:700;display:flex}.manage-header.svelte-1uha8ag{align-items:center;gap:10px;width:100%;margin-bottom:.25rem;display:flex}.manage-back.svelte-1uha8ag{color:#c0b8d4;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:6px;flex-shrink:0;place-items:center;width:28px;height:28px;display:grid}.manage-title.svelte-1uha8ag{color:#e8e0f8;font-size:.95rem;font-weight:800}.manage-sections.svelte-1uha8ag{flex-direction:column;gap:0;width:100%;display:flex}.manage-section.svelte-1uha8ag{border-bottom:1px solid #ffffff12;flex-direction:column;gap:6px;padding:14px 0;display:flex}.manage-section-title.svelte-1uha8ag+form:where(.svelte-1uha8ag),.manage-section-title.svelte-1uha8ag~form:where(.svelte-1uha8ag){flex-direction:column;align-items:stretch;gap:10px;width:100%;margin-top:5px;display:flex}.manage-section-title.svelte-1uha8ag+form:where(.svelte-1uha8ag) .profile-btn:where(.svelte-1uha8ag),.manage-section-desc.svelte-1uha8ag+form:where(.svelte-1uha8ag) .profile-btn:where(.svelte-1uha8ag),.manage-section-title.svelte-1uha8ag~form:where(.svelte-1uha8ag) .profile-btn:where(.svelte-1uha8ag){margin-top:10px}.manage-section-row.svelte-1uha8ag{flex-direction:row;justify-content:space-between;align-items:center;gap:12px}.manage-toggle.svelte-1uha8ag{cursor:pointer;background:#ffffff1f;border:none;border-radius:999px;flex-shrink:0;width:44px;height:24px;padding:0;transition:background .2s;position:relative}.manage-toggle-on.svelte-1uha8ag{background:#6c3fc5}.manage-toggle-knob.svelte-1uha8ag{background:#fff;border-radius:999px;width:18px;height:18px;transition:left .2s;display:block;position:absolute;top:3px;left:3px}.manage-section-danger.svelte-1uha8ag{border-bottom:none;padding-bottom:0}.manage-section-title.svelte-1uha8ag{color:#e8e0f8;letter-spacing:.02em;margin:0;font-size:.82rem;font-weight:800}.manage-section-desc.svelte-1uha8ag{color:#b4aad2b3;margin:0;font-size:.75rem;line-height:1.4}.manage-danger-btn.svelte-1uha8ag{color:#ff9090!important;background:#ff50501a!important;border-color:#ff505066!important}.manage-danger-btn.svelte-1uha8ag:hover:not(:disabled){background:#ff505033!important;border-color:#ff5050b3!important}.manage-confirm-btn.svelte-1uha8ag{padding:.45rem 2rem;font-size:.82rem;align-self:center!important;width:fit-content!important}.manage-back-link.svelte-1uha8ag{color:#b4aad299;cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:.75rem;text-decoration:underline}.manage-msg.svelte-1uha8ag{text-align:center;width:100%;font-size:.78rem}.manage-success.svelte-1uha8ag{color:#6edc9a}.delete-confirm-word.svelte-1uha8ag{color:#ff6060;font-weight:900}.manage-delete-input.svelte-1uha8ag{text-align:center;letter-spacing:.1em;width:100%;font-weight:800}.profile-input.svelte-1uha8ag{color:#f6f1e8;font:inherit;background:#ffffff0d;border:1.5px solid #825ae166;border-radius:7px;outline:none;padding:.55rem .75rem;font-size:.88rem}.profile-input.svelte-1uha8ag:focus{border-color:#825ae1cc}.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:#e2cbff;font:inherit;cursor:pointer;background:#441e78;border:1.5px solid #9c60ffd9;border-radius:10px;align-items:center;gap:10px;padding:.58rem 1rem .58rem .85rem;font-size:.95rem;font-weight:700;transition:background .15s,border-color .15s;display:flex;box-shadow:0 4px 22px #0000008c}.welcome-profile-btn.svelte-1uha8ag:hover{background:#4a2276f5;border-color:#9c60ffe6}.welcome-support-btn.svelte-1uha8ag{color:#ffb4c8e6;letter-spacing:.04em;white-space:nowrap;background:linear-gradient(#ff64822e,#c8325a1f);border:1.5px solid #ff789699;border-radius:10px;justify-content:center;align-items:center;height:50px;padding:0 19px;font-size:.8rem;font-weight:800;text-decoration:none;transition:background .15s,border-color .15s,box-shadow .15s,transform .15s;display:flex;box-shadow:0 4px 22px #00000080,0 0 16px #ff64821f}.welcome-support-btn.svelte-1uha8ag:hover{background:linear-gradient(#ff789647,#dc3c6433);border-color:#ff96aad9;transform:translateY(-1px)}.welcome-premium-btn.svelte-1uha8ag{cursor:pointer;background:linear-gradient(#4abbff3d,#1e6ddd33);border:1.5px solid #48b4ffd1;border-radius:10px;justify-content:center;align-items:center;width:124px;height:50px;padding:0;transition:background .15s,border-color .15s,box-shadow .15s,transform .15s;display:flex;box-shadow:0 4px 22px #00000080,0 0 22px #48b4ff2e}.welcome-premium-btn.svelte-1uha8ag img:where(.svelte-1uha8ag){object-fit:contain;filter:drop-shadow(0 0 10px #48b4ff73);width:88px;height:auto;margin:0 auto;display:block;transform:translate(2px,-3px)}.welcome-premium-btn.svelte-1uha8ag:hover{background:linear-gradient(#62c9ff57,#2a86f147);border-color:#76d8fff5;transform:translateY(-1px);box-shadow:0 4px 22px #00000080,0 0 24px #48b4ff47}.welcome-profile-name.svelte-1uha8ag{text-overflow:ellipsis;white-space:nowrap;max-width:260px;overflow:hidden}.welcome-profile-loading.svelte-1uha8ag{opacity:.45;letter-spacing:.1em}.welcome-profile-plus.svelte-1uha8ag{flex:none;width:24px;height:24px;display:block}.welcome-profile-plus.svelte-1uha8ag img:where(.svelte-1uha8ag){object-fit:contain;width:100%;height:100%;display:block}.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{z-index:130;color:#f6f1e8;text-align:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:none;background:#643cb440;border:1px solid #b482ff80;border-radius:6px;width:min(220px,100vw - 32px);padding:10px 12px;font-size:.88rem;font-weight:600;position:fixed;top:14px;left:auto;right:14px;transform:none;box-shadow:0 8px 24px #0000004d}.welcome-logo.svelte-1uha8ag{object-fit:contain;filter:drop-shadow(0 0 40px #9c60ff80)brightness(1.15);mix-blend-mode:screen;width:clamp(230px,34vw,440px)}.compact-logo.svelte-1uha8ag{justify-self:center;width:clamp(130px,16vw,220px)}.welcome-home-item.svelte-1uha8ag{transform:translateY(-65px)}.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-performance-note.svelte-1uha8ag{color:#f6f1e8a8;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#08061057;border:1px solid #f6f1e81f;border-radius:8px;max-width:min(520px,100vw - 40px);margin:-28px 0 0;padding:8px 12px;font-size:.82rem;font-weight:650;line-height:1.35}.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(1240px,100vw - 16px);min-height:min(760px,100svh - 40px);padding:clamp(22px,3.5vw,36px)}@media (width<=1600px){.fullscreen-room-panel.svelte-1uha8ag{width:min(900px,100vw - 16px);min-height:min(580px,100svh - 40px)}.welcome-logo.svelte-1uha8ag{width:clamp(180px,26vw,340px)}.compact-logo.svelte-1uha8ag{width:clamp(100px,12vw,170px)}}.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):not([type=range]){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-row2.svelte-1uha8ag{grid-column:1/-1;justify-content:center;gap:10px;display:flex}.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:44px;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:260px;display:grid;overflow-y:auto}.welcome-rooms.svelte-1uha8ag button:where(.svelte-1uha8ag){background:#f6f1e80f;flex-direction:column;align-items:stretch;gap:8px;padding:14px 16px;display:flex}.room-list-top.svelte-1uha8ag{justify-content:center;align-items:center;min-width:0;display:flex;position:relative}.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;color:#fff;text-align:center;justify-content:center;align-items:center;gap:6px;min-width:0;padding:0 48px;font-size:1rem;font-weight:800;display:flex;overflow:hidden}.room-lock.svelte-1uha8ag{flex-shrink:0;font-size:.8rem}.room-list-count.svelte-1uha8ag{color:#7a6a9a;white-space:nowrap;font-size:.72rem;position:absolute;right:0}.room-list-players.svelte-1uha8ag{flex-wrap:wrap;justify-content:center;gap:3px 6px;display:flex}.room-list-player-chip.svelte-1uha8ag{text-overflow:ellipsis;white-space:nowrap;color:#c4b8d8;min-width:0;max-width:100%;font-size:1rem;font-weight:700;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{flex-shrink:0;align-items:center;gap:5px;font-size:.74rem;font-weight:800;display:flex!important}.room-settings-btn.svelte-1uha8ag{color:#b8a8d0;cursor:pointer;letter-spacing:.02em;white-space:nowrap;background:#9c60ff1f;border:1px solid #9c60ff66;border-radius:6px;justify-content:center;align-items:center;height:24px;padding:1px 10px 0;font-size:.68rem;font-weight:800;line-height:24px;transition:color .12s,background .12s,border-color .12s;display:inline-flex}.room-chat-player-count.svelte-1uha8ag{color:#c4b8d8;white-space:nowrap;font-size:.62rem;font-weight:800;overflow:visible}.room-settings-btn.svelte-1uha8ag:hover{color:#e0d6ff;background:#9c60ff42;border-color:#9c60ffb3}.room-settings-overlay.svelte-1uha8ag{z-index:80;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:flex-start;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}.atm-panel-backdrop.svelte-1uha8ag{z-index:1000;background:0 0;place-items:start center;padding:calc(5.25rem + 80px) 1.5rem 1.5rem;display:grid;position:fixed;inset:0}.atm-panel.svelte-1uha8ag{background:linear-gradient(#0f0a22fa,#080717fa);border:1px solid #9c60ff33;border-radius:26px;flex-direction:column;align-items:center;gap:1.4rem;width:min(760px,100vw - 3rem);max-height:calc(100vh - 6.75rem);padding:2.1rem 2.2rem 2.3rem;display:flex;position:relative;top:30px;overflow-y:auto;box-shadow:0 28px 70px #00000073}.atm-panel-header.svelte-1uha8ag{justify-content:space-between;align-items:flex-start;gap:1rem;width:100%;max-width:700px;display:flex}.atm-header-right.svelte-1uha8ag{flex-shrink:0;align-items:center;gap:.6rem;display:flex}.atm-close.svelte-1uha8ag{color:#f6f1e866;cursor:pointer;background:0 0;border:none;padding:.2rem .4rem;font-size:1.3rem;line-height:1;transition:color .15s}.atm-close.svelte-1uha8ag:hover{color:#f6f1e8d9}.atm-toast.svelte-1uha8ag{z-index:1200;background:#0a1020f0;border:1px solid #5cc8ff47;border-radius:14px;width:min(320px,100vw - 2rem);padding:.7rem .8rem;position:fixed;top:.85rem;right:1rem;box-shadow:0 18px 42px #00000059}.atm-toast-head.svelte-1uha8ag{justify-content:space-between;align-items:center;gap:1rem;display:flex}.atm-toast-head.svelte-1uha8ag strong:where(.svelte-1uha8ag){color:#86d8ff;font-size:.84rem}.atm-toast-head.svelte-1uha8ag button:where(.svelte-1uha8ag){color:#f6f1e88c;cursor:pointer;background:0 0;border:none;padding:0;font-size:.82rem}.atm-toast.svelte-1uha8ag p:where(.svelte-1uha8ag){color:#f6f1e8d1;margin:.35rem 0 0;font-size:.8rem}.atm-savedir.svelte-1uha8ag{background:#ffffff08;border:1px solid #ffffff12;border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:.7rem;width:100%;max-width:700px;padding:.75rem 1rem;display:flex}.atm-savedir-label.svelte-1uha8ag{color:#f6f1e885;white-space:nowrap;font-size:.92rem}.atm-savedir-hint.svelte-1uha8ag{color:#f6f1e866;font-size:.92rem}.atm-savedir-name.svelte-1uha8ag{color:#f6f1e8d1;text-overflow:ellipsis;white-space:nowrap;max-width:280px;font-size:.92rem;overflow:hidden}.atm-savedir-btn.svelte-1uha8ag{color:#9c60ffd9;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #9c60ff59;border-radius:8px;padding:.35rem .7rem;font-size:.86rem;transition:background .15s}.atm-savedir-btn.svelte-1uha8ag:hover{background:#9c60ff1f}.atm-savedir-reset.svelte-1uha8ag{color:#f6f1e859;border-color:#f6f1e826;padding:.35rem .55rem}.atm-savedir-reset.svelte-1uha8ag:hover{color:#f6f1e8a6;background:#f6f1e80f}.atm-locked.svelte-1uha8ag{text-align:center;background:#ffffff08;border:1px solid #9c60ff24;border-radius:18px;flex-direction:column;align-items:center;gap:.85rem;width:100%;max-width:700px;padding:2rem 1.5rem;display:flex}.atm-locked-kicker.svelte-1uha8ag{letter-spacing:.12em;text-transform:uppercase;color:#9c60ffd1;margin:0;font-size:.82rem}.atm-locked-title.svelte-1uha8ag{color:#f6f1e8;margin:0;font-size:1.2rem;font-weight:700}.atm-locked-text.svelte-1uha8ag{color:#f6f1e89e;max-width:34rem;margin:0;font-size:.95rem;line-height:1.65}.atm-upgrade-btn.svelte-1uha8ag{margin-top:.25rem}.atm-title.svelte-1uha8ag{letter-spacing:-.03em;margin:0;font-size:2.25rem;font-weight:800}.atm-accent.svelte-1uha8ag{color:#9c60ff}.atm-subtitle.svelte-1uha8ag{color:#f6f1e88c;max-width:34rem;margin:.2rem 0 0;font-size:1rem;line-height:1.5}.atm-provider-note.svelte-1uha8ag{color:#f6f1e861;letter-spacing:.02em;margin:.4rem 0 0;font-size:.78rem}.atm-download-list.svelte-1uha8ag{flex-direction:column;gap:.5rem;width:100%;display:flex}.atm-dl-btn.svelte-1uha8ag{color:#f6f1e8;background:#9c60ff24;border:1px solid #9c60ff4d;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1.2rem;font-size:.9rem;text-decoration:none;transition:background .15s,border-color .15s;display:flex}.atm-dl-btn.svelte-1uha8ag:hover:not(.atm-disabled){background:#9c60ff47;border-color:#9c60ff8c}.atm-disabled.svelte-1uha8ag{opacity:.4;pointer-events:none}.atm-soon.svelte-1uha8ag{color:#f6f1e859;font-size:.72rem}.atm-badge.svelte-1uha8ag{color:#f6f1e880;background:#f6f1e814;border:1px solid #f6f1e81f;border-radius:999px;padding:.35rem .85rem;font-size:.88rem}.atm-badge.atm-gpu.svelte-1uha8ag{color:#20b8ff;background:#20b8ff1f;border-color:#20b8ff40}.atm-state.svelte-1uha8ag{text-align:center;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:700px;display:flex}.atm-panel.svelte-1uha8ag:has(.atm-state:where(.svelte-1uha8ag)){justify-content:flex-start;padding-top:calc(6.2rem - 55px)}.atm-panel.svelte-1uha8ag:has(.atm-state:where(.svelte-1uha8ag)) .atm-panel-header:where(.svelte-1uha8ag){margin-bottom:3.2rem}.atm-panel.svelte-1uha8ag:has(.atm-state:where(.svelte-1uha8ag)) .atm-state:where(.svelte-1uha8ag){margin-top:calc(2.4rem - 50px)}.atm-panel.svelte-1uha8ag:not(:has(.atm-state)){width:min(684px,90vw - 2.7rem);max-height:calc(90vh - 6.075rem);top:-50px}.atm-install-desc.svelte-1uha8ag{color:#f6f1e8a6;max-width:620px;margin:0;font-size:1.02rem;line-height:1.7}.atm-start-btn.svelte-1uha8ag{color:#f6f1e8;cursor:pointer;background:#9c60ff38;border:1px solid #9c60ff80;border-radius:12px;align-items:center;gap:.6rem;padding:.85rem 1.9rem;font-size:1.05rem;font-weight:700;transition:background .15s,border-color .15s;display:inline-flex}.atm-start-btn.svelte-1uha8ag:hover{background:#9c60ff61;border-color:#9c60ffb3}.atm-spinner.svelte-1uha8ag{border:3px solid #9c60ff33;border-top-color:#9c60ff;border-radius:50%;width:38px;height:38px;animation:.8s linear infinite svelte-1uha8ag-spin}.atm-bar.svelte-1uha8ag{background:#f6f1e81a;border-radius:999px;width:100%;height:7px;overflow:hidden}.atm-bar-fill.svelte-1uha8ag{background:#9c60ff;height:100%;transition:width .2s}.atm-error.svelte-1uha8ag{color:#ff6e6ee6;margin:0;font-size:1rem}.atm-drop.svelte-1uha8ag{text-align:center;cursor:pointer;border:2px dashed #9c60ff4d;border-radius:20px;flex-direction:column;align-items:center;gap:.8rem;width:100%;max-width:700px;padding:3.4rem 2.2rem;transition:border-color .15s,background .15s;display:flex}.atm-drop.svelte-1uha8ag:hover,.atm-drop.atm-dragover.svelte-1uha8ag{background:#9c60ff0d;border-color:#9c60ffb3}.atm-drop-icon.svelte-1uha8ag{font-size:3.8rem}.atm-drop-text.svelte-1uha8ag{margin:0;font-size:1.45rem;font-weight:700}.atm-drop-hint.svelte-1uha8ag{color:#f6f1e87a;margin:0;font-size:.98rem}.atm-browse-btn.svelte-1uha8ag{color:#f6f1e8;cursor:pointer;background:#9c60ff2e;border:1px solid #9c60ff66;border-radius:11px;margin-top:.65rem;padding:.75rem 1.8rem;font-size:1rem;transition:background .15s}.atm-browse-btn.svelte-1uha8ag:hover{background:#9c60ff52}.atm-browse-btn-small.svelte-1uha8ag{border-radius:9px;margin-top:0;padding:.45rem .95rem;font-size:.86rem}.atm-queue-header.svelte-1uha8ag{justify-content:space-between;align-items:center;width:100%;max-width:700px;margin-top:1rem;display:flex}.atm-queue-header.svelte-1uha8ag span:where(.svelte-1uha8ag){color:#f6f1e88c;font-size:.96rem}.atm-queue-tools.svelte-1uha8ag{align-items:center;gap:.65rem;display:flex}.atm-queue-clear.svelte-1uha8ag{color:#f6f1e873;cursor:pointer;background:0 0;border:none;padding:.15rem .35rem;font-size:.92rem;transition:color .15s}.atm-queue-clear.svelte-1uha8ag:hover{color:#f6f1e8b3}.atm-queue-wrap.svelte-1uha8ag{cursor:pointer;background:#ffffff05;border:1px dashed #9c60ff42;border-radius:18px;flex-direction:column;align-items:center;gap:.8rem;width:100%;max-width:700px;padding:1.1rem;transition:border-color .15s,background .15s;display:flex}.atm-queue-wrap.atm-dragover.svelte-1uha8ag{background:#9c60ff0d;border-color:#9c60ffb3}.atm-queue-hint.svelte-1uha8ag{color:#f6f1e86b;text-align:center;margin:0;font-size:.92rem}.atm-queue.svelte-1uha8ag{flex-direction:column;gap:.55rem;width:100%;max-width:700px;max-height:320px;margin-top:.35rem;display:flex;overflow-y:auto}.atm-qi.svelte-1uha8ag{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:13px;align-items:center;gap:.8rem;padding:.8rem .95rem;transition:border-color .15s;display:flex}.atm-qi-done.svelte-1uha8ag{border-color:#4ade802e}.atm-qi-err-row.svelte-1uha8ag{border-color:#f871712e}.atm-qi-active.svelte-1uha8ag{border-color:#9c60ff40}.atm-qi-icon.svelte-1uha8ag{text-align:center;color:#f6f1e859;flex-shrink:0;width:20px;font-size:1rem}.atm-qi-done.svelte-1uha8ag .atm-qi-icon:where(.svelte-1uha8ag){color:#4ade80}.atm-qi-err-row.svelte-1uha8ag .atm-qi-icon:where(.svelte-1uha8ag){color:#f87171}.atm-qi-active.svelte-1uha8ag .atm-qi-icon:where(.svelte-1uha8ag){color:#9c60ff}.atm-qi-body.svelte-1uha8ag{flex:1;min-width:0}.atm-qi-name.svelte-1uha8ag{color:#f6f1e8e0;white-space:nowrap;text-overflow:ellipsis;font-size:1rem;display:block;overflow:hidden}.atm-qi-progress.svelte-1uha8ag{align-items:center;gap:.6rem;margin-top:.35rem;display:flex}.atm-qi-bar.svelte-1uha8ag{width:100%;margin-top:.3rem}.atm-qi-progress.svelte-1uha8ag .atm-qi-bar:where(.svelte-1uha8ag){margin-top:0}.atm-qi-progress-pct.svelte-1uha8ag{color:#f6f1e89e;text-align:right;min-width:2.5rem;font-size:.82rem}.atm-qi-actions.svelte-1uha8ag{flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:.45rem;display:flex}.atm-qi-dl.svelte-1uha8ag{color:#a78bfa;cursor:pointer;background:0 0;border:1px solid #a78bfa66;border-radius:8px;padding:.35rem .75rem;font-size:.88rem;transition:background .15s}.atm-qi-dl.svelte-1uha8ag:hover{background:#a78bfa1f}.atm-qi-import.svelte-1uha8ag{color:#f6f1e8;cursor:pointer;background:#9c60ff2e;border:1px solid #9c60ff73;border-radius:8px;padding:.35rem .75rem;font-size:.88rem;transition:background .15s}.atm-qi-import.svelte-1uha8ag:hover{background:#9c60ff52}.atm-qi-notes.svelte-1uha8ag{color:#f6f1e873;font-size:.86rem}.atm-qi-errtxt.svelte-1uha8ag{color:#f87171;margin-top:.2rem;font-size:.86rem;display:block}.atm-qi-rm.svelte-1uha8ag{color:#f6f1e840;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:.1rem .25rem;font-size:1rem;line-height:1;transition:color .15s}.atm-qi-rm.svelte-1uha8ag:hover{color:#f6f1e8a6}.atm-spinner-sm.svelte-1uha8ag{vertical-align:middle;border:2px solid #9c60ff40;border-top-color:#9c60ff;border-radius:50%;width:11px;height:11px;animation:.75s linear infinite svelte-1uha8ag-spin;display:inline-block}@media (width<=720px){.atm-panel-backdrop.svelte-1uha8ag{padding:calc(4.5rem + 80px) .75rem .75rem}.atm-panel.svelte-1uha8ag{border-radius:20px;width:100%;max-height:calc(100vh - 5.25rem);padding:1.3rem 1rem 1.5rem}.atm-panel-header.svelte-1uha8ag{flex-direction:column;align-items:stretch}.atm-header-right.svelte-1uha8ag{justify-content:space-between;width:100%}.atm-toast.svelte-1uha8ag{width:min(280px,100vw - 1.5rem);top:.75rem;right:.75rem}.atm-panel.svelte-1uha8ag:not(:has(.atm-state)){width:100%;max-height:calc(90vh - 4.725rem)}.atm-title.svelte-1uha8ag{font-size:1.75rem}.atm-subtitle.svelte-1uha8ag{font-size:.92rem}.atm-drop.svelte-1uha8ag{padding:2.4rem 1.1rem}.atm-drop-text.svelte-1uha8ag{font-size:1.2rem}.atm-queue-header.svelte-1uha8ag{flex-direction:column;align-items:flex-start;gap:.5rem}.atm-queue-tools.svelte-1uha8ag{justify-content:space-between;width:100%}}