.shop{--sp-page:#faf7f0;--sp-surface:#fff;--sp-surface-hover:#fffbf2;--sp-elevated:#fffffff5;--sp-border:#e4ded3;--sp-border-strong:#cfc7b8;--sp-text-1:#2a2724;--sp-text-2:#5c564e;--sp-text-3:#8c8378;--sp-honey:#f7c46c;--sp-honey-ink:#2a2724;--sp-honey-deep:#d4a030;--sp-honey-tint:#fdf3dc;--sp-accent:#7c5cfc;--sp-accent-tint:#eee9ff;--sp-sale:#e0456b;--sp-badge-fg:#5c564e;--sp-badge-bg:#efeae0;--sp-ok-fg:#1f9d6b;--sp-ok-bg:#ddf3e8;--sp-bundle-fg:#7c5cfc;--sp-bundle-bg:#eee9ff;--sp-shadow:0 8px 24px #2a27241f;--sp-dim:#2a272466;--sp-ring:#00000014;--sp-grad:linear-gradient(135deg, #f7c46c 0%, #e8a8e8 50%, #7c5cfc 100%);--sp-grad-text:linear-gradient(135deg, #d4a030 0%, #f7c46c 35%, #e8a8e8 65%, #7c5cfc 100%);--sp-grad-ink:#1a1712;background:var(--sp-page);color:var(--sp-text-1);font-family:Satoshi,Pretendard,system-ui,sans-serif}.shop[lang=ko],.shop .ko{font-family:Pretendard,Satoshi,system-ui,sans-serif}.dark .shop{--sp-page:#0b0b0f;--sp-surface:#141418;--sp-surface-hover:#1a1a20;--sp-elevated:#16161cf0;--sp-border:#2a2a30;--sp-border-strong:#3a3a42;--sp-text-1:#ede8df;--sp-text-2:#b5afa4;--sp-text-3:#7e776e;--sp-honey-ink:#1a1408;--sp-honey-deep:#e0b04a;--sp-honey-tint:#2a2210;--sp-accent:#a78bfa;--sp-accent-tint:#221d3a;--sp-sale:#f472b6;--sp-badge-fg:#b5afa4;--sp-badge-bg:#1e1e24;--sp-ok-fg:#4ad094;--sp-ok-bg:#10291f;--sp-bundle-fg:#a78bfa;--sp-bundle-bg:#221d3a;--sp-shadow:0 8px 24px #00000080;--sp-dim:#0000008c;--sp-ring:#ffffff0f;--sp-grad:linear-gradient(135deg, #f7c46c 0%, #c4b5fd 50%, #a78bfa 100%);--sp-grad-text:linear-gradient(135deg, #f7c46c 0%, #fddfa0 35%, #c4b5fd 65%, #a78bfa 100%)}.shop .num{font-variant-numeric:tabular-nums}.shop .caps{letter-spacing:.08em;text-transform:uppercase;color:var(--sp-text-3);font-size:11px;font-weight:700;line-height:16px}.shop[lang=ko] .caps{letter-spacing:0;text-transform:none}.shop :focus-visible{outline:2px solid var(--sp-accent);outline-offset:2px;border-radius:6px}.sp-grad{background:var(--sp-grad)}.sp-grad-text{background:var(--sp-grad-text);color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.sp-gborder{background:linear-gradient(var(--sp-surface), var(--sp-surface)) padding-box, var(--sp-grad) border-box;border:1px solid #0000}.sp-blob{position:relative}.sp-blob:before{content:"";background:var(--sp-grad);opacity:.14;filter:blur(60px);pointer-events:none;border-radius:50%;width:360px;height:360px;position:absolute;top:-80px;right:-40px}.sp-btn{white-space:nowrap;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:44px;padding:0 20px;font-size:15px;font-weight:700;transition:background .12s,filter .12s,color .12s,transform .2s cubic-bezier(.34,1.56,.64,1);display:inline-flex}.sp-btn:disabled{opacity:.55;cursor:not-allowed}.sp-btn-p{background:var(--sp-grad);color:var(--sp-grad-ink);box-shadow:0 14px 30px -14px #7c5cfc8c}.sp-btn-p:hover:not(:disabled){filter:brightness(1.05)}.sp-btn-s{border:1px solid var(--sp-border-strong);color:var(--sp-text-1)}.sp-btn-s:hover:not(:disabled){background:var(--sp-surface-hover)}.sp-btn-g{color:var(--sp-text-2)}.sp-btn-g:hover:not(:disabled){background:var(--sp-surface-hover);color:var(--sp-text-1)}.sp-btn-m{height:36px;padding:0 16px;font-size:14px}.sp-btn-xs{border-radius:8px;height:28px;padding:0 12px;font-size:12px}.sp-btn-ok{background:var(--sp-ok-bg);color:var(--sp-ok-fg);box-shadow:none}.sp-squash{animation:.24s cubic-bezier(.34,1.56,.64,1) sp-squash}@keyframes sp-squash{0%{transform:scale(1)}40%{transform:scale(.92)}to{transform:scale(1)}}.sp-badge{letter-spacing:.06em;text-transform:uppercase;background:var(--sp-badge-bg);height:20px;color:var(--sp-badge-fg);white-space:nowrap;border-radius:6px;align-items:center;gap:4px;padding:0 8px;font-size:11px;font-weight:700;line-height:20px;display:inline-flex}.shop[lang=ko] .sp-badge{letter-spacing:0;text-transform:none}.sp-badge-new{background:var(--sp-honey);color:var(--sp-honey-ink)}.sp-badge-bundle{background:var(--sp-bundle-bg);color:var(--sp-bundle-fg)}.sp-badge-store{background:var(--sp-grad);color:var(--sp-grad-ink)}.sp-badge-soft{text-transform:none;letter-spacing:0;font-weight:600}.sp-chip{border:1px solid var(--sp-border-strong);height:28px;color:var(--sp-text-2);background:var(--sp-surface);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:600;transition:all .12s;display:inline-flex}.sp-chip:hover{background:var(--sp-surface-hover)}.sp-chip-on,.sp-chip[aria-pressed=true]{background:var(--sp-honey-tint);border-color:var(--sp-honey-deep);color:var(--sp-text-1)}.sp-chip-lg{height:36px;padding:0 14px;font-size:13px}.sp-panel{background:var(--sp-surface);border:1px solid var(--sp-border);border-radius:10px}.sp-elevated{background:var(--sp-elevated);-webkit-backdrop-filter:blur(16px)}.sp-input{border:1px solid var(--sp-border-strong);background:var(--sp-surface);width:100%;height:44px;color:var(--sp-text-1);border-radius:10px;padding:0 12px;font-size:14px}.sp-input:focus{outline:2px solid var(--sp-accent);outline-offset:0;border-color:#0000}.sp-input::placeholder{color:var(--sp-text-3)}.sp-cover{aspect-ratio:1;background:var(--sp-surface-hover);box-shadow:inset 0 0 0 1px var(--sp-ring);border-radius:8px;position:relative;overflow:hidden}.sp-cover img{object-fit:cover;width:100%;height:100%;display:block}.sp-cover:after{content:"";pointer-events:none;background:linear-gradient(#0000 60%,#0000008c);transition:background .2s;position:absolute;inset:0}.sp-card:hover .sp-cover:after,.sp-cover.playing:after{background:#0006}.sp-play{background:var(--sp-honey);width:48px;height:48px;color:var(--sp-honey-ink);opacity:0;z-index:2;border-radius:50%;place-items:center;margin:-24px 0 0 -24px;transition:opacity .16s,transform .16s cubic-bezier(.2,.8,.2,1);display:grid;position:absolute;top:50%;left:50%;transform:scale(.85)}.sp-card:hover .sp-play,.sp-cover.playing .sp-play,.sp-play:focus-visible{opacity:1;transform:scale(1)}.sp-card{border-radius:10px;flex-direction:column;min-width:0;transition:transform .2s cubic-bezier(.2,.8,.2,1);display:flex}.sp-card:hover{transform:translateY(-2px)}.sp-price{font-variant-numeric:tabular-nums;color:var(--sp-honey-deep);font-weight:700}.sp-price s{color:var(--sp-text-3);margin-left:6px;font-weight:500}.sp-add{width:28px;height:28px;color:var(--sp-text-2);border:1px solid var(--sp-border-strong);border-radius:8px;flex:none;place-items:center;transition:all .12s;display:grid;position:relative}.sp-add:before{content:"";position:absolute;inset:-8px}.sp-add:hover{background:var(--sp-honey);border-color:var(--sp-honey);color:var(--sp-honey-ink)}.sp-add.in{background:var(--sp-ok-bg);border-color:var(--sp-ok-bg);color:var(--sp-ok-fg)}.sp-trow{border-bottom:1px solid var(--sp-border);cursor:pointer;grid-template-columns:40px minmax(200px,1fr) 64px 220px 110px 44px;align-items:center;gap:12px;height:56px;padding-right:8px;font-size:14px;display:grid;position:relative}.sp-trow:hover{background:var(--sp-surface-hover)}.sp-trow.playing{background:var(--sp-honey-tint)}.sp-trow.playing:before{content:"";background:var(--sp-honey);width:2px;position:absolute;top:0;bottom:0;left:0}.sp-trow .pb{width:40px;height:40px;color:var(--sp-text-2);border-radius:8px;place-items:center;display:grid}.sp-trow:hover .pb,.sp-trow.playing .pb{color:var(--sp-honey-ink);background:var(--sp-honey);border-radius:50%;width:32px;height:32px;margin-left:4px}.sp-thead{grid-template-columns:40px minmax(200px,1fr) 64px 220px 110px 44px;align-items:center;gap:12px;height:36px;padding-right:8px;display:grid}@media (max-width:1100px){.sp-trow,.sp-thead{grid-template-columns:40px minmax(160px,1fr) 64px 110px 44px}.sp-trow .tags,.sp-thead .tg{display:none}}@media (max-width:720px){.sp-trow,.sp-thead{grid-template-columns:40px minmax(0,1fr) 90px 44px;height:64px}.sp-trow .dur,.sp-thead .du,.sp-trow .sp-price s{display:none}}.sp-tier{border:1px solid var(--sp-border);cursor:pointer;background:var(--sp-surface);text-align:left;border-radius:10px;grid-template-columns:18px 1fr auto;gap:10px 12px;padding:14px;transition:all .12s;display:grid}.sp-tier:hover{background:var(--sp-surface-hover)}.sp-tier.on{border:2px solid var(--sp-accent);background:var(--sp-accent-tint);padding:13px}.sp-rd{border:1.5px solid var(--sp-border-strong);border-radius:50%;flex:none;place-items:center;width:18px;height:18px;margin-top:1px;display:grid}.on>.sp-rd,.sp-tier.on .sp-rd{border-color:var(--sp-accent)}.on>.sp-rd:after,.sp-tier.on .sp-rd:after{content:"";background:var(--sp-accent);border-radius:50%;width:8px;height:8px}.sp-facet{border-top:1px solid var(--sp-border)}.sp-facet>summary{cursor:pointer;justify-content:space-between;align-items:center;height:40px;list-style:none;display:flex}.sp-facet>summary::-webkit-details-marker{display:none}.sp-facet>summary svg{transition:transform .2s}.sp-facet[open]>summary svg{transform:rotate(180deg)}.sp-cb{border:1.5px solid var(--sp-border-strong);border-radius:5px;flex:none;place-items:center;width:18px;height:18px;transition:all .12s;display:grid}.sp-cb svg{color:var(--sp-honey-ink);transition:transform .16s cubic-bezier(.2,.8,.2,1);transform:scale(0)}.on>.sp-cb{background:var(--sp-honey);border-color:var(--sp-honey)}.on>.sp-cb svg{transform:scale(1)}.sp-scrim{background:var(--sp-dim);z-index:45;opacity:0;pointer-events:none;transition:opacity .28s;position:fixed;inset:0}.sp-scrim.show{opacity:1;pointer-events:auto}.sp-drawer{background:var(--sp-surface);z-index:46;flex-direction:column;width:420px;max-width:100%;transition:transform .28s cubic-bezier(.2,.8,.2,1);display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-12px 0 40px #00000026}.sp-drawer.show{transform:none}.sp-filters-mobile{z-index:46;border-radius:16px 16px 0 0;max-height:85vh;transition:transform .28s cubic-bezier(.2,.8,.2,1);position:fixed;bottom:0;left:0;right:0;overflow:auto;transform:translateY(100%)}.sp-filters-mobile.show{transform:none}.sp-player{z-index:42;border-top:1px solid var(--sp-border);animation:.32s cubic-bezier(.2,.8,.2,1) sp-slidein;position:sticky;bottom:0}@keyframes sp-slidein{0%{transform:translateY(72px)}to{transform:none}}.sp-wave{cursor:pointer;align-items:center;gap:2px;min-width:0;height:32px;display:flex}.sp-wave i{background:var(--sp-border-strong);border-radius:1px;flex:1;min-height:4px}.sp-wave i.on{background:var(--sp-grad)}.sp-skel{background:var(--sp-surface-hover);border-radius:8px;position:relative;overflow:hidden}.sp-skel:after{content:"";background:linear-gradient(90deg,#0000,#ffffff80,#0000);animation:1.4s linear infinite sp-shimmer;position:absolute;inset:0}.dark .sp-skel:after{background:linear-gradient(90deg,#0000,#ffffff0f,#0000)}@keyframes sp-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.shop *,.shop :before,.shop :after{transition:none!important;animation:none!important}}