.st-sheet,.toast.st-toast{--bg:#1a1030;--fg:#f3e9d2;--fg-muted:#bdb0d4;--surface:#261a42;--surface-2:#33235a;--accent:#fed73c;--accent-2:#b9a6f0;--accent-fg:#1b2b3a;--border:#f3e9d229;--border-strong:#a87447;--line:2px solid #a87447;--dim:#0a061499;--firefly:#d9f26b;--moon:#f3e9d2;--cloth:#4b2179;--coin:#fed73c;--coin-fg:#1b2b3a;--danger:#f87171;--focus-ring:0 0 0 2px var(--bg), 0 0 0 4px var(--accent);--radius-sm:12px;--radius-md:16px;--radius-lg:24px;--radius-full:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--gutter:16px;--col:640px;--cta-h:56px;--text-xs:12px;--text-sm:13px;--text-ui:15px;--text-base:16px;--text-lg:20px;--dur-press:.1s;--dur-ui:.15s;--dur-screen:.25s;--ease-out:cubic-bezier(.2, .8, .2, 1);--safe-bottom:env(safe-area-inset-bottom,0px);--font-sans:"Pretendard Variable", Pretendard, -apple-system, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;font-family:var(--font-sans)}.toast.st-toast{left:50%;bottom:calc(var(--cta-h) + 36px + var(--safe-bottom));z-index:60;max-width:calc(min(var(--col), 100%) - 2 * var(--gutter));padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--fg);color:var(--bg);font-size:var(--text-ui);line-height:22px;position:fixed;transform:translate(-50%)}.st-sheet{width:100%;max-width:none;height:100%;max-height:none;color:var(--fg);background:0 0;border:0;margin:0;padding:0;position:fixed;inset:0}.st-sheet::backdrop{background:var(--dim)}.st-panel{border:var(--line);border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--surface);width:100%;max-width:480px;height:92dvh;animation:sheet-in var(--dur-screen) var(--ease-out);border-bottom:0;flex-direction:column;display:flex;position:absolute;bottom:0;left:50%;overflow:hidden;translate:-50%}.st-page{flex-direction:column;flex:1;min-height:0;display:flex}.st-page[hidden]{display:none}.st-scroll{overscroll-behavior:contain;min-height:0;padding:var(--space-2) var(--gutter) var(--space-4);flex:1;overflow-y:auto}.st-handle{width:36px;height:4px;margin:0 auto var(--space-3);border-radius:var(--radius-full);background:var(--border)}.st-head{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.st-title{font-size:var(--text-lg);font-weight:800;line-height:1.3}.st-back{margin-left:-8px}.st-pv-label{color:var(--fg-muted);font-size:var(--text-ui);font-weight:700}.st-back,.st-close{border-radius:var(--radius-full);width:44px;height:44px;color:var(--fg);cursor:pointer;background:0 0;border:0;place-items:center;display:inline-grid}.st-close{margin-right:-8px}.st-sheet svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.st-sheet svg .fill{fill:currentColor;stroke:none}.st-desc{color:var(--fg-muted);font-size:var(--text-sm);margin-top:2px}.st-switches{gap:var(--space-2);margin-top:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.st-silent{margin-top:var(--space-2);color:var(--fg-muted);font-size:var(--text-sm)}.st-silent[hidden]{display:none}.st-switch{align-items:center;gap:var(--space-2);min-height:48px;padding:0 var(--space-3);border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--fg);font:inherit;font-size:var(--text-ui);text-align:left;cursor:pointer;font-weight:700;display:flex}.st-switch-label{word-break:keep-all;flex:1}.st-switch-state{color:var(--fg-muted);font-size:var(--text-xs);font-weight:600}.st-track{border-radius:var(--radius-full);width:40px;height:24px;transition:background-color var(--dur-ui);background:#f3e9d23d;flex:none;position:relative}.st-knob{width:18px;height:18px;transition:translate var(--dur-ui);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.st-switch[aria-checked=true] .st-track{background:var(--accent)}.st-switch[aria-checked=true] .st-knob{background:var(--accent-fg);translate:16px}.st-band{gap:var(--space-2) var(--space-3);margin-top:var(--space-3);padding:var(--space-3);border:var(--line);border-radius:var(--radius-md);background:var(--cloth);grid-template-columns:auto 1fr;align-items:center;display:grid}.st-band[hidden]{display:none}.st-band-icon{color:var(--moon)}.st-band-icon svg{width:28px;height:28px}.st-band-title{font-size:var(--text-ui);font-weight:700}.st-band-desc{font-size:var(--text-sm);margin-top:2px;line-height:1.45}.st-band-btn{min-height:44px;padding:0 var(--space-4);border:2px solid var(--border-strong);border-radius:var(--radius-full);color:var(--fg);font:inherit;font-size:var(--text-sm);cursor:pointer;background:0 0;grid-column:1/-1;justify-self:start;font-weight:700}.st-group{margin-top:var(--space-5)}.st-group-head{align-items:baseline;gap:2px var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.st-group-title{font-size:var(--text-ui);font-weight:700}.st-group-note{color:var(--fg-muted);font-size:var(--text-sm)}.st-grid{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.st-card{border:2px solid var(--border-strong);border-radius:var(--radius-md);background:#33235a99;position:relative}.st-card.is-current{box-shadow:0 0 0 2px var(--surface), 0 0 0 5px var(--accent)}.st-card.is-target:not(.is-current){border-color:var(--accent-2)}.st-card-main{width:100%;min-height:100%;padding:var(--space-3);border-radius:inherit;color:var(--fg);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-content:start;justify-items:start;gap:4px;display:grid}.st-emblem{border-radius:var(--radius-sm);background:var(--surface-2);place-items:center;width:56px;height:56px;margin-bottom:4px;display:grid}.st-emblem img{object-fit:contain;width:48px;height:48px}.st-name{font-size:var(--text-base);word-break:keep-all;font-weight:800;line-height:1.3}.st-inst{color:var(--fg-muted);font-size:var(--text-sm);word-break:keep-all;line-height:1.4}.st-pills{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.st-pill{border-radius:var(--radius-full);min-height:24px;font-size:var(--text-xs);white-space:nowrap;align-items:center;padding:0 8px;font-weight:700;display:inline-flex}.st-pill.is-free{background:var(--coin);color:var(--coin-fg)}.st-pill.is-price{background:var(--fg);color:#1e1b16;font-variant-numeric:tabular-nums}.st-pill.is-outline{color:var(--fg);border:1.5px solid #f3e9d28c}.st-card-main{position:relative}.st-card-go{color:var(--fg-muted);position:absolute;top:10px;right:8px}.st-sheet .st-card-go svg{width:18px;height:18px}.st-hero{align-items:center;gap:var(--space-2);margin-top:var(--space-2);grid-template-columns:44px 1fr 44px;display:grid}.st-hero-main{text-align:center;justify-items:center;gap:6px;min-width:0;display:grid}.st-hero-emblem{border:2px solid var(--border-strong);background:var(--surface-2);width:128px;height:128px;transition:box-shadow var(--dur-screen) var(--ease-out);border-radius:32px;place-items:center;display:grid}.st-hero.is-current .st-hero-emblem{box-shadow:0 0 0 2px var(--surface), 0 0 0 5px var(--accent)}.st-hero.is-playing .st-hero-emblem{box-shadow:0 0 0 2px var(--surface), 0 0 0 5px var(--firefly), 0 0 28px #d9f26b59}.st-hero-emblem img{object-fit:contain;width:96px;height:96px}.st-hero-name{margin-top:var(--space-1);font-size:var(--text-lg);font-weight:800;line-height:1.3}.st-hero-inst{color:var(--fg-muted);font-size:var(--text-sm)}.st-hero .st-pills{justify-content:center}.st-flip{border:2px solid var(--border);width:44px;height:44px;color:var(--fg);cursor:pointer;background:0 0;border-radius:50%;place-items:center;display:grid}.st-page.is-preview .st-dock-cols{margin-top:var(--space-5);gap:var(--space-4)}.st-ribbon{border-radius:var(--radius-full);background:var(--accent);color:var(--accent-fg);font-size:var(--text-xs);white-space:nowrap;padding:2px 10px;font-weight:800;position:absolute;top:-11px;left:50%;translate:-50%}.st-dock{padding:var(--space-3) var(--gutter) calc(var(--space-3) + var(--safe-bottom));border-top:1px solid var(--border);background:var(--surface);flex:none}.st-dock-title{font-size:var(--text-ui);font-weight:700}.st-dock-wait{color:var(--fg-muted);font-size:var(--text-sm);margin-top:4px}.st-dock-cols{gap:var(--space-2);margin-top:var(--space-2);display:grid}.st-dock-cols.is-off{opacity:.5}.st-dock-label{color:var(--fg-muted);font-size:var(--text-sm);margin-bottom:4px}.st-chips{gap:6px;padding:6px 0;display:flex;overflow-x:auto}.st-chip{border-radius:var(--radius-full);background:var(--surface-2);min-height:32px;color:var(--fg);font:inherit;font-size:var(--text-sm);cursor:pointer;transition:scale var(--dur-press);border:0;flex:none;align-items:center;gap:4px;padding:0 10px;font-weight:700;display:inline-flex}.st-chip svg{width:16px;height:16px}.st-chip:active{scale:.96}.st-chip.is-playing{background:var(--accent);color:var(--accent-fg)}.st-seg{border-radius:var(--radius-full);background:var(--surface-2);grid-template-columns:repeat(3,1fr);gap:3px;padding:3px;display:grid}.st-seg-btn{border-radius:var(--radius-full);min-height:36px;color:var(--fg);font:inherit;font-size:var(--text-sm);cursor:pointer;background:0 0;border:0;font-weight:700}.st-seg-btn[aria-checked=true]{background:var(--accent);color:var(--accent-fg)}.st-seek{align-items:center;gap:var(--space-2);margin-top:var(--space-2);grid-template-columns:44px 1fr auto;display:grid}.st-play{background:var(--fg);color:#1e1b16;cursor:pointer;border:0;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.st-play:disabled,.st-chip:disabled,.st-seg-btn:disabled{cursor:default}.st-bar{cursor:pointer;touch-action:none;height:44px;position:relative}.st-bar-track{background:#f3e9d233;border-radius:3px;height:6px;position:absolute;top:19px;left:0;right:0;overflow:hidden}.st-bar-fill{background:var(--fg);width:0;height:100%;display:block}.st-bar-knob{background:var(--accent);border-radius:50%;width:20px;height:20px;margin-left:-10px;position:absolute;top:12px;left:0}.st-bar:focus-visible{outline:none}.st-bar:focus-visible .st-bar-knob{box-shadow:var(--focus-ring)}.st-time{color:var(--fg-muted);font-size:var(--text-sm);font-variant-numeric:tabular-nums;white-space:nowrap}.st-dock-hint{color:var(--fg-muted);font-size:var(--text-xs)}.st-cta{margin-top:0}.st-cta-btn{width:100%;min-height:var(--cta-h);padding:0 var(--space-5);border:2px solid var(--accent);border-radius:var(--radius-md);background:var(--accent);color:var(--accent-fg);font:inherit;font-size:var(--text-base);cursor:pointer;transition:background-color var(--dur-ui) var(--ease-out), transform var(--dur-press) var(--ease-out), box-shadow var(--dur-press) var(--ease-out);justify-content:center;align-items:center;font-weight:700;line-height:1.2;display:inline-flex;box-shadow:0 4px #d9b32a}.st-cta-btn:hover:not(:disabled){background:#f5cc2a}.st-cta-btn:active:not(:disabled){box-shadow:none;transform:translateY(4px)}.st-cta-btn:focus-visible{box-shadow:0 4px 0 #d9b32a, var(--focus-ring)}.st-cta-btn:disabled{border-color:var(--fg-muted);background:var(--surface-2);color:var(--fg-muted);box-shadow:none}.st-cta-note{min-height:44px;color:var(--fg-muted);font-size:var(--text-sm);text-align:center;place-items:center;display:grid}.st-sheet button:focus-visible{box-shadow:var(--focus-ring);outline:none}@media (width>=900px){.st-panel{border-bottom:var(--line);border-radius:var(--radius-lg);max-width:760px;height:auto;max-height:min(940px,96dvh);top:50%;bottom:auto;translate:-50% -50%}.st-handle{display:none}.st-scroll{padding:var(--space-5) var(--space-6) var(--space-4)}.st-switches{max-width:420px}.st-band{grid-template-columns:auto 1fr auto}.st-band-btn{grid-column:auto;justify-self:end}.st-group{margin-top:var(--space-4)}.st-grid{grid-template-columns:repeat(3,1fr)}.st-dock{padding:var(--space-4) var(--space-6) var(--space-5)}.st-dock-cols{gap:var(--space-6);grid-template-columns:1fr 1fr}.st-chips{flex-wrap:wrap;overflow:visible}.st-cta{justify-content:flex-end;display:flex}.st-cta-btn{width:280px}.st-cta-note{justify-items:end}}@media (prefers-reduced-motion:reduce){.st-panel{animation:none}.st-hero-emblem{transition:none}}.sb-item{gap:var(--space-3);margin-top:var(--space-4);grid-template-columns:56px 1fr;align-items:center;display:grid}.sb-emblem{border-radius:var(--radius-sm);background:#33235a;place-items:center;width:56px;height:56px;display:grid}.sb-emblem img{width:48px;height:48px}.sb-name{font-size:var(--text-base);font-weight:800}.sb-sub{color:var(--fg-muted);font-size:var(--text-sm)}.sb-label{margin-top:var(--space-5);margin-bottom:var(--space-2);font-size:var(--text-ui);font-weight:600}.sb-methods{gap:var(--space-2);display:grid}.sb-method{gap:var(--space-3);min-height:56px;padding:var(--space-2) var(--space-3);border:2px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--fg);font:inherit;text-align:left;cursor:pointer;grid-template-columns:22px 1fr auto;align-items:center;display:grid}.sb-method[aria-checked=true]{box-shadow:0 0 0 2px var(--accent)}.sb-method:disabled{opacity:.55;cursor:default}.sb-radio{border:2px solid var(--border-strong);border-radius:50%;width:20px;height:20px}.sb-method[aria-checked=true] .sb-radio{border-color:var(--accent);background:radial-gradient(circle, var(--accent) 0 5px, transparent 6px)}.sb-method-name{font-size:var(--text-ui);font-weight:700;display:grid}.sb-method-sub{color:var(--fg-muted);font-size:var(--text-sm);font-weight:400}.sb-amount{font-size:var(--text-ui);font-variant-numeric:tabular-nums;font-weight:800}.sb-notice{margin-top:var(--space-4);padding:var(--space-3);border-radius:var(--radius-sm);background:var(--surface-2);font-size:var(--text-xs);line-height:1.55}.sb-notice li+li{margin-top:4px}.sb-notice ul{padding-left:1.1em;list-style:outside}.sb-notice a{margin-top:var(--space-2);color:var(--accent);font-weight:700;display:inline-block}.sb-after{margin-top:var(--space-2);color:var(--fg-muted);font-size:var(--text-xs);text-align:center}.sb-error{margin-top:var(--space-2);color:var(--danger);font-size:var(--text-sm)}.sb-seller{margin-top:var(--space-4);color:var(--fg-muted);font-size:11px;line-height:1.5}.sb-seller a{color:inherit}@media (width>=900px){.sheet-panel.sb-panel{border-bottom:var(--line);border-radius:var(--radius-lg);max-width:480px;top:50%;bottom:auto;transform:translate(-50%,-50%)}}