.app-layout.sh .banners .renew-banner.bn .btn-sm{min-height:44px}.app-layout.sh .banners .renew-banner.bn .bn-x{width:44px;height:44px}.wall{margin-bottom:24px}.wall-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.wall-subtitle{font-size:12px;color:var(--text-tertiary)}.wall-message{margin:8px 0;font-size:13px;color:var(--text-secondary)}.wall-message-error{color:var(--danger)}.wall-empty-note{color:var(--text-secondary);font-size:14px}.wall-switches{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 12px}.wall-switch,.wall-action{min-height:44px;padding:0 14px;border-radius:999px;font:inherit;font-size:13px;cursor:pointer;border:1px solid var(--border-glass);background:var(--bg-glass);color:var(--text-primary)}.wall-switch[aria-pressed=true]{background:var(--gradient-subtle);border-color:var(--accent)}.wall-switch:hover,.wall-action:hover{background:var(--bg-glass-hover)}.wall-action:disabled,.wall-switch:disabled{opacity:.5;cursor:not-allowed}.wall-action-danger{border-color:var(--danger);color:var(--danger)}.wall-empty{text-align:center;padding:28px 16px;border:1px dashed var(--border-glass);border-radius:20px;background:var(--bg-glass)}.wall-empty-title{margin:0 0 6px;font-size:18px;color:var(--text-primary)}.wall-empty-body{margin:0 0 14px;color:var(--text-secondary);font-size:14px}.wall-group{margin-top:18px}.wall-group-title{margin:0 0 6px;font-size:15px;color:var(--text-primary);overflow-wrap:anywhere}.wall-group-date{font-weight:400;color:var(--text-tertiary);font-size:13px}.wall-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:12px;margin-top:8px}.wall-note{display:flex;flex-direction:column;gap:6px;min-width:0;padding:14px 16px;border-radius:20px;border:1px solid var(--border-glass);background:var(--bg-glass)}.wall-note.is-pinned{border-color:rgba(var(--accent-rgb),.6);background:var(--gradient-subtle)}.wall-note.is-hidden{opacity:.7}.wall-note-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.wall-note-from{font-size:12px;color:var(--text-secondary);overflow-wrap:anywhere}.wall-note-tags{display:inline-flex;gap:6px}.wall-tag{font-size:11px;padding:2px 8px;border-radius:999px;border:1px solid var(--border-glass);color:var(--text-secondary)}.wall-tag-pinned{border-color:var(--accent);color:var(--accent)}.wall-note-text{margin:0;color:var(--text-primary);font-size:15px;line-height:1.45;overflow-wrap:anywhere;white-space:pre-wrap}.wall-note-meta{margin:0;font-size:12px;color:var(--text-tertiary)}.wall-note-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px}.wall-report-reasons{display:flex;flex-wrap:wrap;gap:8px}.wall-pin{width:44px;height:44px;border-radius:50%;font-size:18px;cursor:pointer;line-height:1;border:1px solid var(--border-glass);background:var(--bg-glass);color:var(--text-secondary)}.wall-pin[aria-pressed=true]{color:var(--accent);border-color:var(--accent);background:var(--gradient-subtle)}.wall-pin:disabled{opacity:.5;cursor:not-allowed}.wall-switch:focus-visible,.wall-action:focus-visible,.wall-pin:focus-visible,.bloom-marker:focus-visible,.bouquet-cta:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.bloom-timeline{margin:4px 0 2px}.bloom-track{position:relative;height:44px;border-radius:22px;background:var(--bg-glass);border:1px solid var(--border-glass)}.bloom-slot{position:absolute;top:0;width:44px;height:44px;margin-left:-4px}.bloom-marker{position:relative;width:44px;height:44px;padding:0;border:0;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center}.bloom-dot{width:20px;height:20px;border-radius:50%;background:var(--gradient);transition:transform .15s ease}.bloom-marker.is-cluster .bloom-dot{box-shadow:0 0 0 4px rgba(var(--accent-rgb),.25)}.bloom-marker:hover .bloom-dot,.bloom-marker.is-active .bloom-dot{transform:scale(1.2)}.bloom-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);white-space:nowrap;z-index:5;padding:6px 10px;border-radius:10px;font-size:12px;background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-glass)}.bloom-cluster-list{position:absolute;top:100%;left:0;z-index:5;display:flex;flex-wrap:wrap;gap:6px;max-width:260px;padding:8px;border-radius:12px;background:var(--bg-primary);border:1px solid var(--border-glass)}.bloom-chip{min-height:32px;display:inline-flex;align-items:center;padding:0 10px;border-radius:999px;font-size:12px;background:var(--bg-glass);color:var(--text-primary)}.bouquet{grid-column:1 / -1;display:flex;flex-direction:column;gap:8px;padding:18px;border-radius:20px;border:1px solid rgba(var(--accent-rgb),.6);background:var(--gradient-subtle)}.bouquet-kicker{margin:0;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.bouquet-title{margin:0;font-size:18px;color:var(--text-primary)}.bouquet-body{margin:0;font-size:14px;color:var(--text-secondary)}.bouquet-flowers{list-style:none;margin:4px 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px}.bouquet-flower-item{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;text-align:center}.bouquet-handle{max-width:100%;font-size:12px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bouquet-note{font-size:12px;color:var(--text-secondary);overflow-wrap:anywhere}.bouquet-flower{color:var(--accent)}.bouquet-flower-1{color:var(--accent-secondary)}.bouquet-flower-2{color:#c084fc}.bouquet-flower-3{color:#d8b4fe}.bouquet-flower-4{color:var(--accent-secondary)}.bouquet-flower-5{color:var(--accent)}.bouquet-plus{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;border-radius:50%;font-size:11px;background:var(--bg-glass-strong);color:var(--text-primary)}.bouquet-ctas{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.bouquet-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:999px;border:0;font:inherit;font-weight:600;cursor:pointer;text-decoration:none;background:var(--gradient);color:#2a0f1f}.bouquet-cta:disabled{opacity:.5;cursor:not-allowed}.bouquet-cta-quiet{background:var(--bg-glass);color:var(--text-primary);border:1px solid var(--border-glass)}.wall-prompt{display:flex;flex-direction:column;gap:8px;width:100%;max-width:420px;margin:16px auto 0;text-align:left}.wall-prompt-title{margin:0;font-size:16px;color:var(--text-primary)}.wall-prompt-label{font-size:13px;color:var(--text-secondary)}.wall-prompt-text{width:100%;padding:10px 12px;border-radius:12px;font:inherit;resize:vertical;border:1px solid var(--border-glass);background:var(--bg-glass);color:var(--text-primary)}.wall-prompt-check{display:flex;align-items:center;gap:10px;min-height:44px;font-size:14px;color:var(--text-primary)}.wall-prompt-note{margin:0;font-size:12px;color:var(--text-secondary)}.wall-prompt-thanks{margin-top:16px;color:var(--text-primary)}.greeter-form{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.greeter-hours{display:flex;flex-wrap:wrap;gap:12px;font-size:13px;color:var(--text-secondary)}.greeter-hours select{margin-left:6px;min-height:36px;border-radius:8px;border:1px solid var(--border-glass);background:var(--bg-glass);color:var(--text-primary)}.greeter-banner{margin:8px 16px;padding:12px 16px;border-radius:16px;border:1px solid rgba(var(--accent-rgb),.6);background:var(--gradient-subtle)}.greeter-banner-text{margin:0 0 8px;font-size:14px;color:var(--text-primary);overflow-wrap:anywhere}.greeter-banner-actions{display:flex;flex-wrap:wrap;gap:8px}.greeter-sheet{margin:12px 0 0;max-width:none}.author-notices{margin-top:24px}.author-notice{padding:12px 14px;margin-bottom:8px;border-radius:16px;border:1px solid var(--border-glass);background:var(--bg-glass)}.author-notice p{margin:0 0 6px;font-size:14px;color:var(--text-primary);overflow-wrap:anywhere}@media (max-width: 768px){.bouquet-flowers{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.bouquet-handle{font-size:11px}.wall-grid{grid-template-columns:1fr}.greeter-banner{margin:8px 12px}}.reaction-btn{position:relative}.reaction-btn.petal-tap{animation:petal-pop .32s cubic-bezier(.34,1.56,.64,1)}.petal-tap-petal{position:absolute;left:50%;top:40%;width:10px;height:14px;margin-left:-5px;pointer-events:none;z-index:2;border-radius:60% 40%;background:var(--gradient);opacity:0;animation:petal-rise .82s cubic-bezier(.22,1,.36,1) var(--petal-delay, 0ms) both}@keyframes petal-pop{0%{transform:scale(1)}35%{transform:scale(1.14)}to{transform:scale(1)}}@keyframes petal-rise{0%{opacity:0;transform:translate(0) rotate(0) scale(.6)}15%{opacity:1}55%{opacity:.95;transform:translate(calc(var(--petal-dx) * .6),calc(var(--petal-rise) * -.6)) rotate(calc(var(--petal-rot) * .6)) scale(1)}80%{opacity:.55}to{opacity:0;transform:translate(var(--petal-dx),calc(var(--petal-rise) * -1)) rotate(var(--petal-rot)) scale(.85)}}@keyframes petal-flash{0%{opacity:1}50%{opacity:.55}to{opacity:1}}@media (prefers-reduced-motion: reduce){.reaction-btn.petal-tap{animation:petal-flash .2s ease-out}.petal-tap-petal{display:none}.bloom-dot{transition:none}.bloom-marker:hover .bloom-dot,.bloom-marker.is-active .bloom-dot{transform:none}}.greeter-pill{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 10px;border-radius:999px;font-size:12px;border:1px solid var(--accent);color:var(--accent);background:var(--gradient-subtle)}.greeter-badge-mark{flex:none}.host-bloom-strip{width:100%;max-width:560px;margin:8px auto 0;padding:0 12px}:is(.app-layout.sh,body) :where(.sidebar,.mobile-topbar,.banners,.toasts,.tst,.ach,.pop,.scrim,.welcome-overlay),:is(.app-layout.sh,body) :where(.sidebar,.mobile-topbar,.banners,.toasts,.tst,.ach,.pop,.scrim,.welcome-overlay) *,:is(.app-layout.sh,body) :where(.sidebar,.mobile-topbar,.banners,.toasts,.tst,.ach,.pop,.scrim,.welcome-overlay) *:before,:is(.app-layout.sh,body) :where(.sidebar,.mobile-topbar,.banners,.toasts,.tst,.ach,.pop,.scrim,.welcome-overlay) *:after{box-sizing:border-box}:is(.app-layout.sh,body) :where(.sidebar,.mobile-topbar,.banners,.toasts,.tst,.ach,.pop,.scrim,.welcome-overlay){color:var(--bb-text);font:400 var(--t-body)/var(--t-body-lh) var(--bb-font-body);-webkit-font-smoothing:antialiased}:is(.app-layout.sh,body) :where(.sidebar,.mobile-topbar,.banners,.toasts,.tst,.ach,.pop,.scrim,.welcome-overlay) img{display:block;max-width:100%}:is(.app-layout.sh,body) :where(.sidebar,.mobile-topbar,.banners,.toasts,.tst,.ach,.pop,.scrim,.welcome-overlay) a{color:inherit}:is(.app-layout.sh,.pop) .i{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}:is(.app-layout.sh,body) :where(.sidebar,.mobile-topbar,.banners,.toasts,.tst,.ach,.pop,.scrim,.welcome-overlay) :focus-visible{outline:2px solid var(--bb-pink);outline-offset:3px}:is(.app-layout.sh,.pop) .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--btn-h);padding:0 22px;border-radius:var(--r-pill);border:0;font:var(--t-btn-w) var(--t-btn)/1 var(--bb-font-body);text-decoration:none;cursor:pointer;white-space:nowrap;transition:transform var(--d-fast) var(--ease),box-shadow var(--d-base) var(--ease),background var(--d-base) var(--ease)}:is(.app-layout.sh,.pop) .btn:active{transform:scale(var(--press-scale))}:is(.app-layout.sh,.pop) .btn-sm{min-height:var(--btn-h-sm);padding:0 16px;font-size:14px}:is(.app-layout.sh,.pop) .btn-block{width:100%}:is(.app-layout.sh,.pop) .btn-grad{background:var(--bb-grad);color:var(--bb-ink);box-shadow:var(--sh-cta)}:is(.app-layout.sh,.pop) .btn-grad:hover{box-shadow:var(--sh-cta-hover)}:is(.app-layout.sh,.pop) .btn-grad:hover:where(:not(:active)){transform:translateY(-1px)}:is(.app-layout.sh,.pop) .btn-grad .i{stroke-width:2.4}:is(.app-layout.sh,.pop) .btn-glass{background:var(--bb-glass);color:var(--bb-text);box-shadow:inset 0 0 0 1px var(--bb-border-2)}:is(.app-layout.sh,.pop) .btn-glass:hover{background:var(--bb-glass-2)}:is(.app-layout.sh,.pop) .btn-text{display:inline-flex;align-items:center;gap:6px;min-height:var(--tap);padding:0 6px;color:var(--bb-text-2);font-weight:600;font-size:15px;text-decoration:none;border-radius:var(--r-sm)}:is(.app-layout.sh,.pop) .btn-text:hover{color:var(--bb-text)}:is(.app-layout.sh,.pop) .btn-text .i{width:16px;height:16px}:is(.app-layout.sh,.pop) .btn.is-busy{pointer-events:none}:is(.app-layout.sh,.pop) .btn.is-busy:before{content:"";width:16px;height:16px;border-radius:50%;border:2px solid rgba(var(--bb-on-accent-rgb),.3);border-top-color:var(--bb-ink);animation:sh-spin .7s linear infinite}:is(.app-layout.sh,.pop) .btn.is-busy .i{display:none}@keyframes sh-spin{to{transform:rotate(360deg)}}.app-layout.sh :where(.sidebar,.mobile-topbar) .brand{flex:none;display:inline-flex;align-items:center;gap:10px;min-height:var(--tap);text-decoration:none;border-radius:var(--r-sm)}.app-layout.sh :where(.sidebar,.mobile-topbar) .brand img{width:32px;height:32px}.app-layout.sh :where(.sidebar,.mobile-topbar) .brand span{font:400 20px/1 var(--bb-font-display);letter-spacing:.005em}.app-layout.sh :where(.sidebar,.mobile-topbar) .beta{font:700 10px/1 var(--bb-font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--bb-pink-soft);padding:5px 8px;border-radius:var(--r-pill);background:rgba(var(--bb-accent-rgb),.1);box-shadow:inset 0 0 0 1px rgba(var(--bb-accent-rgb),.25)}:is(.app-layout.sh,body) .pop h2{font-family:var(--bb-font-display);font-weight:400;margin:0}:is(.app-layout.sh .welcome-overlay,.scrim){position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(--z-sheet) - 1);background:rgba(var(--bb-scrim-rgb),calc(.6 * var(--bb-scrim-a)));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}:is(.app-layout.sh,.pop) .grab{flex:none;align-self:center;width:36px;height:4px;border-radius:2px;background:var(--bb-border-2)}:is(.app-layout.sh,.pop) .x{width:40px;height:40px;border-radius:50%;border:0;display:grid;place-items:center;background:var(--bb-glass-2);color:var(--bb-text-2);cursor:pointer}:is(.app-layout.sh,.pop) .spin{display:inline-block;width:18px;height:18px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;opacity:.85;animation:sh-spin .7s linear infinite}:is(.app-layout.sh,.pop) .field{display:flex;flex-direction:column;gap:6px}:is(.app-layout.sh,.pop) .field label{font:600 13px/1.2 var(--bb-font-body);color:var(--bb-text-2)}:is(.app-layout.sh,.pop) .input{width:100%;height:clamp(46px,6.2dvh,54px);padding:0 16px;border:0;border-radius:14px;background:rgba(var(--bb-ink-rgb),calc(.05 * var(--bb-ink-a-lo)));box-shadow:inset 0 0 0 1px var(--bb-border-2);color:var(--bb-text);font:400 16px/1 var(--bb-font-body);transition:box-shadow var(--d-base) var(--ease),background var(--d-base) var(--ease)}:is(.app-layout.sh,.pop) .input::placeholder{color:var(--bb-text-3)}:is(.app-layout.sh,.pop) .input:hover{background:rgba(var(--bb-ink-rgb),calc(.065 * var(--bb-ink-a-lo)))}:is(.app-layout.sh,.pop) .input:focus{outline:none;background:rgba(var(--bb-ink-rgb),calc(.07 * var(--bb-ink-a-lo)));box-shadow:inset 0 0 0 1.5px var(--bb-pink),0 0 0 4px rgba(var(--bb-accent-rgb),.18)}:is(.app-layout.sh,.pop) .auth-error{display:flex;align-items:flex-start;gap:10px;margin:0;padding:10px 12px;border-radius:12px;font:500 13.5px/1.4 var(--bb-font-body)}:is(.app-layout.sh,.pop) .auth-error{background:#f871711a;box-shadow:inset 0 0 0 1px #f8717152;color:rgb(var(--bb-danger-rgb))}:is(.app-layout.sh,.pop) .auth-error .i{width:18px;height:18px;margin-top:1px;color:var(--bb-danger)}@media (max-height:640px){.app-layout.sh :where(.sidebar,.mobile-topbar) .brand img{width:28px;height:28px}.app-layout.sh :where(.sidebar,.mobile-topbar) .brand span{font-size:18px}:is(.app-layout.sh,.pop) .btn-sm{min-height:36px;padding:0 14px;font-size:13px}}@media (min-width:960px){.app-layout.sh :where(.sidebar,.mobile-topbar) .brand img{width:clamp(32px,3.6dvh,40px);height:clamp(32px,3.6dvh,40px)}.app-layout.sh :where(.sidebar,.mobile-topbar) .brand span{font-size:clamp(20px,2.3dvh,24px)}}@media (prefers-reduced-motion:reduce){:is(.app-layout.sh,body) :where(.sidebar,.mobile-topbar,.banners,.toasts,.tst,.ach,.pop,.scrim,.welcome-overlay) *,:is(.app-layout.sh,body) :where(.sidebar,.mobile-topbar,.banners,.toasts,.tst,.ach,.pop,.scrim,.welcome-overlay) *:before,:is(.app-layout.sh,body) :where(.sidebar,.mobile-topbar,.banners,.toasts,.tst,.ach,.pop,.scrim,.welcome-overlay) *:after,:is(.app-layout.sh,body) :where(.sidebar,.mobile-topbar,.banners,.toasts,.tst,.ach,.pop,.scrim,.welcome-overlay){animation:none!important;transition:none!important}}.app-layout.sh{--tab-h:60px;--mtop-h:52px;--mini-h:56px;--side-w:clamp(232px,16vw,252px);--gap:12px}:is(.app-layout.sh,body) :where(.sidebar,.mobile-topbar,.banners,.toasts,.tst,.ach,.pop,.scrim,.welcome-overlay) button{font:inherit;color:inherit}:is(.app-layout.sh,.pop) .btn-text{background:none;border:0;cursor:pointer}:is(.app-layout.sh,.pop) .i{width:20px;height:20px}:is(.app-layout.sh,.pop) .ni{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.app-layout.sh .beta-btn{border:0;cursor:pointer;position:relative}.app-layout.sh .beta-btn:after{content:"";position:absolute;top:-12px;right:-6px;bottom:-12px;left:-6px}.app-layout.sh{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-content);height:100vh;height:100dvh;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-areas:"top" "main" "mini" "nav";padding:0 env(safe-area-inset-right,0px) 0 env(safe-area-inset-left,0px)}.app-layout.sh .sidebar.side{grid-area:nav}.app-layout.sh .mobile-topbar.mtop{grid-area:top}.app-layout.sh .main-content.main{grid-area:main;min-height:0;display:flex;flex-direction:column;gap:8px;padding:0 10px 8px}:is(.app-layout.sh,body) :where(.sidebar,.mobile-topbar,.banners,.toasts,.tst,.ach,.pop,.scrim,.welcome-overlay) [hidden]{display:none!important}.app-layout.sh .mobile-topbar.mtop{display:flex;align-items:center;gap:8px;height:calc(var(--mtop-h) + var(--safe-t));padding:var(--safe-t) 12px 0 14px}.app-layout.sh .mobile-topbar.mtop .brand img{width:28px;height:28px}.app-layout.sh .mobile-topbar.mtop .brand span{font-size:18px}.app-layout.sh :where(.sidebar,.mobile-topbar) .grow{flex:1}.app-layout.sh .up-pill{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px 0 11px;border-radius:var(--r-pill);text-decoration:none;font:700 13px/1 var(--bb-font-body);color:var(--bb-text);background:linear-gradient(var(--bb-bg),var(--bb-bg)) padding-box,var(--bb-grad) border-box;border:1.5px solid transparent;position:relative}.app-layout.sh .up-pill:after{content:"";position:absolute;top:-4px;right:0;bottom:-4px;left:0}.app-layout.sh .up-pill .ni{width:16px;height:16px;color:var(--bb-pink-soft)}.app-layout.sh .up-pill.is-pro{background:var(--bb-glass);border-color:var(--bb-border-2);color:var(--bb-text-2)}.app-layout.sh .up-pill.is-pro .ni{color:var(--bb-star)}.app-layout.sh .side-top,.app-layout.sh .side-foot{display:none}.app-layout.sh .sidebar.side{display:block;height:calc(var(--tab-h) + var(--safe-b));padding:0 6px var(--safe-b);background:var(--bb-bar-bg);-webkit-backdrop-filter:var(--bb-bar-blur);backdrop-filter:var(--bb-bar-blur);box-shadow:inset 0 1px 0 var(--bb-border)}.app-layout.sh .sidebar.side .nav{list-style:none;margin:0;padding:0;height:var(--tab-h);display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}.app-layout.sh .sidebar.side .nav li{display:flex;min-width:0}.app-layout.sh .nav-link{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;color:var(--bb-text-3);border-radius:14px;font:600 11px/1.1 var(--bb-font-body);letter-spacing:.01em}.app-layout.sh .nav-link .lab{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-layout.sh .nav-link .ico{display:grid;place-items:center;width:52px;height:30px;border-radius:var(--r-pill);transition:background var(--d-base) var(--ease),color var(--d-base) var(--ease)}.app-layout.sh .nav-link:hover{color:var(--bb-text-2)}.app-layout.sh .nav-link.active{color:var(--bb-text)}.app-layout.sh .nav-link.active .ico{background:var(--bb-grad-subtle);color:var(--bb-pink-soft);box-shadow:inset 0 0 0 1px rgba(var(--bb-accent-rgb),.28)}.app-layout.sh .sidebar.side .nav .nav-admin,.app-layout.sh .sidebar.side .nav .nav-up{display:none}.app-layout.sh .main-content.main>.page{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;border-radius:20px;background:rgba(var(--bb-ink-rgb),calc(.025 * var(--bb-ink-a-lo)));box-shadow:inset 0 0 0 1px var(--bb-border);padding:16px 14px 20px}.app-layout.sh .banners{flex:none;display:grid;gap:8px}.app-layout.sh .banners:empty{display:none}.app-layout.sh .bn{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:4px 10px;align-items:start;padding:10px 6px 10px 12px;border-radius:16px;background:var(--bb-bg-raise);box-shadow:inset 0 0 0 1px var(--bb-border-2),0 10px 30px rgba(var(--bb-shadow-rgb),calc(.25 * var(--bb-shadow-a)))}.app-layout.sh .bn-ic{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--bb-grad-subtle);color:var(--bb-pink-soft);margin-top:1px}.app-layout.sh .bn-ic .i,.app-layout.sh .bn-ic .ni{width:18px;height:18px}.app-layout.sh .bn-body{min-width:0;display:grid;gap:8px}.app-layout.sh .bn-t{margin:0;font-size:14px;line-height:1.38;color:var(--bb-text);text-wrap:pretty;padding-top:6px}.app-layout.sh .bn-t b{color:var(--bb-pink-soft);font-weight:700}.app-layout.sh .bn-st{display:flex;align-items:flex-start;gap:6px;margin:0;font:500 13px/1.35 var(--bb-font-body);color:var(--bb-text-2)}.app-layout.sh .bn-st .i{width:16px;height:16px;margin-top:1px}.app-layout.sh .bn-st.ok{color:rgb(var(--bb-success-rgb))}.app-layout.sh .bn-st.ok .i{color:var(--bb-success)}.app-layout.sh .bn-st.err{color:rgb(var(--bb-danger-rgb))}.app-layout.sh .bn-st.err .i{color:var(--bb-danger)}.app-layout.sh .bn-acts{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.app-layout.sh .bn .btn-sm{min-height:36px;padding:0 14px;font-size:13.5px}.app-layout.sh .bn .btn-text{min-height:36px;font-size:13.5px;padding:0 8px}.app-layout.sh .bn .btn[disabled]{opacity:.55;cursor:default;box-shadow:inset 0 0 0 1px var(--bb-border-2)}.app-layout.sh .bn-x{width:40px;height:40px;border:0;border-radius:50%;display:grid;place-items:center;background:none;color:var(--bb-text-3);cursor:pointer;margin-top:-4px}.app-layout.sh .bn-x .i{width:18px;height:18px}.app-layout.sh .bn-x:hover{color:var(--bb-text);background:var(--bb-glass-2)}.app-layout.sh .banners:has(>.bn+.bn) .bn+.bn .bn-acts,.app-layout.sh .banners:has(>.bn+.bn) .bn+.bn .bn-st{display:none}.app-layout.sh .banners:has(>.bn+.bn) .bn+.bn .bn-t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-layout.sh .toasts{position:fixed;z-index:var(--z-toast);left:0;right:0;bottom:calc(var(--tab-h) + var(--safe-b) + 12px);display:grid;justify-items:center;gap:8px;pointer-events:none;padding:0 16px}.app-layout.sh.has-mini .toasts{bottom:calc(var(--tab-h) + var(--safe-b) + var(--mini-h) + 20px)}.app-layout.sh.app-swiping .toasts{bottom:calc(var(--safe-b) + 24px)}.app-layout.sh .tst{pointer-events:auto;display:flex;align-items:center;gap:10px;max-width:min(420px,100%);padding:11px 16px 11px 13px;border-radius:var(--r-pill);background:var(--bb-bg-raise);box-shadow:inset 0 0 0 1px var(--bb-border-2),0 16px 40px rgba(var(--bb-shadow-rgb),calc(.5 * var(--bb-shadow-a)));font:600 14px/1.3 var(--bb-font-body);animation:sh-tst-in var(--d-slow) var(--ease) both}.app-layout.sh .tst .i{width:18px;height:18px;color:var(--bb-success)}.app-layout.sh .tst.err .i{color:var(--bb-danger)}.app-layout.sh .tst.info .i{color:var(--bb-pink-soft)}.app-layout.sh .tst .act{margin-left:4px;border:0;background:none;padding:0 2px;color:var(--bb-pink-soft);font:700 14px/1 var(--bb-font-body);cursor:pointer}@keyframes sh-tst-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.app-layout.sh .ach{position:fixed;z-index:var(--z-toast);left:12px;right:12px;top:calc(var(--safe-t) + var(--mtop-h) + 6px);margin:0 auto;max-width:400px;display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center;padding:12px 14px 12px 12px;border-radius:20px;background:linear-gradient(var(--bb-bg-raise),var(--bb-bg-raise)) padding-box,var(--bb-grad) border-box;border:1.5px solid transparent;box-shadow:0 18px 50px rgba(var(--bb-shadow-rgb),calc(.5 * var(--bb-shadow-a))),0 0 40px rgba(var(--bb-accent-rgb),.18);animation:sh-ach-in var(--d-slow) var(--ease-back) both}.app-layout.sh .ach-ic{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--bb-grad);color:var(--bb-ink)}.app-layout.sh .ach-ic .ni{width:24px;height:24px;stroke-width:2}.app-layout.sh .ach-ey{display:block;font:700 11px/1.2 var(--bb-font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--bb-pink-soft)}.app-layout.sh .ach b{display:block;font:400 18px/1.2 var(--bb-font-display);margin-top:2px}.app-layout.sh .ach p{margin:2px 0 0;font-size:13px;line-height:1.35;color:var(--bb-text-2)}.app-layout.sh .ach .xp{align-self:start;font:700 12px/1 var(--bb-font-body);padding:6px 9px;border-radius:var(--r-pill);background:#fbbf241f;color:var(--bb-star);box-shadow:inset 0 0 0 1px #fbbf244d;white-space:nowrap}@keyframes sh-ach-in{0%{opacity:0;transform:translateY(-14px) scale(.96)}to{opacity:1;transform:none}}.app-layout.sh .welcome-overlay{z-index:calc(var(--z-sheet) - 1)}:is(.app-layout.sh,body) .pop{position:fixed;z-index:var(--z-sheet);left:0;right:0;bottom:0;margin:0 auto;max-width:520px;max-height:calc(100dvh - var(--safe-t) - 12px);display:flex;flex-direction:column;gap:clamp(10px,1.6dvh,14px);padding:10px var(--gutter) calc(16px + var(--safe-b));border-radius:26px 26px 0 0;background:var(--bb-bg-raise);box-shadow:inset 0 1px rgba(var(--bb-ink-rgb),calc(.08 * var(--bb-ink-a-lo))),0 -20px 60px rgba(var(--bb-shadow-rgb),calc(.5 * var(--bb-shadow-a)));animation:sh-pop-up var(--d-slow) var(--ease) both}@keyframes sh-pop-up{0%{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}:is(.app-layout.sh,body) .pop .grab{margin-bottom:2px}:is(.app-layout.sh,body) .pop .x{position:absolute;top:12px;right:12px}:is(.app-layout.sh,body) .pop h2{font-size:clamp(22px,3.3dvh,28px);line-height:1.12;text-align:center;text-wrap:balance}:is(.app-layout.sh,body) .pop:not(.has-bloss) h2{padding:0 40px}:is(.app-layout.sh,body) .pop .lede{margin:-4px 0 0;text-align:center;color:var(--bb-text-2);font-size:15px;line-height:1.45;text-wrap:pretty}:is(.app-layout.sh,body) .pop .btn{flex:none}:is(.app-layout.sh,body) .pop .btn-text{align-self:center;justify-self:center}:is(.app-layout.sh,body) .pop.has-bloss{--cbw:clamp(112px,22dvh,168px);padding-top:calc(var(--cbw) * .42 + 8px)}:is(.app-layout.sh,body) .pop.has-bloss .grab{position:absolute;top:8px;left:calc(50% - 18px)}:is(.app-layout.sh,body) .pop-bloss{position:absolute;z-index:3;width:var(--cbw);height:var(--cbw);left:calc(50% - var(--cbw) / 2);top:calc(var(--cbw) * -.55);pointer-events:none;filter:var(--sh-bloss);animation:sh-bloom var(--d-reveal) var(--ease) .15s both}@keyframes sh-bloom{0%{opacity:0;transform:translateY(8px) scale(.9)}to{opacity:1;transform:none}}:is(.app-layout.sh,.pop) .pro-note{display:grid;grid-template-columns:36px 1fr;gap:12px;align-items:center;padding:12px 14px;border-radius:16px;background:var(--bb-glass);box-shadow:inset 0 0 0 1px var(--bb-border-2)}:is(.app-layout.sh,.pop) .pro-note .pi{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--bb-grad-subtle);color:var(--bb-star)}:is(.app-layout.sh,.pop) .pro-note .pi .ni{width:18px;height:18px}:is(.app-layout.sh,.pop) .pro-note p{text-wrap:pretty;margin:0;font-size:14px;line-height:1.4;color:var(--bb-text-2)}:is(.app-layout.sh,.pop) .pro-note b{color:var(--bb-text);font-weight:700}:is(.app-layout.sh,body) .pop-acts{display:grid;gap:8px}:is(.app-layout.sh,.pop) .svc{list-style:none;margin:0;padding:0;display:grid;gap:8px}:is(.app-layout.sh,.pop) .svc li{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:12px;align-items:center;min-height:60px;padding:8px 8px 8px 12px;border-radius:16px;background:rgba(var(--bb-bg-raise-rgb),max(.72,var(--bb-raise-a)));box-shadow:inset 0 0 0 1px rgba(var(--bb-ink-rgb),calc(.1 * var(--bb-ink-a-lo)))}:is(.app-layout.sh,.pop) .svc li.soon{background:rgba(var(--bb-ink-rgb),calc(.025 * var(--bb-ink-a-lo)));box-shadow:inset 0 0 0 1px var(--bb-border)}:is(.app-layout.sh,.pop) .svc .dot{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;font:800 13px/1 var(--bb-font-body);color:#fff}:is(.app-layout.sh,.pop) .svc .dot.apple{background:linear-gradient(135deg,#fb5c74,#fa233b)}:is(.app-layout.sh,.pop) .svc .dot.spot{background:#1db954;color:#0b1f12}:is(.app-layout.sh,.pop) .svc .dot.yt{background:#f03}:is(.app-layout.sh,.pop) .svc .soon .dot{opacity:.55}:is(.app-layout.sh,.pop) .svc b{display:block;font:600 15px/1.2 var(--bb-font-body)}:is(.app-layout.sh,.pop) .svc small{display:block;margin-top:2px;font-size:12.5px;line-height:1.3;color:var(--bb-text-2)}:is(.app-layout.sh,.pop) .svc .soon b{color:var(--bb-text-2)}:is(.app-layout.sh,.pop) .svc .soon small{color:var(--bb-text-3)}:is(.app-layout.sh,.pop) .svc .btn-sm{min-height:40px;padding:0 16px}:is(.app-layout.sh,.pop) .svc .btn-sm[aria-busy=true]{opacity:.85;cursor:progress}:is(.app-layout.sh,.pop) .svc .btn-sm .spin{width:15px;height:15px}:is(.app-layout.sh,body) .pop .tag{font:700 10.5px/1 var(--bb-font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--bb-text-3);padding:6px 8px;border-radius:var(--r-pill);box-shadow:inset 0 0 0 1px var(--bb-border-2);white-space:nowrap;margin-right:6px}:is(.app-layout.sh,body) .pop .chk{display:flex;align-items:center;justify-content:center;gap:10px;min-height:var(--tap);font-size:14px;color:var(--bb-text-2);cursor:pointer}:is(.app-layout.sh,body) .pop .chk input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;margin:0;border-radius:6px;box-shadow:inset 0 0 0 1.5px var(--bb-border-2);background:rgba(var(--bb-ink-rgb),calc(.04 * var(--bb-ink-a-lo)));display:grid;place-items:center;cursor:pointer}:is(.app-layout.sh,body) .pop .chk input:checked{background:var(--bb-grad);box-shadow:none}:is(.app-layout.sh,body) .pop .chk input:checked:after{content:"";width:10px;height:6px;border:solid var(--bb-ink);border-width:0 0 2px 2px;transform:translateY(-1px) rotate(-45deg)}:is(.app-layout.sh,body) .pop-foot{display:flex;align-items:center;justify-content:space-between;gap:8px}:is(.app-layout.sh,body) .pop .auth-error{margin-top:-2px}:is(.app-layout.sh,body) .pop textarea.input{height:auto;min-height:84px;padding:12px 14px;resize:none;line-height:1.4}:is(.app-layout.sh,body) .pop .fine{margin:0;font-size:12.5px;line-height:1.4;color:var(--bb-text-3)}:is(.app-layout.sh,body) .pop .row2{display:grid;grid-template-columns:auto 1fr;gap:8px}@media (max-height:640px){:is(.app-layout.sh,body) .pop .lede{font-size:14px}:is(.app-layout.sh,.pop) .svc li{min-height:54px;padding-top:6px;padding-bottom:6px}:is(.app-layout.sh,.pop) .svc small{font-size:12px}:is(.app-layout.sh,.pop) .pro-note{padding:10px 12px}:is(.app-layout.sh,body) .pop{gap:9px}}@media (max-width:359px){.app-layout.sh .mobile-topbar.mtop .brand span{display:none}}@media (min-width:769px) and (max-width:1199.98px) and (max-height:579.98px){.app-layout.sh .sidebar.side{overflow-y:auto}.app-layout.sh .sidebar.side>*{flex:none}}@media (max-width:1023.98px){.app-layout.sh.app-swiping .sidebar.side,.app-layout.sh.app-swiping .mobile-topbar.mtop{display:none}.app-layout.sh.app-swiping{grid-template-rows:0 minmax(0,1fr) auto 0}.app-layout.sh.app-swiping .main-content.main{padding:var(--safe-t) 0 0}.app-layout.sh.app-swiping .main-content.main>.page{border-radius:0;box-shadow:none;background:none}}@media (min-width:769px){.app-layout.sh{grid-template-columns:var(--side-w) minmax(0,1fr);grid-template-rows:minmax(0,1fr);grid-template-areas:"nav main";padding:0 env(safe-area-inset-right,0px) 0 0}.app-layout.sh .mobile-topbar.mtop{display:none!important}.app-layout.sh .sidebar.side{height:auto;min-height:0;display:flex;flex-direction:column;gap:14px;padding:18px 12px 14px;background:rgba(var(--bb-bg-rgb),.55);box-shadow:inset -1px 0 0 var(--bb-border);overflow:hidden}.app-layout.sh .side-top{display:flex;align-items:center;gap:8px;padding:0 6px 0 8px;min-height:44px}.app-layout.sh .side-brand{gap:8px}.app-layout.sh .side-brand span{font-size:18px}.app-layout.sh .sidebar.side .nav{height:auto;display:flex;flex-direction:column;gap:2px;flex:none}.app-layout.sh .nav-link{flex-direction:row;justify-content:flex-start;gap:12px;min-height:44px;padding:0 12px 0 10px;border-radius:12px;font:600 14.5px/1 var(--bb-font-body);letter-spacing:0;color:var(--bb-text-2);position:relative}.app-layout.sh .nav-link .ico{width:24px;height:24px;border-radius:0;background:none!important;box-shadow:none!important}.app-layout.sh .nav-link:hover{background:var(--bb-glass);color:var(--bb-text)}.app-layout.sh .nav-link.active{background:var(--bb-grad-subtle);color:var(--bb-text);box-shadow:inset 0 0 0 1px rgba(var(--bb-accent-rgb),.22)}.app-layout.sh .nav-link.active:before{content:"";position:absolute;left:0;top:11px;bottom:11px;width:3px;border-radius:0 3px 3px 0;background:var(--bb-grad)}.app-layout.sh .sidebar.side .nav .nav-admin{display:flex;margin-top:8px;padding-top:8px;border-top:1px solid var(--bb-border)}.app-layout.sh .sidebar.side .nav .nav-up{display:none}.app-layout.sh .side-foot{display:flex;flex-direction:column;gap:10px;margin-top:auto;min-height:0}.app-layout.sh .up-card{display:grid;grid-template-columns:36px 1fr;gap:10px;align-items:center;padding:10px 12px;border-radius:16px;text-decoration:none;background:linear-gradient(rgba(var(--bb-bg-raise-rgb),max(.96,var(--bb-raise-a))),rgba(var(--bb-bg-raise-rgb),max(.96,var(--bb-raise-a)))) padding-box,var(--bb-grad) border-box;border:1.5px solid transparent}.app-layout.sh .up-card .pi{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--bb-grad);color:var(--bb-ink)}.app-layout.sh .up-card .pi .ni{width:18px;height:18px;stroke-width:2}.app-layout.sh .up-card b{display:block;font:700 14px/1.2 var(--bb-font-body)}.app-layout.sh .up-card small{display:block;font-size:12.5px;line-height:1.3;color:var(--bb-text-2)}.app-layout.sh .up-card.is-pro{background:var(--bb-glass);border-color:var(--bb-border)}.app-layout.sh .up-card.is-pro .pi{background:#fbbf241f;color:var(--bb-star)}.app-layout.sh .sidebar.side .me{display:flex;align-items:center;gap:10px;padding:10px 4px 0 8px;border-top:1px solid var(--bb-border)}.app-layout.sh .sidebar.side .ava{width:32px;height:32px;border-radius:50%;flex:none;display:grid;place-items:center;background:var(--bb-grad);color:var(--bb-ink);font:800 14px/1 var(--bb-font-body)}.app-layout.sh .sidebar.side .me-name{flex:1;min-width:0;font:600 14px/1.2 var(--bb-font-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-layout.sh .sidebar.side .me-out{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 10px;border:0;border-radius:var(--r-pill);background:none;color:var(--bb-text-3);font:600 13px/1 var(--bb-font-body);cursor:pointer}.app-layout.sh .sidebar.side .me-out .i{width:16px;height:16px}.app-layout.sh .sidebar.side .me-out:hover{color:var(--bb-text);background:var(--bb-glass)}.app-layout.sh .main-content.main{padding:var(--gap) var(--gap) var(--gap) var(--gap);gap:10px}.app-layout.sh .main-content.main>.page{padding:clamp(20px,2.4vw,32px) clamp(20px,2.6vw,40px);border-radius:24px}.app-layout.sh .bn{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;padding:8px 8px 8px 12px}.app-layout.sh .bn-body{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 14px}.app-layout.sh .bn-t{padding-top:0}.app-layout.sh .bn-st{grid-column:1/-1;order:3}.app-layout.sh .bn-x{margin-top:0}.app-layout.sh .banners:has(>.bn+.bn) .bn+.bn .bn-acts{display:flex}.app-layout.sh .toasts{left:var(--side-w);bottom:24px}.app-layout.sh.has-mini .toasts{bottom:24px}.app-layout.sh .ach{left:auto;right:24px;top:20px;width:380px;margin:0}:is(.app-layout.sh,body) .pop{left:calc(var(--side-w) + (100vw - var(--side-w)) / 2 - min(500px,90vw) / 2);right:auto;bottom:auto;top:50%;transform:translateY(-50%);width:min(500px,90vw);max-height:calc(100dvh - 48px);border-radius:28px;padding:24px 28px;box-shadow:var(--sh-card);animation:sh-pop-in var(--d-slow) var(--ease) both}:is(.app-layout.sh,body) .pop.has-bloss{--cbw:clamp(128px,19dvh,168px);top:calc(50% + var(--cbw) * .275);padding-top:calc(var(--cbw) * .42 + 8px)}:is(.app-layout.sh,body) .pop .grab{display:none}@keyframes sh-pop-in{0%{opacity:0;transform:translateY(calc(-50% + 12px))}to{opacity:1;transform:translateY(-50%)}}}@media (min-width:769px) and (max-width:1199.98px){.app-layout.sh{--side-w:88px}.app-layout.sh .sidebar.side{padding:16px 8px 12px;align-items:stretch}.app-layout.sh .side-top{flex-direction:column;gap:6px;padding:0}.app-layout.sh .side-brand span,.app-layout.sh .sidebar.side .me-name,.app-layout.sh .sidebar.side .me-out span,.app-layout.sh .up-card div{display:none}.app-layout.sh .nav-link{flex-direction:column;justify-content:center;gap:4px;padding:6px 2px;min-height:58px;font-size:11px}.app-layout.sh .nav-link.active:before{display:none}.app-layout.sh .up-card{grid-template-columns:1fr;justify-items:center;padding:10px 0}.app-layout.sh .sidebar.side .me{flex-direction:column;padding:10px 0 0}.app-layout.sh{grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"nav main" "nav mini"}.app-layout.sh.has-mini .toasts{bottom:calc(var(--mini-h) + 36px)}}@media (min-width:1600px){.app-layout.sh{--side-w:256px}.app-layout.sh .main-content.main{padding:16px}}.app-layout.sh .ca-card,.app-layout.sh .ca-rail{display:none}.app-layout.sh .ca-gl{width:10px;height:10px;flex:none;border-radius:50%;box-shadow:inset 0 0 0 2px currentColor;opacity:.8}.app-layout.sh .ca-chip{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 11px;border:0;border-radius:var(--r-pill);flex:none;background:var(--bb-glass);box-shadow:inset 0 0 0 1px var(--bb-border);color:var(--bb-text);font:700 12.5px/1 var(--bb-font-body);letter-spacing:.01em;cursor:pointer}.app-layout.sh .ca-chip .ca-gl{color:var(--bb-accent-ink)}.app-layout.sh .ca-card{flex-direction:column;gap:6px;padding:10px 10px 10px 12px;border-radius:16px;background:var(--bb-glass);box-shadow:inset 0 0 0 1px var(--bb-border)}@media (max-width:768px){.app-layout.sh.has-ca .mobile-topbar.mtop .brand span{display:none}}:is(.app-layout.sh,body) .pop.ca-pop{gap:12px}.app-layout.sh .ca-card.in-pop{display:flex;gap:9px;padding:14px;background:rgba(var(--bb-ink-rgb),calc(.035 * var(--bb-ink-a-lo)))}@media (max-width:359px){.app-layout.sh .ca-chip{padding:0 9px;font-size:12px;gap:5px}}@media (min-width:769px){.app-layout.sh .ca-chip{display:none}:is(.app-layout.sh,body) .pop.ca-pop{width:min(420px,90vw);left:calc(var(--side-w) + (100vw - var(--side-w)) / 2 - min(420px,90vw) / 2)}}@media (min-width:769px) and (max-width:1199.98px){.app-layout.sh .ca-rail{display:grid;place-items:center;align-self:center;width:44px;height:44px;margin:-6px 0;border:0;border-radius:14px;cursor:pointer;background:var(--bb-glass);box-shadow:inset 0 0 0 1px var(--bb-border);color:var(--bb-text-2);font:700 12px/1 var(--bb-font-body);letter-spacing:.04em}}@media (min-width:1200px){.app-layout.sh .ca-card:not(.in-pop){display:flex;flex:none}}@media (min-width:1200px) and (max-height:760px){.app-layout.sh .sidebar.side{gap:8px;padding-top:14px}.app-layout.sh .sidebar.side .nav-link{min-height:40px}.app-layout.sh .ca-card:not(.in-pop){gap:4px;padding:8px 10px 8px 12px}}:is(.app-layout.sh,body) .pop .tag.on{color:var(--bb-accent-ink);box-shadow:inset 0 0 0 1px rgba(var(--bb-accent-rgb),.35)}:is(.app-layout.sh,.pop) .svc li.built{background:rgba(var(--bb-ink-rgb),calc(.035 * var(--bb-ink-a-lo)));box-shadow:inset 0 0 0 1px var(--bb-border)}.app-layout.sh .ca-card{gap:4px!important;padding:7px 8px 6px 10px!important}.app-layout.sh .ca-l1,.app-layout.sh .ca-l2{display:flex;align-items:center;gap:6px;min-width:0}.app-layout.sh .ca-tk{flex:none;font:700 11px/1 var(--bb-font-body);letter-spacing:.02em;color:var(--bb-text-2)}.app-layout.sh .ca-addr{flex:1;min-width:0;display:flex;align-items:center;gap:6px;min-height:30px;padding:0 8px;border:0;border-radius:9px;cursor:pointer;background:rgba(var(--bb-ink-rgb),calc(.05 * var(--bb-ink-a-lo)));color:var(--bb-text)}.app-layout.sh .ca-addr code{flex:1;min-width:0;font:600 12px/1.3 var(--bb-font-mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.app-layout.sh .ca-addr .i{width:14px;height:14px;flex:none;color:var(--bb-text-2)}.app-layout.sh .ca-addr:hover{box-shadow:inset 0 0 0 1px rgba(var(--bb-accent-rgb),.35)}.app-layout.sh .ca-addr.done{box-shadow:inset 0 0 0 1px rgba(var(--bb-accent-rgb),.45)}.app-layout.sh .ca-addr.done .i{color:var(--bb-accent-ink)}.app-layout.sh .ca-mc{display:flex;align-items:baseline;gap:5px;min-width:0;white-space:nowrap}.app-layout.sh .ca-mc b{font:700 12.5px/1.2 var(--bb-font-body);font-variant-numeric:tabular-nums;color:var(--bb-text)}.app-layout.sh .ca-src,.app-layout.sh .ca-net,.app-layout.sh .ca-st,.app-layout.sh .ca-info{font:500 11px/1.25 var(--bb-font-body);color:var(--bb-text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.app-layout.sh .ca-st.done{color:var(--bb-accent-ink);font-weight:600}.app-layout.sh .ca-st.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.app-layout.sh .ca-ics{margin-left:auto;display:flex;gap:2px;flex:none}.app-layout.sh .ca-ib{position:relative;width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:50%;background:none;color:var(--bb-text-2);cursor:pointer;text-decoration:none}.app-layout.sh .ca-ib .i{width:13px;height:13px}.app-layout.sh .ca-ib .ca-gl{width:11px;height:11px;color:var(--bb-accent-ink)}.app-layout.sh .ca-ib:hover,.app-layout.sh .ca-ib:focus-visible{background:var(--bb-glass-2);color:var(--bb-text)}.app-layout.sh :is(.ca-card,.ca-pop) [data-tip]{position:relative}.app-layout.sh :is(.ca-card,.ca-pop) [data-tip]:hover:after,.app-layout.sh :is(.ca-card,.ca-pop) [data-tip]:focus-visible:after{content:attr(data-tip);position:absolute;z-index:50;bottom:calc(100% + 6px);right:0;max-width:200px;width:max-content;white-space:normal;padding:5px 8px;border-radius:8px;background:rgb(var(--bb-bg-raise-rgb));box-shadow:0 0 0 1px var(--bb-border),0 6px 18px rgba(var(--bb-shadow-rgb),calc(.4 * var(--bb-shadow-a)));color:var(--bb-text);font:500 11px/1.3 var(--bb-font-body);text-align:left}:is(.app-layout.sh,body) .pop.ca-pop{gap:10px}:is(.app-layout.sh,body) .pop.ca-pop h2{display:flex;align-items:baseline;gap:8px}.app-layout.sh .ca-card.in-pop{display:flex;gap:8px!important;padding:10px 12px!important;background:rgba(var(--bb-ink-rgb),calc(.035 * var(--bb-ink-a-lo)))}:is(.app-layout.sh,.pop) .in-pop .ca-addr{min-height:44px;padding:6px 10px}:is(.app-layout.sh,.pop) .in-pop .ca-addr code{white-space:normal;word-break:break-all;font-size:13px}:is(.app-layout.sh,.pop) .in-pop .ca-ib{width:40px;height:40px}:is(.app-layout.sh,.pop) .in-pop .ca-ib .i{width:15px;height:15px}:is(.app-layout.sh,.pop) .in-pop .ca-mc b{font-size:15px}:is(.app-layout.sh,.pop) .in-pop .ca-info{white-space:normal;margin:0}.app-layout.sh .ca-card:not(.in-pop) .ca-l2{gap:4px}.app-layout.sh .ca-card:not(.in-pop) .ca-ics{gap:0}.app-layout.sh .ca-card:not(.in-pop) .ca-ib{width:26px;height:26px}.app-layout.sh .ca-card:not(.in-pop) .ca-src{font-size:10.5px}.app-layout.sh .ca-card:not(.in-pop) .ca-mc{flex-direction:column;align-items:flex-start;gap:0}.app-layout.sh .ca-card:not(.in-pop) .ca-mc b{line-height:1.15}.app-layout.sh .ca-card:not(.in-pop) .ca-src{font-size:11px;line-height:1.15;overflow:visible;text-overflow:clip}.app-layout.sh .ca-card:not(.in-pop) .ca-l2{min-height:28px}.app-layout.sh .ca-sf{display:block;width:13px;height:13px;background:currentColor;-webkit-mask:url(/img/partners/souvenir-finance-mark.svg) center/contain no-repeat;mask:url(/img/partners/souvenir-finance-mark.svg) center/contain no-repeat}:is(.app-layout.sh,.pop) .in-pop .ca-sf{width:15px;height:15px}.app-layout.sh .ca-ib:hover .ca-sf,.app-layout.sh .ca-ib:focus-visible .ca-sf{background:var(--bb-grad);filter:drop-shadow(0 0 4px rgba(var(--bb-accent-rgb),.55))}.app-layout.sh :is(.mini-player,.club-mini-sidebar){grid-area:mini;position:relative!important;inset:auto!important;width:auto!important;z-index:auto!important;margin:0 10px 8px!important;border:0!important;border-radius:16px!important;background:var(--bb-bg-raise)!important;box-shadow:inset 0 0 0 1px var(--bb-border-2)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}@media (max-width:768px){.app-layout.sh :is(.mini-player,.club-mini-sidebar){height:var(--mini-h);overflow:hidden;padding:0 6px 0 8px!important}.app-layout.sh .club-mini-leave{position:relative}.app-layout.sh .club-mini-leave:after{content:"";position:absolute;left:0;right:0;top:50%;height:44px;transform:translateY(-50%)}}@media (min-width:769px) and (max-width:1199.98px){.app-layout.sh :is(.mini-player,.club-mini-sidebar){margin:0 var(--gap) var(--gap)!important;max-width:560px;width:calc(100% - var(--gap) * 2)!important;justify-self:center;padding:0 6px 0 8px!important}.app-layout.sh{--mini-rail-h:153px}.app-layout.sh.has-mini .toasts{bottom:calc(var(--mini-rail-h) + 36px)}}@media (min-width:1200px){.app-layout.sh{--mini-foot:140px}.app-layout.sh :is(.mini-player,.club-mini-sidebar){grid-area:nav;align-self:end;margin:0 12px var(--mini-foot)!important;z-index:11!important;padding:10px 10px 12px!important}}@media (min-width:1200px) and (max-height:690px){.app-layout.sh{--mini-foot:71px}}.app-layout.sh .mini-slot{display:none;flex:none}.app-layout.sh{background:var(--bb-atmo),var(--bb-bg)}.app-layout.sh:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:calc(.045 * var(--bb-grain-a,1));background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.app-layout.sh .sidebar.side{border:0;border-radius:0}.app-layout.sh .side-top{margin:0}.app-layout.sh :where(.sidebar,.mobile-topbar) .beta{margin:0;opacity:1}.app-layout.sh .sidebar.side .me{margin:0}.app-layout.sh .sidebar.side .me-name{color:inherit}.app-layout.sh .ca-card{margin:0;border:0;-webkit-backdrop-filter:none;backdrop-filter:none;font:inherit;color:inherit}.app-layout.sh .ca-card :is(.ca-addr,.ca-ib){font:inherit}.app-layout.sh .ca-card .ca-x{padding:0;gap:normal;min-height:0}.app-layout.sh .ca-card .ca-value{color:inherit}.app-layout.sh .sidebar.side .nav-link:not(.active) .nav-icon{color:inherit}.pop .pop-bloss.bloss{object-fit:fill}.app-layout.sh .banners .bn{margin:0;border:0}.app-layout.sh .banners .bn .bn-x{padding:0;min-height:0}.app-layout.sh :where(.sidebar,.mobile-topbar) .beta{animation:none}@media (max-width:768px){.app-layout.sh .sidebar.side .nav{gap:normal}.app-layout.sh .nav-link{padding:0;white-space:normal}.app-layout.sh .nav-link.active{background:none}}@media (min-width:769px) and (max-width:1199.98px){.app-layout.sh .up-card div,.app-layout.sh .sidebar.side .me-out span{display:block;position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}@media (max-width:359px){.app-layout.sh :where(.sidebar,.mobile-topbar) .beta{display:none}}.app-layout.sh .main-content.main>.page:has(>[data-page-fixed]){overflow:hidden}.app-layout.sh .main-content.main>.page>[data-page-fixed]{height:100%;min-height:0;display:flex;flex-direction:column}[data-theme-mode=light] .app-layout.sh :where(.sidebar,.mobile-topbar) .beta{color:var(--bb-text)}@media (max-width:768px){.app-layout.sh .club-mini-sidebar.club-mini-hidden{margin-top:calc(-8px - var(--mini-h))!important;margin-bottom:-400px!important;align-self:start}}@media (min-width:769px) and (max-width:1199.98px){.app-layout.sh .club-mini-sidebar.club-mini-hidden{margin-top:calc(-100px - var(--gap))!important;margin-bottom:-400px!important;align-self:start}}[data-theme-mode=light] :is(.app-layout.sh,body) :where(.sidebar,.mobile-topbar,.banners,.toasts,.tst,.ach,.pop,.scrim,.welcome-overlay) :focus-visible{outline-color:var(--accent-text)}[data-theme-mode=light] :is(.app-layout.sh,.pop) .input:focus:not([aria-invalid=true]){box-shadow:inset 0 0 0 1.5px var(--accent-text),0 0 0 4px rgba(var(--bb-accent-rgb),.18)}:root{--bb-bg:#0f0a1a;--bb-bg-raise:#150e24;--bb-bg-panel:#1a1229;--bb-text:#f5f5f7;--bb-text-2:rgba(255,255,255,.66);--bb-text-3:rgba(255,255,255,.5);--bb-pink:#f472b6;--bb-orange:#fb923c;--bb-pink-soft:#f9a8d4;--bb-purple:#a855f7;--bb-ink:#2a0f1f;--bb-success:#34d399;--bb-danger:#f87171;--bb-star:#fbbf24;--bb-grad:linear-gradient(135deg,#f472b6,#fb923c);--bb-grad-subtle:linear-gradient(135deg,rgba(244,114,182,.15),rgba(251,146,60,.15));--bb-glass:rgba(255,255,255,.04);--bb-glass-2:rgba(255,255,255,.065);--bb-glass-3:rgba(255,255,255,.09);--bb-border:rgba(255,255,255,.08);--bb-border-2:rgba(255,255,255,.14);--bb-bar-bg:rgba(15,10,26,.62);--bb-bar-blur:blur(16px) saturate(1.2);--bb-chip-bg:rgba(15,10,26,.38);--bb-chip-blur:blur(12px);--bb-card-fill:linear-gradient(170deg,rgba(33,22,51,.72),rgba(20,13,34,.82));--bb-atmo: radial-gradient(700px 560px at 50% 22%,rgba(168,85,247,.22),transparent 65%), radial-gradient(600px 500px at 0% 0%,rgba(244,114,182,.07),transparent 60%), radial-gradient(700px 600px at 100% 100%,rgba(251,146,60,.06),transparent 60%), radial-gradient(520px 460px at 20% 100%,rgba(168,85,247,.14),transparent 65%);--bb-font-display:"Righteous",system-ui,sans-serif;--bb-font-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--bb-font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--t-hero:40px;--t-hero-lh:1.08;--t-hero-ls:-.01em;--t-h2:28px;--t-h2-lh:1.15;--t-h2-ls:0;--t-h3:18px;--t-h3-lh:1.3;--t-h3-w:700;--t-lead:17px;--t-lead-lh:1.5;--t-body:15px;--t-body-lh:1.55;--t-small:13px;--t-small-lh:1.45;--t-eyebrow:12px;--t-eyebrow-ls:.1em;--t-btn:15px;--t-btn-w:700;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--s-10:40px;--s-12:48px;--s-16:64px;--s-20:80px;--s-24:96px;--gutter:20px;--section-gap:72px;--maxw:1120px;--r-xs:6px;--r-sm:10px;--r-md:16px;--r-lg:22px;--r-card:28px;--r-pill:999px;--sh-card:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 1px rgba(255,255,255,.07),0 24px 60px rgba(0,0,0,.42);--sh-art:inset 0 1px 0 rgba(255,255,255,.1),0 0 0 1px rgba(255,255,255,.07),0 30px 70px rgba(0,0,0,.5),0 0 60px rgba(168,85,247,.14);--sh-cta:0 10px 30px rgba(244,114,182,.3);--sh-cta-hover:0 14px 36px rgba(244,114,182,.42);--sh-bloss:drop-shadow(0 12px 30px rgba(168,85,247,.35));--focus-ring:0 0 0 2px var(--bb-bg),0 0 0 4px var(--bb-pink);--ease:cubic-bezier(.22,1,.36,1);--ease-back:cubic-bezier(.34,1.56,.64,1);--d-fast:.15s;--d-base:.25s;--d-slow:.42s;--d-reveal:.6s;--press-scale:.96;--z-atmo:0;--z-content:1;--z-header:20;--z-sticky-cta:25;--z-sheet:35;--z-toast:50;--tap:44px;--header-h:64px;--btn-h:48px;--btn-h-lg:56px;--btn-h-sm:40px;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px)}@media (min-width:768px){:root{--t-hero:56px;--t-h2:36px;--t-lead:19px;--gutter:32px;--section-gap:104px}}@media (min-width:1024px){:root{--t-hero:64px;--t-h2:40px;--gutter:48px;--section-gap:128px}}@media (prefers-reduced-motion:reduce){:root{--d-fast:1ms;--d-base:1ms;--d-slow:1ms;--d-reveal:1ms;--press-scale:1}}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #080812;--bg-secondary: rgba(12, 12, 22, .9);--bg-glass: rgba(255, 255, 255, .04);--bg-glass-hover: rgba(255, 255, 255, .08);--bg-glass-strong: rgba(255, 255, 255, .06);--border-glass: rgba(255, 255, 255, .08);--text-primary: #f5f5f7;--text-secondary: rgba(255, 255, 255, .66);--text-tertiary: rgba(255, 255, 255, .56);--gradient: linear-gradient(135deg, #f472b6, #fb923c);--gradient-subtle: linear-gradient(135deg, rgba(var(--accent-rgb), .15), rgba(var(--accent2-rgb), .15));--gradient-glow: linear-gradient(135deg, rgba(var(--accent-rgb), .3), rgba(var(--accent2-rgb), .3));--accent: #f472b6;--accent-text: #f472b6;--accent2-text: #fb923c;--on-accent: #0f0a1a;--on-accent-rgb: 15, 10, 26;--gradient-text: linear-gradient(135deg, #f472b6, #fb923c);--accent-secondary: #fb923c;--accent-rgb: 244, 114, 182;--accent2-rgb: 251, 146, 60;--spotify-green: #1DB954;--star-color: #fbbf24;--star-empty: rgba(255, 255, 255, .15);--success: #34d399;--danger: #f87171;--radius: 16px;--radius-sm: 10px;--radius-xs: 6px;--sidebar-width: 260px;--blur: blur(20px);--blur-strong: blur(40px)}:root,[data-theme]{--bb-accent-ink: var(--accent-text);--bb-accent2-ink: var(--accent2-text);--bb-on-accent: var(--on-accent);--bb-ink: var(--bb-on-accent)}:root,[data-theme]{--bb-ink-a-lo: 1;--bb-ink-a-hi: 1;--bb-shadow-a: 1;--bb-scrim-a: 1;--bb-raise-a: 0}[data-theme-mode=light]{--bb-ink-a-lo: 1.25;--bb-ink-a-hi: 1.15;--bb-shadow-a: .35;--bb-scrim-a: .55;--bb-raise-a: .9}:root[data-theme]{--bg-primary: var(--bb-bg);--text-primary: var(--bb-text);--glow-1: var(--bb-glow-1);--glow-2: var(--bb-glow-2)}:root,[data-theme]{--bb-atmo-a: 1;--bb-grain-a: 1;--bb-atmo: radial-gradient(700px 560px at 50% 22%,rgba(var(--bb-purple-rgb),calc(.22 * var(--bb-atmo-a))),transparent 65%), radial-gradient(600px 500px at 0% 0%,rgba(var(--bb-accent-rgb),calc(.07 * var(--bb-atmo-a))),transparent 60%), radial-gradient(700px 600px at 100% 100%,rgba(var(--bb-accent2-rgb),calc(.06 * var(--bb-atmo-a))),transparent 60%), radial-gradient(520px 460px at 20% 100%,rgba(var(--bb-purple-rgb),calc(.14 * var(--bb-atmo-a))),transparent 65%);--sh-art: inset 0 1px 0 rgba(255,255,255,.1),0 0 0 1px rgba(255,255,255,.07),0 30px 70px rgba(0,0,0,.5),0 0 60px rgba(var(--bb-purple-rgb),.14)}[data-theme-mode=light]{--bb-atmo-a: .55;--bb-grain-a: .22}html,body,#root{height:100%;background:var(--bg-primary);color:var(--text-primary);font-family:var(--bb-font, "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);-webkit-font-smoothing:antialiased}button,input,select,textarea{font-family:inherit}html{--sat: env(safe-area-inset-top);--sab: env(safe-area-inset-bottom);--sal: env(safe-area-inset-left);--sar: env(safe-area-inset-right)}body:before{content:"";position:fixed;top:-20%;left:-20%;width:140%;height:140%;background:radial-gradient(circle at 20% 20%,var(--glow-1, rgba(var(--accent-rgb), .06)) 0%,transparent 30%);pointer-events:none;z-index:100}body:after{content:"";position:fixed;top:-20%;left:-20%;width:140%;height:140%;background:radial-gradient(circle at 85% 85%,var(--glow-2, rgba(var(--accent2-rgb), .05)) 0%,transparent 30%);pointer-events:none;z-index:100}.glass{background:var(--bg-glass);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--border-glass)}.spinner{width:36px;height:36px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;margin:40px auto}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.login-page{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;background:var(--bg-primary);padding-top:var(--sat);padding-bottom:var(--sab)}.login-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.login-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;animation:orbFloat 12s ease-in-out infinite}.orb-1{width:500px;height:500px;background:radial-gradient(circle,var(--accent),transparent 70%);top:-10%;left:-10%;animation-delay:0s}.orb-2{width:400px;height:400px;background:radial-gradient(circle,var(--accent-secondary),transparent 70%);bottom:-15%;right:-5%;animation-delay:-4s;animation-duration:15s}.orb-3{width:300px;height:300px;background:radial-gradient(circle,#a78bfa,transparent 70%);top:40%;right:20%;animation-delay:-8s;animation-duration:18s;opacity:.3}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-40px) scale(1.05)}66%{transform:translate(-20px,20px) scale(.95)}}.login-content{position:relative;z-index:1;text-align:center;padding:48px 52px 54px;background:#0c0c1480;backdrop-filter:var(--blur-strong);-webkit-backdrop-filter:var(--blur-strong);border-radius:28px;border:1px solid rgba(255,255,255,.08);max-width:560px;width:92%}.login-logo-lockup{width:min(380px,90%);margin:-8px auto 28px;overflow:hidden;filter:drop-shadow(0 0 42px rgba(var(--accent-rgb),.34))}.login-logo-img{width:100%;height:auto;margin:0 auto;display:block}.login-buttons{display:flex;flex-direction:column;gap:12px;align-items:center}.login-btn{display:block;width:100%;min-height:54px;padding:15px 24px;font-size:15px;font-weight:700;border:1px solid rgba(255,255,255,.18);border-radius:18px;cursor:pointer;color:#fff;letter-spacing:.01em;position:relative;overflow:hidden;isolation:isolate;box-shadow:inset 0 1px #ffffff59,inset 0 -18px 28px #00000029,0 14px 32px #00000052;transition:transform .2s,box-shadow .2s,filter .2s,opacity .2s}.login-btn:before{content:"";position:absolute;inset:1px 1px auto;height:48%;border-radius:17px 17px 12px 12px;background:linear-gradient(180deg,#ffffff5c,#ffffff0a);pointer-events:none;z-index:-1}.login-btn:after{content:"";position:absolute;top:-35%;left:-18%;width:42%;height:140%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.22),transparent);transform:rotate(18deg);opacity:.7;pointer-events:none;transition:transform .35s ease}.login-btn:hover:not(:disabled){transform:translateY(-2px);filter:saturate(1.08) brightness(1.04);box-shadow:inset 0 1px #ffffff6b,inset 0 -18px 28px #00000024,0 18px 42px #0000006b}.login-btn:hover:not(:disabled):after{transform:translate(220%) rotate(18deg)}.login-btn:disabled{opacity:.55;cursor:not-allowed}.login-btn.google,.login-btn.apple-auth{border:2px solid transparent;background:linear-gradient(var(--bg-primary),var(--bg-primary)) padding-box,var(--gradient) border-box;color:var(--text-primary);font-weight:600;display:flex;align-items:center;justify-content:center;gap:12px}.login-btn.google:before,.login-btn.google:after,.login-btn.apple-auth:before,.login-btn.apple-auth:after{display:none}.login-btn.google:hover:not(:disabled),.login-btn.apple-auth:hover:not(:disabled){background:linear-gradient(#ffffff0a,#ffffff0a) padding-box,var(--gradient) border-box}.login-btn-icon{flex-shrink:0}.login-btn.spotify{background:linear-gradient(135deg,#22d36f,#1db954 46%,#0b8f40)}.login-btn.apple{background:linear-gradient(135deg,#ff6b70,#fc3c44 45%,#b91c24)}.login-btn.youtube{background:linear-gradient(135deg,#ff5d5d,red 46%,#a60000)}.login-features{display:flex;justify-content:center;gap:24px;margin-top:32px;padding-top:24px;border-top:1px solid rgba(255,255,255,.06)}.login-feature{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary)}.login-feature span:first-child{font-size:20px}.privacy-link{background:none;border:none;color:var(--text-tertiary);margin-top:24px;cursor:pointer;font-size:12px;transition:color .15s}.privacy-link:hover{color:#ffffff80}.login-divider{display:flex;align-items:center;gap:12px;margin:16px 0 12px;width:100%}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:#ffffff1f}.login-divider span{color:var(--text-tertiary);font-size:13px;text-transform:uppercase;letter-spacing:.05em}.login-btn.email-btn{background:var(--gradient);border:none;color:var(--on-accent);font-weight:700;letter-spacing:.02em;text-shadow:0 1px 2px rgba(0,0,0,.2);filter:brightness(.85) saturate(1.15)}.login-btn.email-btn:hover:not(:disabled){filter:brightness(.95) saturate(1.2)}.email-auth-form{display:flex;flex-direction:column;gap:10px;width:100%}.auth-input{padding:12px 16px;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:#ffffff0f;color:var(--text-primary);font-size:14px;outline:none;transition:border-color .2s}.auth-input:focus{border-color:var(--accent)}.auth-input::placeholder{color:var(--text-tertiary)}.auth-error{color:#f87171;font-size:13px;text-align:center}.login-btn.email-submit{background:var(--gradient);border:none}.login-btn.email-submit:disabled{opacity:.5;cursor:not-allowed}.auth-toggle{background:none;border:none;color:var(--text-secondary);font-size:13px;cursor:pointer;padding:4px;transition:color .2s}.auth-toggle:hover{color:#ffffffb3}.auth-forgot{background:none;border:none;color:var(--accent-text);font-size:13px;cursor:pointer;padding:2px;transition:opacity .2s}.auth-forgot:hover{opacity:.7}.auth-success{color:#4ade80;font-size:13px;text-align:center}.auth-form-title{color:var(--text-secondary, rgba(255, 255, 255, .6));font-size:14px;text-align:center;margin:0 0 4px}.login-footer{position:fixed;bottom:0;left:0;right:0;color:var(--text-tertiary);font-size:12px;z-index:1;padding:12px 20px calc(12px + var(--sab, 0px));text-align:center}@media (max-width: 768px){.login-page{justify-content:flex-start;overflow-y:auto;padding-top:max(20px,var(--sat, 0px));padding-bottom:0}.login-content{margin-top:auto;margin-bottom:auto}.login-footer{position:static;flex-shrink:0;padding:20px 20px calc(20px + var(--sab, 0px))}}.username-gate-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#000000d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:20px}.username-gate-card{background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:20px;padding:32px;max-width:420px;width:100%;text-align:center}.username-gate-card h2{font-size:1.4rem;margin-bottom:8px;color:var(--text-primary)}.username-gate-card>p{color:var(--text-secondary);font-size:14px;margin-bottom:20px;line-height:1.5}.username-gate-hint{font-size:11px;color:var(--text-tertiary);margin-top:8px;margin-bottom:16px}.username-gate-card .onboarding-name-wrap{position:relative;overflow:visible}.username-gate-card .btn-primary{width:100%;padding:12px;font-size:15px;border-radius:50px}.login-footer-link{color:var(--text-tertiary);text-decoration:none;transition:color .2s}.login-footer-link:hover{color:var(--text-primary)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.modal-content{background:#141423f2;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--border-glass);border-radius:var(--radius);padding:32px;max-width:560px;width:100%;max-height:80vh;overflow-y:auto;position:relative}.modal-content h2{margin-bottom:16px}.modal-content h3{margin-top:20px;margin-bottom:8px;background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal-content p{color:var(--text-secondary);line-height:1.7;margin-bottom:8px;font-size:14px}.modal-close{position:absolute;top:12px;right:16px;background:none;border:none;color:var(--text-secondary);font-size:28px;cursor:pointer}.callback-page{min-height:100vh;display:flex;align-items:center;justify-content:center}.callback-card{text-align:center;padding:40px}.callback-card p{color:var(--text-secondary);margin-top:16px}.app-layout{display:flex;min-height:100vh;position:relative;z-index:1}.sidebar{background:var(--bg-secondary);backdrop-filter:var(--blur-strong);-webkit-backdrop-filter:var(--blur-strong);border-right:1px solid var(--border-glass);display:flex;flex-direction:column;z-index:10;overflow:hidden}.sidebar-logo-wrap{display:flex;align-items:center;margin-bottom:36px;padding:0 6px}.live-count{display:inline-flex;align-items:center;gap:7px;margin-left:12px;vertical-align:middle;font-size:11.5px;font-weight:500;letter-spacing:0;color:var(--text-tertiary);-webkit-text-fill-color:var(--text-tertiary);white-space:nowrap}.live-count strong{color:var(--text-secondary);-webkit-text-fill-color:var(--text-secondary);font-weight:700;font-variant-numeric:tabular-nums}.live-count-dot{flex:none;width:6px;height:6px;border-radius:50%;background:#34d399;box-shadow:0 0 #34d39980;animation:live-count-pulse 2s ease-out infinite}@keyframes live-count-pulse{0%{box-shadow:0 0 #34d39980}70%{box-shadow:0 0 0 6px #34d39900}to{box-shadow:0 0 #34d39900}}@media (prefers-reduced-motion: reduce){.live-count-dot{animation:none}}.nav-links{display:flex;flex-direction:column;gap:4px;flex:1}.nav-link{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius-sm);color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:14px;transition:transform .2s,opacity .2s}.nav-link:hover{background:var(--bg-glass-hover);color:var(--text-primary)}.nav-link.active{background:var(--gradient);color:var(--on-accent);box-shadow:0 4px 15px rgba(var(--accent-rgb),.3)}.nav-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0}.nav-icon svg{width:100%;height:100%;display:block}.nav-link:not(.active):not(.upgrade-nav) .nav-icon{color:var(--text-primary)}.nav-link.upgrade-nav:not(.active){color:var(--text-secondary)}.nav-link.upgrade-nav:not(.active):hover{color:var(--accent-text)}.sidebar-user{display:flex;align-items:center;gap:10px;padding:14px 12px;border-top:1px solid var(--border-glass);margin-top:16px;flex-wrap:wrap}.user-avatar{width:34px;height:34px;border-radius:50%;border:2px solid var(--border-glass)}.user-name{font-size:13px;color:var(--text-secondary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-btn{background:none;border:none;color:var(--text-tertiary);font-size:12px;cursor:pointer;padding:4px 8px;border-radius:var(--radius-xs);transition:background-color .15s}.logout-btn:hover{color:var(--danger);background:#f871711a}.main-content{flex:1;min-width:0;container:bb-main / inline-size;position:relative}.main-content::-webkit-scrollbar{width:0;background:transparent}.main-content:has(.dj-room){overflow:hidden;height:100vh;padding-top:0;padding-bottom:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#00000026;border-radius:4px}::-webkit-scrollbar-thumb{background:var(--accent, rgba(255,255,255,.15));border-radius:4px;opacity:.6}::-webkit-scrollbar-thumb:hover{background:var(--accent, rgba(255,255,255,.25));opacity:.9}*{scrollbar-width:thin;scrollbar-color:var(--accent, rgba(255,255,255,.15)) rgba(0,0,0,.15)}.discover-page{max-width:1400px;margin:0 auto;animation:slideUp .4s ease-out;display:flex;flex-direction:column}.discover-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.logo-container{display:flex}.discover-title-area{display:flex;align-items:center;gap:10px}.discover-logo{display:none!important}.track-counter{color:var(--text-secondary);font-size:13px;background:var(--bg-glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--border-glass);padding:6px 16px;border-radius:20px}.save-feedback{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:9999;background:var(--gradient);color:var(--on-accent);padding:10px 20px;border-radius:var(--radius-sm);font-weight:500;font-size:14px;animation:fadeIn .2s;box-shadow:0 4px 12px #0000004d}.discover-search{display:flex;gap:10px;margin-bottom:14px}.search-input-wrapper{flex:1;position:relative}.search-input{width:100%;padding:14px 18px 14px 42px;background:var(--bg-glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--border-glass);border-radius:var(--radius-sm);color:var(--text-primary);font-size:15px;font-family:inherit;transition:border-color .2s;text-align:left}.search-input::placeholder{color:var(--text-tertiary)}.search-input:focus{outline:none;border-color:var(--accent)}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-tertiary);font-size:14px;pointer-events:none}.search-btn{padding:14px 28px;background:var(--gradient);border:none;border-radius:var(--radius-sm);color:var(--on-accent);font-weight:600;font-size:15px;cursor:pointer;transition:opacity .15s,transform .15s}.search-btn:hover{opacity:.9;transform:translateY(-1px)}.search-btn:disabled{opacity:.3;cursor:not-allowed;transform:none}.genre-filter-bar{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.genre-filter-chip{padding:8px 18px;border:1px solid var(--border-glass);border-radius:20px;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:transform .2s,opacity .2s}.genre-filter-chip:hover{border-color:var(--accent);color:var(--text-primary);background:rgba(var(--accent-rgb),.06)}.genre-filter-chip.active{background:var(--gradient);border-color:transparent;color:var(--on-accent)}.discover-content{display:grid;grid-template-columns:1.1fr .9fr;gap:12px;flex:1;min-height:0;align-items:stretch}.now-playing{background:var(--bg-glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--border-glass);border-radius:var(--radius);overflow:hidden;transition:border-color .3s;align-self:stretch;display:flex;flex-direction:column}.now-playing:hover{border-color:rgba(var(--accent-rgb),.2)}.now-playing-art{width:100%;object-fit:cover;display:block;flex:1;min-height:0}.now-playing>.now-playing-info{padding:12px 20px 8px;max-width:100%}.now-playing .now-playing-title{font-size:20px;font-weight:700;color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now-playing-title-row{display:flex;align-items:center;gap:10px;min-width:0}.now-playing-title-row .now-playing-title{flex:1;min-width:0}.now-playing-share{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;padding:6px 12px;border-radius:20px;border:1px solid var(--border-glass);background:var(--bg-glass);color:var(--text-secondary);font-size:12px;font-weight:600;cursor:pointer;transition:transform .15s,opacity .15s}.now-playing-share:hover{color:var(--accent-text);border-color:rgba(var(--accent-rgb),.4);background:rgba(var(--accent-rgb),.08)}.now-playing-share:disabled{opacity:.6;cursor:default}.now-playing .now-playing-artist{font-size:15px;color:var(--text-secondary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.now-playing .now-playing-album{font-size:12px;color:var(--text-tertiary);margin:2px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.now-playing-info-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.now-playing-info-row>div:first-child{flex:1;min-width:0}.community-stats-bar{display:flex;gap:14px;padding:0}.community-stat{font-size:12px;color:var(--text-tertiary, rgba(255,255,255,.35));cursor:default;white-space:nowrap;letter-spacing:.3px}.discover-right-col{display:flex;flex-direction:column;gap:12px;min-height:0;overflow:hidden}.track-comments{background:var(--bg-glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--border-glass);border-radius:var(--radius);display:flex;flex-direction:column;flex:1 0 120px;min-height:120px}.track-comments-header{padding:8px 12px 6px;border-bottom:1px solid var(--border-glass);flex-shrink:0}.track-comments-header h4{font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0}.track-comments-list{overflow-y:auto;padding:6px 10px;display:flex;flex-direction:column;gap:4px;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.track-comments-empty{color:var(--text-tertiary);font-size:13px;text-align:center;padding:16px 0;margin:0}.track-comment{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--radius-sm);transition:background .15s}.track-comment:hover{background:#ffffff08}.track-comment-active{background:rgba(var(--accent-rgb),.08)}.track-comment-ts{background:rgba(var(--accent-rgb),.15);color:var(--accent-text);border:none;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:600;font-family:monospace;cursor:pointer;flex-shrink:0;transition:background .15s;white-space:nowrap}.track-comment-ts:hover{background:rgba(var(--accent-rgb),.3)}.track-comment-avatar{width:22px;height:22px;border-radius:50%;object-fit:cover;flex-shrink:0}.track-comment-avatar-fallback{display:flex;align-items:center;justify-content:center;background:rgba(var(--accent-rgb),.2);color:var(--accent-text);font-size:11px;font-weight:700}.track-comment-body{flex:1;min-width:0}.track-comment-author{font-size:12px;font-weight:600;color:var(--text-secondary);margin-right:6px}.track-comment-text{font-size:13px;color:var(--text-primary);word-break:break-word}.track-comment-delete{background:none;border:none;color:var(--text-tertiary);cursor:pointer;font-size:14px;padding:0 4px;opacity:0;transition:opacity .15s,color .15s}.track-comment:hover .track-comment-delete{opacity:1}.track-comment-delete:hover{color:var(--danger)}.track-comments-input{display:flex;align-items:center;gap:8px;padding:6px 10px;border-top:1px solid var(--border-glass);flex-shrink:0}.track-comments-input-ts{font-size:11px;font-weight:600;font-family:monospace;color:var(--accent-text);background:rgba(var(--accent-rgb),.1);padding:4px 6px;border-radius:4px;flex-shrink:0}.track-comments-input input{flex:1;background:#ffffff0d;border:1px solid var(--border-glass);border-radius:var(--radius-sm);padding:6px 10px;font-size:13px;color:var(--text-primary);outline:none;transition:border-color .2s}.track-comments-input input:focus{border-color:var(--accent)}.track-comments-input button{background:var(--accent);color:var(--on-accent);border:none;border-radius:var(--radius-sm);padding:6px 14px;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .15s;flex-shrink:0}.track-comments-input button:disabled{opacity:.4;cursor:default}.audio-preview-embed{padding:10px 16px 14px;border-top:1px solid var(--border-glass)}.rating-widget{background:var(--bg-glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--border-glass);border-radius:var(--radius);padding:12px 16px;flex:0 1 auto;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent}.rating-quick-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.rating-quick-row .rating-row{flex:1;min-width:0}.btn-quick-next{display:none;background:var(--gradient);border:none;color:var(--on-accent);font-weight:600;font-size:13px;padding:8px 16px;border-radius:20px;cursor:pointer;white-space:nowrap;transition:opacity .15s,transform .15s;flex-shrink:0}.btn-quick-next:hover{opacity:.9;transform:translateY(-1px)}.rating-row{display:flex;align-items:center;gap:10px;padding:5px 0}.rating-label{display:flex;align-items:center;gap:6px;min-width:110px}.rating-icon{font-size:1.1rem}.rating-name{font-size:14px;font-weight:500}.stars{display:flex;gap:2px}.star{background:none;border:none;font-size:24px;cursor:pointer;color:var(--star-empty);transition:color .1s,transform .15s;padding:2px}.star.filled{color:var(--star-color)}.star:hover{transform:scale(1.25)}.rating-desc-inline{font-size:11px;color:var(--text-tertiary)}.rating-categories{margin-top:6px;display:flex;flex-direction:column;gap:3px}.rating-category{border-radius:var(--radius-sm);overflow:hidden}.category-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background:var(--bg-glass-hover);border:none;color:var(--text-primary);font-size:12px;font-weight:600;cursor:pointer;border-radius:var(--radius-sm);transition:background .15s}.category-toggle:hover{background:#ffffff1a}.category-toggle.open{border-radius:var(--radius-sm) var(--radius-sm) 0 0}.toggle-arrow{font-size:10px;color:var(--text-tertiary)}.category-dimensions{background:#ffffff05;padding:4px 10px;border-radius:0 0 var(--radius-sm) var(--radius-sm)}.category-dimensions .rating-row{padding:5px 0}.category-dimensions .star{font-size:20px}.tag-section{margin-top:4px}.tag-section .category-toggle{border-radius:var(--radius-sm)}.tag-section .category-toggle.open{border-radius:var(--radius-sm) var(--radius-sm) 0 0}.tag-section-label{font-size:11px;font-weight:600;color:var(--text-secondary);margin-bottom:4px;text-transform:uppercase;letter-spacing:.05em}.tag-grid{display:flex;flex-wrap:wrap;gap:4px}.tag-grid-panel{display:flex;flex-wrap:wrap;gap:4px;padding:6px 10px 8px;background:#ffffff05;border-radius:0 0 var(--radius-sm) var(--radius-sm)}.tag-chip{padding:3px 9px;border:1px solid var(--border-glass);border-radius:20px;background:transparent;color:var(--text-secondary);font-size:11px;cursor:pointer;transition:transform .2s,opacity .2s}.tag-chip:hover{border-color:var(--accent);color:var(--text-primary)}.tag-chip.selected{background:var(--gradient);border-color:transparent;color:var(--on-accent)}.text-feedback{margin-top:6px}.text-feedback-input{width:100%;background:var(--bg-glass-hover);border:1px solid var(--border-glass);border-radius:var(--radius-sm);color:var(--text-primary);font-family:inherit;font-size:12px;padding:7px 10px;transition:border-color .2s}.text-feedback-input::placeholder{color:var(--text-tertiary)}.text-feedback-input:focus{outline:none;border-color:var(--accent)}.quick-actions{display:flex;gap:8px;margin-top:10px}.action-btn{flex:1;padding:8px;background:var(--bg-glass-hover);border:1px solid var(--border-glass);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:13px;cursor:pointer;transition:transform .2s,opacity .2s}.action-btn:hover{border-color:var(--accent);color:var(--text-primary);background:rgba(var(--accent-rgb),.1)}.action-btn.saved{color:var(--accent-text);border-color:var(--accent);background:rgba(var(--accent-rgb),.15)}.action-btn.saved:hover{background:rgba(var(--accent-rgb),.25)}.action-btn:disabled{opacity:.6;cursor:wait}.rating-actions{display:flex;gap:8px;margin-top:10px}.btn-skip,.btn-rate{flex:1;padding:10px;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;transition:transform .2s,opacity .2s}.btn-skip{background:var(--bg-glass-hover);color:var(--text-secondary);border:1px solid var(--border-glass)}.btn-skip:hover{background:#ffffff1a;color:var(--text-primary)}.btn-rate{background:var(--gradient);color:var(--on-accent)}.btn-rate:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 6px 20px rgba(var(--accent-rgb),.3)}.btn-rate:disabled{opacity:.3;cursor:not-allowed;transform:none}.playlist-modal{max-height:70vh}.playlist-modal h3{margin-bottom:16px}.empty-playlists{color:var(--text-secondary);text-align:center;padding:20px;font-size:13px}.playlist-service-tabs{display:flex;gap:6px;margin-bottom:12px;overflow-x:auto;scrollbar-width:none}.playlist-service-tabs::-webkit-scrollbar{display:none}.service-tab{flex:1 0 auto;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 10px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:none;color:var(--text-secondary);font-size:12.5px;font-weight:500;cursor:pointer;transition:transform .15s,opacity .15s;position:relative;white-space:nowrap}.service-tab-icon{display:inline-flex;flex-shrink:0}.service-tab:hover:not(:disabled):not(.disabled){background:var(--bg-glass-hover);color:var(--text-primary)}.service-tab.active{background:var(--bg-glass-hover);color:var(--text-primary);border-color:var(--accent)}.service-tab.disabled,.service-tab:disabled{opacity:.4;cursor:not-allowed}.service-tab.no-match{opacity:.5}.service-tab-icon{display:flex;align-items:center}.service-tab-icon svg{display:block}.service-tab-badge{font-size:10px;padding:1px 5px;border-radius:8px;background:var(--bg-glass-hover);color:var(--text-tertiary)}.service-tab.active .service-tab-badge{background:rgba(var(--accent-rgb),.15);color:var(--accent-text)}.playlist-match-banner{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);font-size:13px;margin-bottom:12px}.playlist-match-banner.matching{background:var(--bg-glass-hover);color:var(--text-secondary)}.playlist-match-banner.matched{background:#1ec8641a;color:#1ec864}.playlist-match-banner.no-match{background:#ff505014;color:var(--text-secondary)}.match-check{font-size:16px;font-weight:700;color:#1ec864;flex-shrink:0}.match-x{font-size:16px;font-weight:700;color:#ff5050;flex-shrink:0}.match-info{display:flex;flex-direction:column;gap:1px;min-width:0}.match-title{font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.match-artist{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-match-banner.no-spotify{background:var(--bg-glass-hover);color:var(--text-secondary)}.match-info-icon{font-size:18px;flex-shrink:0}.match-info-text{display:flex;flex-direction:column;gap:8px}.match-connect-btn{align-self:flex-start;padding:6px 14px;border:none;border-radius:var(--radius-sm);background:#1db954;color:#121212;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .15s;display:inline-flex;align-items:center;gap:6px}.match-connect-btn svg{display:block}.match-connect-btn:hover{opacity:.85}.match-connect-btn.apple-connect{background:#fc3c44}.match-connect-btn:disabled{opacity:.5;cursor:not-allowed}.spinner-sm{width:16px;height:16px;border:2px solid var(--border-subtle);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite;flex-shrink:0}.create-playlist-trigger{display:block;width:100%;padding:8px 12px;margin-bottom:8px;background:none;border:1px dashed var(--border-subtle);border-radius:var(--radius-sm);color:var(--accent-text);font-size:13px;font-weight:500;cursor:pointer;transition:transform .15s,opacity .15s;text-align:left}.create-playlist-trigger:hover{background:var(--bg-glass-hover);border-color:var(--accent)}.create-playlist-form{display:flex;flex-direction:column;gap:8px;padding:10px 12px;margin-bottom:10px;background:var(--bg-glass-hover);border-radius:var(--radius-sm)}.create-playlist-input{padding:8px 10px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-primary);font-size:13px;outline:none}.create-playlist-input:focus{border-color:var(--accent)}.create-playlist-actions{display:flex;gap:8px}.create-playlist-btn{flex:1;padding:7px 12px;border:none;border-radius:var(--radius-sm);background:var(--accent);color:var(--on-accent);font-size:12px;font-weight:600;cursor:pointer;transition:opacity .15s}.create-playlist-btn:hover:not(:disabled){opacity:.85}.create-playlist-btn:disabled{opacity:.4;cursor:not-allowed}.create-playlist-cancel{padding:7px 12px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:none;color:var(--text-secondary);font-size:12px;cursor:pointer}.create-playlist-cancel:hover{background:var(--bg-glass-hover)}.playlist-list{display:flex;flex-direction:column;gap:4px;max-height:45vh;overflow-y:auto}.playlist-item{display:flex;align-items:center;gap:12px;padding:10px;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-primary);text-align:left;width:100%;transition:background .15s}.playlist-item:hover:not(:disabled){background:var(--bg-glass-hover)}.playlist-item:disabled{opacity:.4;cursor:not-allowed}.playlist-thumb{width:44px;height:44px;border-radius:8px;object-fit:cover;flex-shrink:0}.playlist-thumb.placeholder{background:var(--bg-glass-hover);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);font-size:18px}.playlist-item-info{display:flex;flex-direction:column;min-width:0}.playlist-item-name{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-item-count{font-size:12px;color:var(--text-secondary)}.song-card{display:flex;align-items:center;gap:14px;padding:10px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:background .2s}.song-card:hover{background:var(--bg-glass-hover)}.song-art{width:52px;height:52px;border-radius:8px;object-fit:cover;flex-shrink:0}.song-info{display:flex;flex-direction:column;overflow:hidden;min-width:0}.song-name{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-artist{font-size:13px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.has-preview{color:var(--accent-text);margin-left:auto;font-size:16px;flex-shrink:0}.up-next{background:var(--bg-glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--border-glass);border-radius:var(--radius);padding:14px 18px;margin-top:12px;flex-shrink:0}.up-next h4{color:var(--text-tertiary);font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:600;margin-bottom:8px}.up-next-list{display:flex;gap:8px}.up-next-list .song-card{flex:1;min-width:0;background:#ffffff08;border-radius:var(--radius-sm);padding:10px 12px;position:relative}.up-next-list .song-card:hover .song-card-remove{opacity:1}.song-card-remove{position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:50%;background:#0009;border:1px solid rgba(255,255,255,.15);color:var(--text-secondary);font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s,background .15s}.song-card-remove:hover{background:#dc2626;color:#fff}.profile-page{max-width:1400px;margin:0 auto;animation:slideUp .4s ease-out}.profile-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.profile-user-info{display:flex;align-items:center;gap:14px}.profile-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid var(--border-glass)}.profile-avatar-placeholder{display:flex;align-items:center;justify-content:center;background:var(--gradient);color:var(--on-accent);font-size:22px;font-weight:700}.profile-display-name{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin:0}.profile-email{font-size:13px;color:var(--text-secondary);margin:2px 0 0}.profile-tabs{display:flex;gap:4px;margin-bottom:24px;border-bottom:1px solid var(--border-glass);padding-bottom:0;scrollbar-width:none;-ms-overflow-style:none;overflow-x:auto}.profile-tab{display:flex;align-items:center;gap:6px;padding:10px 16px;border:none;background:none;color:var(--text-secondary);font-size:14px;cursor:pointer;border-bottom:2px solid transparent;transition:transform .15s,opacity .15s;white-space:nowrap;margin-bottom:-1px}.profile-tab-icon{font-size:16px}.profile-tab-content{min-height:200px}.profile-tab-content .dashboard-page>h2,.profile-tab-content .ratings-header>h2,.profile-tab-content .history-header>div>h2,.profile-tab-content .achievements-header>h2,.profile-tab-content .settings-page>h2{display:none}.profile-tab-content .dashboard-page,.profile-tab-content .ratings-page,.profile-tab-content .history-page,.profile-tab-content .achievements-page,.profile-tab-content .settings-page{animation:none}.dashboard-page{max-width:1400px;margin:0 auto;animation:slideUp .4s ease-out}.dashboard-page h2{font-size:1.8rem;margin-bottom:32px;font-weight:700;letter-spacing:-.02em}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:36px}.stat-card{text-align:center;transition:border-color .3s}.stat-card:hover{border-color:rgba(var(--accent-rgb),.2)}.stat-value{font-size:2.5rem;font-weight:700;background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block}.stat-label{font-size:13px;color:var(--text-secondary);margin-top:4px}.dashboard-section{margin-bottom:20px}.dashboard-section h3{margin-bottom:16px;font-weight:600}.section-subtitle{color:var(--text-secondary);font-size:13px;margin-top:-12px;margin-bottom:16px}.distribution-chart{display:flex;align-items:flex-end;gap:16px;height:120px;padding:0 20px}.dist-bar-container{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end}.dist-bar{width:100%;max-width:60px;background:var(--gradient);border-radius:4px 4px 0 0;min-height:4px;transition:height .3s}.dist-label{font-size:12px;color:var(--text-secondary);margin-top:8px}.dist-count{font-size:11px;color:var(--text-tertiary)}.taste-profile{display:flex;flex-direction:column;gap:12px}.taste-bar-container{display:flex;align-items:center;gap:12px}.taste-label{min-width:110px;font-size:14px}.taste-bar{flex:1;height:6px;background:#ffffff0f;border-radius:3px;overflow:hidden}.taste-fill{height:100%;background:var(--gradient);border-radius:3px;transition:width .4s ease-out}.taste-value{font-size:14px;color:var(--text-secondary);min-width:30px;text-align:right}.top-rated-list{display:flex;flex-direction:column;gap:6px}.top-rated-item{display:flex;align-items:center;gap:12px;padding:8px;border-radius:var(--radius-sm);transition:background .15s}.top-rated-item:hover{background:var(--bg-glass-hover)}.top-rated-art{width:44px;height:44px;border-radius:8px}.top-rated-info{flex:1;display:flex;flex-direction:column}.top-rated-name{font-size:14px;font-weight:500}.top-rated-artist{font-size:12px;color:var(--text-secondary)}.top-rated-score{color:var(--star-color);font-weight:600}.top10-section{margin-bottom:32px;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:16px;overflow:hidden}.top10-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 20px;background:var(--gradient-subtle);border:none;cursor:pointer;color:var(--text-primary);font-size:inherit}.top10-header:hover{background:var(--gradient-glow)}.top10-header-left{display:flex;align-items:center;gap:10px}.top10-header-left h3{font-size:16px;font-weight:700;margin:0}.top10-trophy{font-size:20px}.top10-count{font-size:12px;color:var(--text-tertiary);background:var(--bg-glass);padding:2px 8px;border-radius:10px}.top10-list{padding:8px}.top10-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);transition:transform .15s,opacity .15s;cursor:grab;border:2px solid transparent}.top10-item:hover{background:var(--bg-glass-hover)}.top10-item.drag-over{border-color:var(--accent);background:var(--gradient-subtle)}.top10-item.dragging{opacity:.4}.top10-rank{font-size:14px;font-weight:800;min-width:28px;background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.top10-grip{color:var(--text-tertiary);font-size:16px;cursor:grab;-webkit-user-select:none;user-select:none;line-height:1}.top10-arrows{display:none}.top10-arrow{background:none;border:1px solid var(--border-glass);color:var(--text-secondary);font-size:9px;padding:2px 5px;border-radius:4px;cursor:pointer;line-height:1}.top10-arrow:disabled{opacity:.2;cursor:default}.top10-arrow:not(:disabled):hover{border-color:var(--accent);color:var(--accent-text)}.top10-art{width:44px;height:44px;border-radius:8px;object-fit:cover}.top10-info{flex:1;display:flex;flex-direction:column;min-width:0}.top10-name{font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top10-artist{font-size:12px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top10-score{color:var(--star-color);font-weight:600;font-size:14px}.top10-remove{background:none;border:none;color:var(--text-tertiary);cursor:pointer;font-size:14px;padding:4px 6px;border-radius:4px;transition:transform .15s,opacity .15s;opacity:0}.top10-item:hover .top10-remove{opacity:1}.top10-remove:hover{color:var(--danger);background:#f871711a}.top10-empty{padding:32px 20px;text-align:center;color:var(--text-secondary);font-size:14px}.top10-empty-icon{font-size:32px;display:block;margin-bottom:8px}.top10-empty-hint{font-size:12px;color:var(--text-tertiary);margin-top:4px}.top10-add-btn{background:none;border:1px solid var(--border-glass);color:var(--text-secondary);cursor:pointer;font-size:13px;padding:4px 8px;border-radius:6px;transition:transform .15s,opacity .15s;flex-shrink:0}.top10-add-btn:hover{border-color:var(--accent);color:var(--accent-text);background:var(--gradient-subtle)}.top10-badge{font-size:14px;flex-shrink:0}.rating-item-actions{display:flex;gap:8px;margin-top:8px;margin-bottom:4px}.ratings-page{max-width:1400px;margin:0 auto;animation:slideUp .4s ease-out}.ratings-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:16px}.ratings-header h2{font-size:1.8rem;font-weight:700;letter-spacing:-.02em}.filter-tabs{display:flex;gap:6px}.filter-tab{padding:7px 16px;border:1px solid var(--border-glass);border-radius:20px;background:transparent;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:transform .2s,opacity .2s}.filter-tab:hover{border-color:var(--accent)}.filter-tab.active{background:var(--gradient);border-color:transparent;color:var(--on-accent)}.ratings-list{display:flex;flex-direction:column;gap:8px}.rating-item{cursor:pointer;transition:transform .2s,opacity .2s}.rating-item:hover{border-color:rgba(var(--accent-rgb),.15)}.rating-item-main{display:flex;align-items:center;gap:12px;padding:12px 16px}.rating-item-art{width:48px;height:48px;border-radius:8px}.rating-item-info{flex:1;display:flex;flex-direction:column}.rating-item-name{font-weight:500}.rating-item-artist{font-size:13px;color:var(--text-secondary)}.rating-item-score{color:var(--star-color);font-weight:600;font-size:1.1rem}.rating-item-details{padding:12px 16px 16px;border-top:1px solid var(--border-glass);margin-top:4px}.detail-row{display:flex;justify-content:space-between;padding:4px 0;font-size:14px}.detail-row span:first-child{color:var(--text-secondary)}.detail-row span:last-child{color:var(--star-color);letter-spacing:2px}.rating-date{display:block;margin-top:8px;font-size:12px;color:var(--text-tertiary)}.empty-state{text-align:center;padding:60px 20px;color:var(--text-secondary)}.discover-loading,.discover-error{text-align:center;padding:80px 20px}.discover-error h2{margin-bottom:12px}.discover-error p{color:var(--text-primary);opacity:1;margin-bottom:20px}.genre-picker{max-width:640px;margin:0 auto;text-align:center;padding:40px 0;animation:slideUp .4s ease-out}.genre-picker h2{font-size:1.8rem;margin-bottom:8px;font-weight:700}.genre-subtitle{color:var(--text-secondary);margin-bottom:32px}.genre-grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:32px}.genre-chip{padding:10px 22px;border:1px solid var(--border-glass);border-radius:50px;background:var(--bg-glass);color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:transform .2s,opacity .2s}.genre-chip:hover{border-color:var(--accent);color:var(--text-primary)}.genre-chip.selected{background:var(--gradient);border-color:transparent;color:var(--on-accent);box-shadow:0 4px 15px rgba(var(--accent-rgb),.3)}.genre-go{min-width:220px}.genre-go:disabled{opacity:.3;cursor:not-allowed}.btn-primary{padding:12px 28px;border:none;border-radius:var(--radius-sm);background:var(--gradient);color:var(--on-accent);font-size:15px;font-weight:600;cursor:pointer;transition:transform .2s,opacity .2s}.btn-primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 6px 20px rgba(var(--accent-rgb),.3)}.btn-secondary{padding:12px 28px;border:1px solid var(--border-glass);border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-size:15px;font-weight:600;cursor:pointer;transition:transform .2s,opacity .2s}.btn-secondary:hover{border-color:var(--accent);color:var(--text-primary)}.mini-player{position:fixed;bottom:80px;left:12px;width:calc(var(--sidebar-width) - 32px);z-index:15;padding:12px;background:var(--bg-glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--border-glass);border-radius:var(--radius-sm);animation:fadeIn .3s}.mini-player-track{display:flex;align-items:center;gap:10px;cursor:pointer;margin-bottom:10px}.mini-art{width:40px;height:40px;border-radius:6px;object-fit:cover;flex-shrink:0}.mini-info{flex:1;overflow:hidden}.mini-name{display:block;font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-artist{display:block;font-size:11px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-embed{margin:8px 0;border-radius:8px;overflow:hidden;height:152px;position:relative}.mini-embed iframe{display:block;border:none;position:absolute;top:0;left:0;width:100%;height:152px}.mini-stars{display:flex;justify-content:center;gap:2px;margin-bottom:8px}.mini-star{background:none;border:none;font-size:18px;cursor:pointer;color:var(--star-empty);transition:color .1s,transform .12s;padding:1px}.mini-star.filled{color:var(--star-color)}.mini-star:hover{transform:scale(1.3)}.mini-actions{display:flex;gap:6px}.mini-btn{flex:1;padding:6px;background:var(--bg-glass-hover);border:1px solid var(--border-glass);border-radius:6px;color:var(--text-primary);font-size:14px;cursor:pointer;transition:transform .15s,opacity .15s;text-align:center}.mini-btn:hover{background:#ffffff1a}.mini-close:hover{background:#f8717126;color:var(--danger)}.mini-rate-btn{background:var(--gradient)!important;border-color:transparent!important;font-weight:600;font-size:12px}.mini-rate-btn:hover{filter:brightness(1.15)}.mini-rate-btn:disabled{opacity:.5;cursor:not-allowed}.mini-player-upgrade{display:flex;align-items:center;gap:8px;cursor:pointer;padding:4px 0}.mini-upgrade-icon{font-size:16px}.mini-upgrade-text{font-size:11px;color:var(--text-secondary);line-height:1.3}.mini-player-upgrade:hover .mini-upgrade-text{color:var(--accent-text)}.skel{background:var(--bg-glass-hover);position:relative;overflow:hidden}.skel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.04),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skel-text{border-radius:6px;height:16px}.skel-block{border-radius:12px;width:100%}.skel-pill{border-radius:20px;width:70px;height:30px}.onboarding-page{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:20px 0;position:relative;overflow-x:hidden;overflow-y:auto;background:var(--bg-primary)}.onboarding-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0}.onboarding-card{position:relative;z-index:1;background:#0c0c1499;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border:1px solid rgba(255,255,255,.08);border-radius:28px;padding:48px;max-width:580px;width:92%;text-align:center;animation:slideUp .4s ease-out;flex-shrink:0}.onboarding-progress{display:flex;justify-content:center;gap:8px;margin-bottom:32px}.progress-dot{width:32px;height:4px;border-radius:2px;background:#ffffff1a;transition:background .3s}.progress-dot.active{background:var(--gradient)}.onboarding-title{font-size:1.6rem;font-weight:700;margin-bottom:6px;letter-spacing:-.02em;color:#f5f5f7}.onboarding-subtitle{color:#ffffff73;font-size:14px;margin-bottom:28px}.onboarding-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:32px}.onboarding-chip{padding:9px 18px;border:1px solid rgba(255,255,255,.1);border-radius:50px;background:#ffffff0a;color:#fff9;font-size:14px;cursor:pointer;transition:transform .2s,opacity .2s}.onboarding-chip:hover{border-color:var(--accent);color:#f5f5f7}.onboarding-chip.selected{background:var(--gradient);border-color:transparent;color:var(--on-accent);box-shadow:0 4px 12px rgba(var(--accent-rgb),.3)}.seed-import{display:flex;justify-content:center;margin:4px 0 8px}.seed-import-lead{flex-direction:column;align-items:center;gap:6px;text-align:center;padding:12px 14px;margin:4px 0 12px;border-radius:14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12)}.seed-import-why{margin:0;font-size:14px;color:#ffffffe0}.seed-import-fine{margin:0;font-size:12px;color:#fff9}.seed-note{margin:0 0 10px}.seed-add{display:flex;gap:8px;margin:4px 0 14px}.seed-add .auth-input{flex:1;min-width:0;margin:0}.seed-add .btn-secondary{flex:none}.seed-more{display:block;margin:12px auto 0;background:none;border:none;cursor:pointer;color:var(--accent-text);font-size:14px;text-decoration:underline;text-underline-offset:3px}.onboarding-chip.seed-new{animation:seedPop .35s ease-out}@keyframes seedPop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion: reduce){.onboarding-chip.seed-new{animation:none}}.onboarding-single{max-width:640px;max-height:85vh;max-height:85dvh;overflow-y:auto;text-align:left;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent;padding-bottom:0}.onboarding-single .onboarding-title,.onboarding-single .onboarding-subtitle{text-align:center}.onboarding-section{margin-bottom:24px}.onboarding-section-title{font-size:14px;font-weight:600;color:#ffffffb3;margin-bottom:10px;display:flex;align-items:center;gap:8px}.onboarding-required{font-size:11px;font-weight:500;color:var(--accent-text);background:rgba(var(--accent-rgb),.1);padding:2px 8px;border-radius:10px}.onboarding-optional{font-size:11px;font-weight:500;color:#ffffff4d;background:#ffffff0d;padding:2px 8px;border-radius:10px}.chip-emoji{font-size:15px}.onboarding-actions{display:flex;gap:12px;justify-content:center;margin-top:8px;position:sticky;bottom:-1px;padding:20px 0 28px;background:linear-gradient(to top,rgba(12,12,20,1) 74%,rgba(12,12,20,.92) 90%,transparent);z-index:5}.onboarding-next{min-width:220px}.onboarding-hint{text-align:center;color:#ffffff4d;font-size:12px;margin-top:8px}.onboarding-steps{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:24px;position:relative;z-index:1;flex-shrink:0}.onboarding-step-dot{width:12px;height:12px;border-radius:50%;background:#ffffff26;transition:transform .3s,opacity .3s}.onboarding-step-dot.active{background:var(--accent);box-shadow:0 0 12px rgba(var(--accent-rgb),.4)}.onboarding-step-line{width:60px;height:2px;background:#ffffff1a}.onboarding-profile-avatar{display:flex;justify-content:center;margin-bottom:20px}.onboarding-profile-img{width:100px;height:100px;border-radius:50%;object-fit:cover;border:3px solid var(--accent)}.onboarding-pic-toggle{display:flex;justify-content:center;gap:8px;margin-bottom:20px}.pic-tab{padding:6px 16px;border-radius:20px;border:1px solid rgba(255,255,255,.15);background:transparent;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:transform .2s,opacity .2s}.pic-tab:hover{border-color:var(--accent);color:var(--text-primary)}.pic-tab.active{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.onboarding-avatar-options{margin-bottom:24px}.onboarding-avatar-row{margin-bottom:12px}.onboarding-avatar-row .avatar-option-row,.onboarding-avatar-row .avatar-color-grid{margin-top:4px}.onboarding-fields{display:flex;flex-direction:column;gap:14px;margin-bottom:16px}.onboarding-field{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.onboarding-field-label{font-size:13px;font-weight:600;color:#fff9;display:flex;align-items:center;gap:6px}.onboarding-field-row{display:flex;gap:12px}.onboarding-name-wrap{position:relative}.onboarding-name-wrap .auth-input{display:block;width:100%;box-sizing:border-box;padding-right:100px;text-align:left}.name-status{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:11px;font-weight:600}.name-status.checking{color:#fff6}.name-status.available{color:#4ade80}.name-status.taken{color:#f87171}.onboarding-field select.auth-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='rgba(255,255,255,0.4)' d='M2 4l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:28px;cursor:pointer}.onboarding-field select.auth-input option{background:#1a1a2e;color:#f5f5f7}.song-actions{display:flex;gap:4px;align-items:center;flex-shrink:0}.song-action-btn{width:30px;height:30px;border-radius:50%;border:1px solid var(--border-glass);background:var(--bg-glass);color:var(--text-secondary);font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s,opacity .15s;padding:0}.song-action-btn:hover{border-color:var(--accent);color:var(--text-primary)}.song-action-btn.saved{color:var(--accent-text);border-color:var(--accent);background:rgba(var(--accent-rgb),.15)}.song-action-btn:disabled{opacity:.5;cursor:wait}.song-actions-compact .song-action-btn{width:26px;height:26px;font-size:13px}.library-page{max-width:1400px;margin:0 auto;animation:slideUp .4s ease-out}.library-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:28px}.library-header h2{font-size:1.8rem;font-weight:700;letter-spacing:-.02em}.library-subtitle{color:var(--text-secondary);font-size:14px;margin-top:4px}.library-list{display:flex;flex-direction:column;gap:4px}.library-item{display:flex;align-items:center;gap:12px;transition:background .15s}.library-item:hover{background:var(--bg-glass-hover)}.library-play-area{display:flex;align-items:center;gap:12px;flex:1;min-width:0;background:none;border:none;color:inherit;cursor:pointer;padding:0;text-align:left}.library-info{display:flex;flex-direction:column;gap:2px;min-width:0}.library-name{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-artist{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-toolbar{display:flex;gap:12px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.library-search-wrap{display:flex;align-items:center;gap:8px;flex:1;min-width:180px;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-sm);padding:6px 12px}.library-search-icon{color:var(--text-tertiary);font-size:14px;flex-shrink:0}.library-search{flex:1;background:none;border:none;color:var(--text-primary);font-size:14px;outline:none}.library-search::placeholder{color:var(--text-tertiary)}.library-sort-tabs{display:flex;gap:4px}.library-sort-tab{padding:5px 12px;border-radius:var(--radius-sm);border:1px solid var(--border-glass);background:var(--bg-glass);color:var(--text-secondary);font-size:12px;cursor:pointer;transition:transform .15s,opacity .15s;white-space:nowrap}.library-sort-tab:hover{border-color:var(--accent);color:var(--text-primary)}.library-sort-tab.active{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.library-tabs{display:flex;gap:4px;margin-bottom:16px;border-bottom:1px solid var(--border-glass);padding-bottom:0}.library-tab{padding:8px 20px;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:color .2s,border-color .2s}.library-tab:hover{color:var(--text-primary)}.library-tab.active{color:var(--accent-text);border-bottom-color:var(--accent)}.library-new-playlist-btn{display:block;width:100%;padding:12px;margin-bottom:12px;background:var(--bg-glass);border:1px dashed var(--border-glass);border-radius:var(--radius-sm);color:var(--accent-text);font-size:14px;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s}.library-new-playlist-btn:hover{background:var(--bg-glass-hover);border-color:var(--accent)}.library-create-form{display:flex;gap:8px;align-items:center;margin-bottom:12px}.library-create-input{flex:1;padding:8px 12px;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px;outline:none}.library-create-input:focus{border-color:var(--accent)}.library-create-btn{padding:8px 16px;background:var(--accent);border:none;border-radius:var(--radius-sm);color:var(--on-accent);font-size:13px;font-weight:500;cursor:pointer}.library-create-btn:disabled{opacity:.5;cursor:default}.library-create-cancel{padding:8px 12px;background:none;border:1px solid var(--border-glass);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:13px;cursor:pointer}.library-playlist-list{display:flex;flex-direction:column;gap:6px}.library-playlist-card{overflow:hidden;transition:border-color .15s}.library-playlist-card.expanded{border-color:var(--accent-dim, var(--border-glass))}.library-playlist-header{display:flex;align-items:center;gap:12px;padding:12px 14px;cursor:pointer;transition:background .15s}.library-playlist-header:hover{background:var(--bg-glass-hover)}.library-playlist-info{flex:1;min-width:0}.library-playlist-name{display:block;font-size:15px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-playlist-count{font-size:12px;color:var(--text-tertiary)}.library-playlist-rename{background:var(--bg-glass);border:1px solid var(--accent);border-radius:4px;padding:2px 6px;color:var(--text-primary);font-size:15px;font-weight:500;outline:none;width:100%}.library-playlist-actions{display:flex;gap:4px;flex-shrink:0}.library-pl-action{padding:4px 6px;background:none;border:none;font-size:14px;cursor:pointer;opacity:.6;transition:opacity .15s;border-radius:4px}.library-pl-action:hover{opacity:1;background:var(--bg-glass-hover)}.library-pl-action:disabled{opacity:.3;cursor:default}.library-pl-delete:hover{opacity:1}.library-playlist-chevron{color:var(--text-tertiary);font-size:18px;transition:transform .2s;flex-shrink:0}.library-playlist-chevron.open{transform:rotate(90deg)}.library-playlist-songs{border-top:1px solid var(--border-glass);padding:8px 0}.library-playlist-empty{padding:16px;text-align:center;color:var(--text-tertiary);font-size:13px}.library-playlist-song{display:flex;align-items:center;gap:8px;padding:4px 14px;transition:background .15s}.library-playlist-song:hover{background:var(--bg-glass-hover)}.library-playlist-song-play{display:flex;align-items:center;gap:8px;flex:1;min-width:0;background:none;border:none;color:var(--text-primary);cursor:pointer;text-align:left;padding:4px 0}.library-playlist-song-num{width:20px;text-align:center;font-size:12px;color:var(--text-tertiary);flex-shrink:0}.library-playlist-song-art{width:36px;height:36px;border-radius:4px;object-fit:cover;flex-shrink:0}.library-playlist-song-info{min-width:0}.library-playlist-song-name{display:block;font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-playlist-song-artist{display:block;font-size:11px;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-playlist-song-remove{background:none;border:none;color:var(--text-tertiary);font-size:16px;cursor:pointer;padding:4px 6px;flex-shrink:0;opacity:0;transition:opacity .15s,color .15s}.library-playlist-song:hover .library-playlist-song-remove{opacity:1}.library-playlist-song-remove:hover{color:var(--accent-text)}.library-service-tabs{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap}.library-service-tab{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:20px;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.library-service-tab:hover:not(.disabled){background:var(--bg-glass-hover);color:var(--text-primary)}.library-service-tab.active{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.library-service-tab.disabled{opacity:.4;cursor:default}.library-service-tab-icon{display:inline-flex;align-items:center}.library-service-soon{font-size:10px;opacity:.7;margin-left:2px}.export-modal{max-height:75vh;max-width:420px}.export-modal h3{margin-bottom:4px}.export-subtitle{color:var(--text-secondary);font-size:13px;margin-bottom:14px}.export-playlist-list{display:flex;flex-direction:column;gap:4px;max-height:40vh;overflow-y:auto;margin-bottom:12px}.export-playlist-item{display:flex;align-items:center;gap:10px;padding:8px 10px;background:none;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;transition:background .15s,border-color .15s;text-align:left}.export-playlist-item:hover{background:var(--bg-glass-hover)}.export-playlist-item.selected{background:rgba(var(--accent-rgb),.08);border-color:rgba(var(--accent-rgb),.3)}.export-checkbox{width:20px;height:20px;border:2px solid var(--border-glass);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0;transition:transform .15s,opacity .15s}.export-checkbox.checked{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.export-go-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px;background:var(--accent);border:none;border-radius:var(--radius-sm);color:var(--on-accent);font-size:14px;font-weight:600;cursor:pointer;transition:opacity .15s}.export-go-btn:hover:not(:disabled){opacity:.85}.export-go-btn:disabled{opacity:.4;cursor:default}.export-connect{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 16px;text-align:center}.export-connect-text{color:var(--text-secondary);font-size:14px}.export-results{display:flex;flex-direction:column;gap:12px}.export-results-summary{display:flex;align-items:flex-start;gap:10px;padding:12px;background:#1ec86414;border-radius:var(--radius-sm)}.export-results-icon{font-size:18px;font-weight:700;color:#1ec864;flex-shrink:0}.export-results-text{display:flex;flex-direction:column;gap:4px;font-size:14px}.export-results-failed{color:var(--text-secondary);font-size:13px}.export-not-found{display:flex;flex-direction:column;gap:4px;padding:10px 12px;background:var(--bg-glass);border-radius:var(--radius-sm);max-height:120px;overflow-y:auto}.export-not-found-label{font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:2px}.export-not-found-song{font-size:12px;color:var(--text-tertiary)}.export-done-btn{width:100%;padding:10px;background:var(--bg-glass-hover);border:1px solid var(--border-glass);border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer}.export-done-btn:hover{background:var(--bg-glass-strong)}.library-playlist-source-badge{display:inline-flex;align-items:center;margin-right:4px;vertical-align:middle;opacity:.7}.library-playlist-thumb{width:40px;height:40px;border-radius:6px;object-fit:cover;flex-shrink:0}.library-pl-export{display:inline-flex!important;align-items:center;gap:4px;padding:4px 10px!important;background:var(--bg-glass-hover)!important;border:1px solid var(--border-glass)!important;border-radius:12px!important;opacity:1!important;color:var(--text-primary)}.library-pl-export:hover{border-color:var(--accent)!important;background:var(--accent)!important;color:var(--on-accent)!important}.library-export-label{font-size:11px;font-weight:600}.library-connect-banner{display:flex;align-items:center;gap:12px;margin-bottom:8px}.library-connect-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg-glass-hover);border-radius:50%;flex-shrink:0}.library-connect-info{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--text-secondary)}.library-connect-btn{align-self:flex-start;padding:6px 14px;background:var(--accent);border:none;border-radius:var(--radius-sm);color:var(--on-accent);font-size:12px;font-weight:500;cursor:pointer}.library-connect-btn:disabled{opacity:.5;cursor:default}.history-page{max-width:1400px;margin:0 auto;animation:slideUp .4s ease-out}.history-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:28px}.history-header h2{font-size:1.8rem;font-weight:700;letter-spacing:-.02em}.history-subtitle{color:var(--text-secondary);font-size:14px;margin-top:4px}.history-group{margin-bottom:24px}.history-date{font-size:12px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;padding-left:4px}.history-list{display:flex;flex-direction:column;gap:4px}.history-item{display:flex;align-items:center;gap:12px;transition:background .15s}.history-item:hover{background:var(--bg-glass-hover)}.previewable-art-wrapper{position:relative;flex-shrink:0;z-index:1}.previewable-art-wrapper:has(.preview-embed-popup){z-index:200}.previewable-art{position:relative;cursor:pointer;border-radius:8px;overflow:hidden}.previewable-art img{width:100%;height:100%;object-fit:cover;display:block}.preview-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000080;color:#fff;opacity:0;transition:opacity .15s;border-radius:8px}.previewable-art:hover .preview-overlay,.previewable-art.playing .preview-overlay{opacity:1}.previewable-art.playing{box-shadow:0 0 0 2px var(--accent-primary)}.preview-embed-popup{position:absolute;top:calc(100% + 8px);left:0;z-index:100;background:var(--bg-card);border-radius:12px;box-shadow:0 8px 32px #0006;padding:6px;animation:preview-pop-in .15s ease}.preview-embed-popup iframe{border-radius:8px;display:block}.preview-embed-close{position:absolute;top:-8px;right:-8px;width:22px;height:22px;border-radius:50%;border:none;background:var(--bg-glass);color:var(--text-primary);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;z-index:1}.preview-embed-close:hover{background:var(--bg-glass-hover)}@keyframes preview-pop-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.history-art{width:44px;height:44px;border-radius:8px;object-fit:cover}.history-info{flex:1;display:flex;flex-direction:column}.history-name{font-size:14px;font-weight:500}.history-artist{font-size:12px;color:var(--text-secondary)}.history-time{font-size:12px;color:var(--text-tertiary)}.upgrade-page{max-width:1400px;margin:0 auto;animation:slideUp .4s ease-out}.upgrade-header{text-align:center;margin-bottom:40px}.upgrade-header h2{font-size:2rem;font-weight:700;margin-bottom:8px;letter-spacing:-.02em}.upgrade-subtitle{color:var(--text-secondary);font-size:16px;margin-bottom:24px}.billing-toggle{display:inline-flex;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:50px;padding:4px}.billing-btn{padding:10px 24px;border:none;border-radius:50px;background:transparent;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:transform .2s,opacity .2s;display:flex;align-items:center;gap:8px}.billing-btn.active{background:var(--gradient);color:var(--on-accent)}.save-badge{font-size:10px;font-weight:700;background:#34d39933;color:#34d399;padding:2px 8px;border-radius:10px}[data-theme-mode=light] .save-badge{color:#047857;background:#0478571f}.billing-btn.active .save-badge{background:rgba(var(--on-accent-rgb),.16);color:var(--on-accent)}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:40px}.plan-card{position:relative;transition:transform .3s,opacity .3s}.plan-card:hover{border-color:#ffffff26;transform:translateY(-2px)}.plan-card.featured{border-color:var(--accent);box-shadow:0 0 30px rgba(var(--accent-rgb),.1)}.plan-popular{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--gradient);color:var(--on-accent);font-size:11px;font-weight:700;padding:4px 16px;border-radius:20px;letter-spacing:.03em}.plan-header{text-align:center;margin-bottom:24px}.plan-header h3{font-size:1.2rem;margin-bottom:12px}.plan-price{display:flex;align-items:baseline;justify-content:center;gap:2px}.price-amount{font-size:2.4rem;font-weight:700}.price-period{font-size:14px;color:var(--text-secondary)}.plan-billed{font-size:12px;color:var(--text-tertiary);margin-top:4px}.plan-features{list-style:none;margin-bottom:24px;display:flex;flex-direction:column;gap:10px}.plan-features li{font-size:13px;color:var(--text-secondary);display:flex;align-items:center;gap:8px}.feature-icon{color:var(--text-tertiary);font-weight:600}.feature-icon.pro{color:var(--accent-text)}.plan-btn{width:100%;padding:12px;border:1px solid var(--border-glass);border-radius:50px;background:transparent;color:var(--text-secondary);font-size:14px;font-weight:600;cursor:pointer;transition:transform .2s,opacity .2s}.plan-btn:hover{border-color:var(--accent);color:var(--text-primary)}.plan-btn:disabled{opacity:.4;cursor:not-allowed}.pro-btn{background:var(--gradient);border:none;color:var(--on-accent)}.pro-btn:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 6px 20px rgba(var(--accent-rgb),.3)}.current-btn{background:var(--bg-glass-hover);border-color:transparent}.upgrade-error{background:#f871711a;border:1px solid rgba(248,113,113,.3);color:var(--danger);padding:12px 16px;border-radius:10px;font-size:14px;margin-bottom:20px;text-align:center}.manage-section{text-align:center;margin-top:24px}.manage-btn{background:var(--bg-tertiary);border:1px solid var(--border-glass);color:var(--text-secondary);padding:12px 28px;border-radius:10px;font-size:14px;cursor:pointer;transition:transform .2s,opacity .2s}.manage-btn:hover{border-color:var(--accent);color:var(--text-primary)}.manage-btn:disabled{opacity:.5;cursor:not-allowed}.upgrade-wallet-note{text-align:center}.upgrade-pay-unavailable{text-align:center;margin:8px 0 0}.upgrade-footer{text-align:center;color:var(--text-tertiary);font-size:13px}.upgrade-footer p{margin-bottom:4px}.restore-btn{background:none;border:none;color:var(--accent-text);font-size:13px;cursor:pointer;padding:8px 16px;text-decoration:underline;opacity:.8;transition:opacity .2s}.restore-btn:hover{opacity:1}.restore-btn:disabled{opacity:.4;cursor:not-allowed}.settings-page{max-width:1000px;margin:0 auto;animation:slideUp .4s ease-out}.settings-page>h2{font-size:1.8rem;font-weight:700;letter-spacing:-.02em;margin-bottom:32px}.settings-section{margin-bottom:20px}.settings-section h3{font-size:1rem;font-weight:600;margin-bottom:4px}.section-hint{font-size:13px;color:var(--text-secondary);margin-bottom:20px}.profile-card{display:flex;align-items:center;gap:16px;padding:16px 0 0;flex-wrap:wrap}.profile-avatar{width:56px;height:56px;border-radius:50%;border:2px solid var(--border-glass);object-fit:cover}.profile-avatar-placeholder{width:56px;height:56px;border-radius:50%;border:2px solid var(--border-glass);background:var(--gradient);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:var(--on-accent);flex-shrink:0}.profile-info{flex:1;display:flex;flex-direction:column;gap:2px}.profile-name{font-weight:600;font-size:16px}.profile-email{font-size:13px;color:var(--text-secondary)}.profile-plan{font-size:11px;color:var(--accent-text);background:var(--gradient-subtle);padding:2px 10px;border-radius:10px;width:fit-content;margin-top:4px;font-weight:600}.btn-upgrade{padding:10px 22px;background:var(--gradient);border:none;border-radius:50px;color:var(--on-accent);font-size:13px;font-weight:600;cursor:pointer;transition:transform .2s,opacity .2s}.btn-upgrade:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 6px 20px rgba(var(--accent-rgb),.3)}.profile-card-actions{display:flex;gap:10px;align-items:center}.btn-secondary{padding:8px 18px;background:transparent;border:1px solid var(--border-glass);border-radius:50px;color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:transform .2s,opacity .2s}.btn-secondary:hover{border-color:var(--accent);color:var(--accent-text)}.profile-edit-card{padding:20px 0;display:flex;flex-direction:column;gap:20px}.profile-edit-pic{display:flex;align-items:center;gap:16px}.profile-edit-pic .profile-avatar{width:72px;height:72px}.profile-edit-pic .profile-avatar-placeholder{width:72px;height:72px;font-size:28px}.profile-pic-change{font-size:13px;color:var(--accent-text);cursor:pointer;font-weight:500}.profile-pic-change:hover{text-decoration:underline}.profile-edit-fields{display:flex;flex-direction:column;gap:16px}.profile-edit-field{display:flex;flex-direction:column;gap:4px;min-width:0}.profile-edit-field .auth-input{width:100%;box-sizing:border-box}.profile-edit-field label{font-size:13px;font-weight:600;color:var(--text-secondary)}.profile-edit-row{display:flex;gap:12px}.profile-edit-row .profile-edit-field{flex:1}.profile-edit-hint{font-size:11px;color:var(--text-secondary);opacity:.8}.profile-edit-hint.warn{color:#f59e0b}.profile-edit-msg{font-size:13px;color:var(--accent-text);padding:8px 0}.profile-edit-msg.success{margin-top:8px}.profile-edit-actions{display:flex;gap:12px}.btn-primary{padding:10px 22px;background:var(--gradient);border:none;border-radius:50px;color:var(--on-accent);font-size:13px;font-weight:600;cursor:pointer;transition:transform .2s,opacity .2s}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.theme-card{background:var(--bg-glass-hover);border:2px solid transparent;border-radius:var(--radius-sm);padding:14px;cursor:pointer;text-align:center;transition:transform .2s,opacity .2s;display:flex;flex-direction:column;align-items:center;gap:8px}.theme-card:hover{border-color:var(--border-glass)}.theme-card.active{border-color:var(--accent);box-shadow:0 0 20px rgba(var(--accent-rgb),.15)}.theme-preview{width:100%;height:48px;border-radius:var(--radius-xs);overflow:hidden;display:flex;flex-direction:column}.theme-swatch{flex:1}.theme-accent-row{display:flex;height:10px}.theme-accent{flex:1}.theme-name{font-size:13px;font-weight:600;color:var(--text-primary)}.theme-desc{font-size:11px;color:var(--text-secondary)}.theme-card .theme-badge{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:2px 6px;border-radius:4px;background:linear-gradient(135deg,#88c8ff,#e0aaff);color:#0a0a14}.theme-card.locked{opacity:.6;cursor:not-allowed}.theme-card.locked:hover{border-color:transparent}.custom-theme-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:300;color:#fffc}.custom-theme-builder{margin-top:16px;padding:18px;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius)}.custom-builder-controls{display:flex;gap:24px;align-items:flex-start}.custom-control{display:flex;flex-direction:column;gap:8px}.custom-label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em}.custom-color-row{display:flex;align-items:center;gap:10px}.custom-color-input{width:40px;height:40px;border:2px solid var(--border-glass);border-radius:10px;cursor:pointer;background:none;padding:2px}.custom-color-input::-webkit-color-swatch-wrapper{padding:0}.custom-color-input::-webkit-color-swatch{border:none;border-radius:6px}.custom-color-hex{font-size:13px;font-family:monospace;color:var(--text-secondary)}.custom-adjusted-note{display:flex;align-items:center;gap:6px;margin:0;font-size:12px;line-height:1.4;color:var(--bb-text-3)}.custom-adjusted-note svg{flex:none}.custom-mode-toggle{display:flex;gap:4px;background:var(--bg-glass);border-radius:10px;padding:3px;border:1px solid var(--border-glass)}.custom-mode-btn{padding:6px 16px;border:none;border-radius:8px;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:transform .2s,opacity .2s}.custom-mode-btn.active{background:var(--gradient);color:var(--on-accent)}.theme-tier{margin-bottom:18px}.theme-tier:last-child{margin-bottom:0}.theme-tier-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);margin-bottom:10px;display:flex;align-items:center;gap:6px}.tier-lock{font-size:11px}.accounts-list{display:flex;flex-direction:column;gap:8px}.account-row{display:flex;align-items:center;gap:14px}.account-icon{font-size:20px}.account-info{flex:1;display:flex;flex-direction:column}.account-name{font-size:14px;font-weight:500}.account-status{font-size:12px;color:var(--text-secondary)}.account-status.connected{color:var(--success)}.account-badge{font-size:11px;padding:4px 12px;border-radius:20px;font-weight:600}.account-badge.connected{background:#34d39926;color:var(--success)}.account-btn{padding:7px 18px;border:1px solid var(--border-glass);border-radius:20px;background:transparent;color:var(--text-secondary);font-size:12px;cursor:pointer;transition:transform .2s,opacity .2s}.account-btn:hover{border-color:var(--accent);color:var(--text-primary)}.account-btn.connect{border-color:var(--accent);color:var(--accent-text)}.account-btn.connect:hover{background:var(--gradient-subtle)}.account-btn.disconnect{border-color:#f8717166;color:#f87171;font-size:11px;padding:4px 10px}.account-btn.disconnect:hover{background:#f871711a}.account-actions-row{display:flex;align-items:center;gap:8px;flex-shrink:0}.account-btn:disabled{opacity:.3;cursor:not-allowed}.account-desc{font-size:11px;color:var(--text-tertiary)}.account-actions{padding-top:8px}.playback-source-toggle{display:flex;flex-direction:column;gap:8px}.source-btn{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius-sm);background:var(--bg-glass);border:1px solid var(--border-glass);color:var(--text-primary);cursor:pointer;transition:transform .2s,opacity .2s;text-align:left}.source-btn:hover:not(:disabled){background:var(--bg-glass-hover)}.source-btn.active{border-color:var(--accent);background:rgba(var(--accent-rgb),.08)}.source-btn:disabled{opacity:.4;cursor:not-allowed}.source-icon{font-size:20px;flex-shrink:0}.source-label{display:flex;flex-direction:column}.source-name{font-size:14px;font-weight:600}.source-desc{font-size:12px;color:var(--text-secondary)}.track-search-source-toggle{display:flex;gap:4px;margin-bottom:8px}.search-source-btn{flex:1;padding:6px 8px;border-radius:var(--radius-xs);background:var(--bg-glass);border:1px solid var(--border-glass);color:var(--text-secondary);font-size:12px;font-weight:600;cursor:pointer;transition:transform .2s,opacity .2s}.search-source-btn.active{background:var(--gradient-subtle);border-color:var(--accent);color:var(--text-primary)}.track-search-tabs{display:flex;gap:4px;margin-bottom:10px}.search-tab-btn{flex:1;padding:8px 12px;border-radius:8px;background:var(--bg-glass);border:1px solid var(--border-glass);color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:transform .2s,opacity .2s}.search-tab-btn.active{background:var(--gradient-subtle);border-color:var(--accent);color:var(--text-primary)}.track-search-playlists{display:flex;flex-direction:column;gap:8px}.track-playlist-picker{display:flex;flex-wrap:wrap;gap:6px}.track-playlist-chip{padding:6px 14px;border-radius:20px;border:1px solid var(--border-glass);background:transparent;color:var(--text-secondary);font-size:12px;cursor:pointer;transition:transform .15s,opacity .15s}.track-playlist-chip:hover{border-color:var(--accent);color:var(--text-primary)}.track-playlist-chip.active{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.track-add-all-btn{width:100%;padding:8px;border-radius:8px;background:var(--gradient-subtle);border:1px solid var(--accent);color:var(--text-primary);font-size:13px;font-weight:600;cursor:pointer;transition:transform .2s,opacity .2s;margin-bottom:4px}.track-add-all-btn:hover{opacity:.85}.track-add-all-btn:disabled{opacity:.5;cursor:not-allowed}.btn-danger{padding:10px 24px;border:1px solid rgba(248,113,113,.3);border-radius:var(--radius-sm);background:#f871711a;color:var(--danger);font-size:14px;font-weight:500;cursor:pointer;transition:transform .15s,opacity .15s}.btn-danger:hover{background:#f8717133}@media (max-width: 768px){body:before,body:after{display:none}.nav-link-admin{display:none}.login-content{padding:24px 20px 28px;border-radius:20px;width:94%}.login-logo-lockup{margin:-8px auto 16px}.login-buttons{gap:8px}.login-btn{min-height:46px;padding:12px 20px;font-size:14px}.login-divider{margin:10px 0 8px}.login-features{gap:10px}.login-features span{font-size:12px}.sidebar-logo-wrap,.sidebar-user{display:none}.mini-player{position:fixed!important;bottom:calc(56px + var(--sab));left:0;right:0;width:100%;z-index:19;margin:0;padding:6px 10px;border-radius:0;border:none;border-top:1px solid var(--border-glass);background:var(--bg-secondary);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex!important;flex-direction:row;align-items:center;gap:6px}.mini-player-track{flex:1;min-width:0;gap:6px}.mini-art{width:28px;height:28px;border-radius:4px;flex-shrink:0}.mini-info{gap:0}.mini-name{font-size:11px}.mini-artist{font-size:9px}.mini-embed{display:none}.mini-player .yt-mini-controls{display:flex!important;flex-direction:row;align-items:center;gap:6px;padding:0;flex-shrink:0}.mini-player .yt-mini-play{width:28px;height:28px;font-size:12px;flex-shrink:0}.mini-player .yt-mini-progress{flex:0;gap:2px}.mini-player .yt-mini-bar{display:none}.mini-player .yt-mini-times{font-size:10px;gap:6px;white-space:nowrap}.yt-mini-loading{font-size:10px;flex-shrink:0}.mini-stars{display:none}.mini-actions{flex-shrink:0;gap:6px;flex-direction:row}.mini-actions .mini-btn{padding:4px 8px;font-size:14px}.mini-player-upgrade{display:none!important}.nav-links{flex-direction:row;justify-content:space-around;width:100%;gap:0}.nav-link{flex-direction:column;gap:2px;font-size:10px;padding:4px 2px 2px;min-width:0;min-height:44px;justify-content:center;flex:1;white-space:nowrap;border-radius:10px;position:relative;color:var(--text-tertiary);background:none;box-shadow:none}.nav-link.active{background:var(--gradient-subtle);color:var(--accent-text);box-shadow:none}.nav-icon{width:22px;height:22px}.upgrade-nav .nav-icon{width:18px;height:18px}html,body,#root{overflow-x:hidden}.discover-page{max-width:100%;height:auto;overflow:auto}.discover-header{margin-bottom:8px;flex-wrap:wrap;gap:6px}.discover-header h2{font-size:1.3rem}.discover-logo{display:flex!important}.discover-header-right{gap:8px}.xp-bar-widget{min-width:90px}.track-counter{padding:4px 10px;font-size:11px}.discover-search{flex-direction:row;gap:8px}.search-input{padding:10px 14px 10px 36px;font-size:14px}.search-btn{padding:10px 16px;font-size:13px;white-space:nowrap}.genre-filter-bar{gap:5px;margin-bottom:8px;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}.genre-filter-bar::-webkit-scrollbar{display:none}.genre-filter-chip{padding:4px 10px;font-size:10px;flex-shrink:0}.discover-content{grid-template-columns:1fr;gap:8px;margin-bottom:12px}.now-playing{display:block;overflow:hidden}.now-playing-art{width:100%;object-fit:cover;max-height:30vh}.now-playing-meta{padding:4px 10px 6px}.audio-preview-embed{padding:4px}.audio-preview-embed iframe{height:70px!important;min-height:70px}.btn-quick-next{display:inline-block}.rating-widget{padding:10px 12px;max-height:none}.rating-row{gap:4px;padding:3px 0}.rating-label{min-width:55px}.rating-name{font-size:13px}.rating-icon{font-size:.95rem}.stars button{font-size:20px;padding:1px}.rating-desc-inline{display:none}.rating-actions{flex-direction:row;gap:6px}.rating-actions button{flex:1;padding:8px;font-size:13px}.up-next{margin-bottom:8px;padding:8px 10px;margin-top:6px}.up-next h4{font-size:10px;margin-bottom:4px}.up-next-list{flex-direction:column;gap:4px}.up-next-list .song-card{padding:6px 8px;gap:8px}.song-art{width:32px;height:32px;border-radius:4px}.song-name{font-size:12px}.song-artist{font-size:11px}.dashboard-page{max-width:100%}.dashboard-page h2{font-size:1.3rem;margin-bottom:12px}.stats-grid{grid-template-columns:repeat(3,1fr);gap:6px}.stat-card{padding:10px 4px;border-radius:10px}.stat-value{font-size:1.1rem}.stat-label{font-size:9px}.dashboard-section{margin-bottom:14px}.dashboard-section h3{font-size:14px}.distribution-chart{gap:4px}.top-rated-item{padding:6px;gap:10px}.taste-bar-container{gap:6px}.taste-label{font-size:12px;min-width:80px}.ratings-page{max-width:100%}.ratings-header{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:16px}.ratings-header h2{font-size:1.5rem}.filter-tabs{width:100%}.filter-tab{flex:1;text-align:center;font-size:12px;padding:8px 6px}.rating-item-main,.top-rated-item{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:6px 10px;padding:10px 12px}.rating-item-art,.top-rated-art{grid-row:1;grid-column:1;width:42px;height:42px}.rating-item-info,.top-rated-info{grid-row:1;grid-column:2;min-width:0}.rating-item-score,.top-rated-score{grid-row:1;grid-column:3}.rating-item-main>.song-actions,.top-rated-item>.song-actions{grid-row:2;grid-column:1 / 3}.rating-item-main>.top10-add-btn,.rating-item-main>.top10-badge{grid-row:2;grid-column:3;justify-self:end}.rating-item-name,.top-rated-name{font-size:13px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rating-item-artist,.top-rated-artist{font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rating-item-score,.top-rated-score{font-size:.95rem;white-space:nowrap}.rating-item-details{padding:0 12px 12px}.top10-add-btn{font-size:11px;padding:3px 6px}.top10-header{padding:12px 14px}.top10-item{padding:8px;gap:6px;cursor:default}.top10-rank{font-size:12px;min-width:22px}.top10-grip{display:none}.top10-arrows{display:flex;flex-direction:column;gap:2px;flex-shrink:0}.top10-name{font-size:12px}.top10-artist{font-size:11px}.top10-art{width:36px!important;height:36px!important}.top10-remove{opacity:1;font-size:12px}.top10-score{font-size:12px}.history-page{max-width:100%}.history-header{flex-direction:column;align-items:flex-start;gap:8px}.achievements-page{max-width:100%}.achievements-header h2{font-size:1.3rem}.achievements-stats-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;width:100%;margin-bottom:16px}.ach-stat{padding:8px 4px;min-width:0;width:100%;box-sizing:border-box;border-radius:10px}.ach-stat-value{font-size:1rem}.ach-stat-label{font-size:7px;letter-spacing:.03em}.achievements-grid{grid-template-columns:repeat(2,1fr);gap:6px}.ach-card{padding:8px;gap:6px;flex-direction:column;align-items:flex-start;text-align:left}.ach-card-icon{font-size:20px}.ach-card-name{font-size:11px}.ach-card-desc{font-size:9px}.ach-card-check{position:absolute;top:4px;right:6px;font-size:12px;margin-left:0}.ach-card.unlocked,.ach-card.locked{position:relative}.achievements-xp-section{padding:10px 12px;margin-bottom:12px}.achievements-xp-level{font-size:14px}.achievements-section-title{font-size:12px}.onboarding-card{padding:20px 16px;border-radius:20px;width:100%;max-width:100%}.onboarding-page{padding:12px 12px 0;gap:2px;justify-content:flex-start}.onboarding-single{max-height:none;overflow-y:visible}.onboarding-steps{margin-bottom:14px}.onboarding-field-row{flex-direction:column;gap:14px}.onboarding-actions{position:static;background:none;padding:4px 0 0}.onboarding-next{min-width:0;width:100%}.onboarding-title{font-size:1.3rem}.onboarding-subtitle{font-size:13px;margin-bottom:12px}.onboarding-section{margin-bottom:16px}.onboarding-chips{gap:6px}.onboarding-chip{padding:6px 12px;font-size:12px}.settings-page{max-width:100%}.plans-grid{grid-template-columns:1fr}.achievement-badge-row{padding:10px 14px}.achievement-icon{font-size:26px}.achievement-name{font-size:14px}.preview-embed-popup{position:fixed;top:auto;bottom:80px;left:12px;right:12px;z-index:200}.preview-embed-popup iframe{width:100%}.library-page{max-width:100%}.library-header{margin-bottom:16px}.library-header h2{font-size:1.4rem}.library-tabs{gap:0;margin-bottom:12px}.library-tab{flex:1;text-align:center;padding:10px 8px;font-size:14px}.library-toolbar{gap:8px;margin-bottom:12px;flex-direction:column}.library-search-wrap{min-width:0;width:100%;padding:10px 12px}.library-search{font-size:15px}.library-sort-tabs{width:100%}.library-sort-tab{flex:1;text-align:center;padding:8px 6px;font-size:12px}.library-service-tabs{gap:6px;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}.library-service-tabs::-webkit-scrollbar{display:none}.library-service-tab{flex-shrink:0;padding:8px 14px;font-size:13px}.library-item{padding:10px;gap:10px}.library-play-area{gap:10px}.library-name{font-size:14px}.library-artist{font-size:12px}.library-new-playlist-btn{width:100%;text-align:center;padding:12px;font-size:14px}.library-create-form{flex-direction:column;gap:8px}.library-create-input{font-size:15px;padding:12px}.library-create-btn,.library-create-cancel{padding:12px;font-size:14px}.library-playlist-card{border-radius:12px}.library-playlist-header{padding:12px;gap:8px}.library-playlist-name{font-size:15px}.library-playlist-count{font-size:12px}.library-playlist-actions{gap:6px}.library-pl-action{min-width:36px;min-height:36px;font-size:16px}.library-pl-export{padding:6px 12px!important}.library-export-label{font-size:12px}.library-pl-delete{min-width:36px;min-height:36px}.library-playlist-song{padding:8px 10px}.library-playlist-song-play{gap:8px}.library-playlist-song-art{width:36px;height:36px}.library-playlist-song-name{font-size:13px}.library-playlist-song-artist{font-size:11px}.library-playlist-song-remove{opacity:1;font-size:20px;min-width:32px;min-height:32px}.library-connect-banner{flex-direction:column;text-align:center;padding:16px}.library-connect-info{align-items:center}.library-connect-btn{align-self:center;padding:10px 20px;font-size:14px}.export-modal{max-width:100%;max-height:85vh;width:calc(100% - 24px);border-radius:16px}.export-playlist-list{max-height:45vh}.export-playlist-item{padding:12px;gap:12px}.export-checkbox{width:24px;height:24px}.export-go-btn,.export-done-btn{padding:14px;font-size:15px}.profile-page{max-width:100%}.profile-header{margin-bottom:16px;gap:12px}.profile-user-info{gap:10px}.profile-avatar{width:48px;height:48px}.profile-avatar-placeholder{font-size:18px}.profile-display-name{font-size:1.2rem}.profile-email{font-size:12px}.profile-tabs{gap:0;margin-bottom:16px;justify-content:space-evenly}.profile-tab{padding:10px 0;font-size:12px;gap:4px;flex:1;justify-content:center}.profile-tab-icon{font-size:16px}.profile-tab-label{display:none}.upgrade-page{max-width:100%}.billing-toggle{width:100%}.billing-btn{flex:1;padding:6px 10px;font-size:12px;justify-content:center;gap:6px}.save-badge{font-size:9px;padding:1px 6px}.upgrade-header{margin-bottom:20px}.upgrade-header h2{font-size:1.2rem;margin-bottom:6px}.upgrade-subtitle{font-size:12px;margin-bottom:14px}.plans-grid{gap:14px;margin-bottom:20px}.plan-card{padding:16px;border-radius:14px;position:relative}.plan-header{margin-bottom:0;cursor:pointer;display:flex;align-items:center;gap:10px;text-align:left;flex-wrap:wrap}.plan-billed{min-width:0}.plan-header h3{font-size:1rem;margin-bottom:0;flex-shrink:0}.plan-price{display:flex;align-items:baseline;gap:2px}.price-amount{font-size:1.1rem}.price-period{font-size:11px}.plan-billed{font-size:10px;color:var(--text-tertiary)}.plan-expand-toggle{font-size:11px;color:var(--accent-text);margin-left:auto;flex-shrink:0;padding:5px 10px;border-radius:8px;background:rgba(var(--accent-rgb),.1)}.plan-features{margin-top:10px;margin-bottom:10px;gap:4px;padding:10px 0 0;border-top:1px solid var(--border-glass)}.plan-features li{font-size:12px;gap:6px;line-height:1.4}.plan-btn{padding:10px;font-size:13px;margin-top:6px}.plan-popular{font-size:9px;padding:3px 10px;top:-8px}.plan-card.current{opacity:.7}.plan-card.plan-upgrade-option{border:1px solid rgba(var(--accent-rgb),.3)}.plan-card.featured.plan-upgrade-option{border-color:var(--accent);box-shadow:0 0 20px rgba(var(--accent-rgb),.15)}.plan-upgrade-option .plan-btn{background:var(--gradient);border:none;color:var(--on-accent)}.plan-upgrade-option .plan-btn:hover{opacity:.9}.upgrade-footer{margin-top:16px}.upgrade-footer p{font-size:11px}.dj-genre-filter .genre-filter-chip{display:none}.dj-genre-filter.expanded .genre-filter-chip,.dj-genre-filter .genre-filter-chip.active{display:inline-flex}.dj-genre-toggle-btn{display:flex!important;align-items:center;gap:4px;padding:6px 14px;border-radius:20px;border:1px solid var(--border-glass);background:var(--bg-glass-hover);color:var(--text-secondary);font-size:12px;cursor:pointer;flex-shrink:0;order:-1}.main-content:has(.discover-page){overflow:auto;height:auto;-webkit-overflow-scrolling:touch}.discover-page{min-height:0;height:auto;overflow:visible}.discover-right-col{overflow:visible}.discover-search{margin-bottom:6px}.search-input{font-size:13px;padding:10px 12px}.search-input::placeholder{font-size:12px;text-align:left}.search-icon{display:none}.track-comments{flex:none;min-height:0}.track-comments-list{max-height:120px;padding:4px 8px}.track-comments-input{padding:6px 8px;gap:6px}.track-comments-input input{font-size:12px;padding:8px}.track-comments-input button{padding:8px 10px;font-size:12px}.modal-overlay{padding:12px}.modal-content{padding:20px;max-height:85vh;max-height:85dvh;border-radius:16px;overflow-y:auto;flex-shrink:0}.modal-close{top:8px;right:12px;font-size:32px;min-width:44px;min-height:44px}.playlist-modal{max-height:80vh}h2{word-break:break-word}.song-action-btn{width:36px;height:36px;font-size:16px}.song-actions-compact .song-action-btn{width:32px;height:32px;font-size:14px}}.discover-header-right{display:flex;align-items:center;gap:16px}.xp-bar-widget{display:flex;flex-direction:column;align-items:flex-end;gap:2px;min-width:120px}.xp-level-row{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600}.xp-level{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.xp-streak{font-size:12px;color:var(--accent2-text)}.xp-bar-track{width:100%;height:4px;background:var(--bg-glass);border-radius:2px;overflow:hidden}.xp-bar-fill{height:100%;background:var(--gradient);border-radius:2px;transition:width .6s ease}.xp-label{font-size:10px;color:var(--text-tertiary)}.achievements-page{max-width:1400px;margin:0 auto;animation:slideUp .4s ease-out}.achievements-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.achievements-header h2{font-size:2rem;font-weight:700}.achievements-stats-bar{display:flex;gap:24px;margin-bottom:28px;flex-wrap:wrap}.ach-stat{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:100px}.ach-stat-value{font-size:1.5rem;font-weight:700;background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ach-stat-label{font-size:11px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.achievements-xp-section{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:16px;padding:20px 24px;margin-bottom:28px}.achievements-xp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.achievements-xp-level{font-size:1.1rem;font-weight:700;background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.achievements-xp-amount{font-size:13px;color:var(--text-secondary)}.achievements-xp-track{width:100%;height:10px;background:var(--bg-glass-hover);border-radius:5px;overflow:hidden}.achievements-xp-fill{height:100%;background:var(--gradient);border-radius:5px;transition:width .8s ease}.achievements-section{margin-bottom:32px}.achievements-section-title{font-size:15px;font-weight:600;color:var(--text-secondary);margin-bottom:12px;display:flex;align-items:center;gap:8px}.achievements-section-count{font-size:12px;color:var(--text-tertiary);background:var(--bg-glass);padding:2px 8px;border-radius:10px}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}.ach-card{display:flex;align-items:center;gap:14px;transition:transform .2s,opacity .2s}.ach-card.unlocked{border-color:rgba(var(--accent-rgb),.38)}.ach-card.locked{opacity:.5}.ach-card-icon{font-size:28px;flex-shrink:0}.ach-card.locked .ach-card-icon{filter:grayscale(1)}.ach-card-info{display:flex;flex-direction:column;gap:1px}.ach-card-name{font-size:14px;font-weight:600;color:var(--text-primary)}.ach-card-desc{font-size:12px;color:var(--text-secondary)}.ach-card-date{font-size:10px;color:var(--text-tertiary);margin-top:2px}.ach-card-check{margin-left:auto;color:var(--accent-text);font-size:18px;flex-shrink:0}.beta-badge{display:inline-block;padding:2px 8px;font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--on-accent);background:var(--gradient);border-radius:20px;line-height:1.6;flex-shrink:0;animation:betaPulse 3s ease-in-out infinite}@keyframes betaPulse{0%,to{opacity:1}50%{opacity:.75}}.sidebar-beta{margin-left:6px;font-size:9px;padding:1px 6px;vertical-align:middle}.landing-page{min-height:100vh;background:var(--bg-primary);overflow-x:hidden;position:relative;z-index:0;isolation:isolate}.landing-orb{position:fixed;border-radius:50%;pointer-events:none;z-index:-1;filter:blur(120px)}.landing-orb-1{width:600px;height:600px;top:-100px;right:-100px;background:rgba(var(--accent-rgb),.18);animation:orbDrift1 12s ease-in-out infinite alternate}.landing-orb-2{width:500px;height:500px;bottom:10%;left:-80px;background:rgba(var(--accent2-rgb),.14);animation:orbDrift2 15s ease-in-out infinite alternate}.landing-orb-3{width:400px;height:400px;top:50%;left:40%;background:#a855f71f;animation:orbDrift3 18s ease-in-out infinite alternate}@keyframes orbDrift1{0%{transform:translate(0) scale(1)}to{transform:translate(-80px,60px) scale(1.15)}}@keyframes orbDrift2{0%{transform:translate(0) scale(1)}to{transform:translate(60px,-40px) scale(1.1)}}@keyframes orbDrift3{0%{transform:translate(0) scale(1)}to{transform:translate(-40px,30px) scale(.9)}}.landing-notes-container{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;overflow:hidden}.landing-floating-note{position:absolute;bottom:-40px;font-size:24px;opacity:0;animation:mo-float-note linear infinite}@keyframes mo-float-note{0%{transform:translateY(0) rotate(0);opacity:0}10%{opacity:.2}90%{opacity:.2}to{transform:translateY(-110vh) rotate(360deg);opacity:0}}.landing-nav{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:16px 32px;backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);background:#0c0c14bf;border-bottom:1px solid rgba(255,255,255,.06)}.landing-nav-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.landing-nav-btn{padding:10px 24px;border-radius:999px;border:2px solid transparent;background:linear-gradient(var(--bg-primary),var(--bg-primary)) padding-box,var(--gradient) border-box;color:var(--text-primary);font-weight:600;font-size:14px;cursor:pointer;transition:transform .3s,opacity .3s;white-space:nowrap}.landing-nav-btn:hover{background:linear-gradient(#1e1e32,#1e1e32) padding-box,var(--gradient) border-box;transform:translateY(-1px);box-shadow:0 4px 16px rgba(var(--accent-rgb),.2)}.landing-hero{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:60px;max-width:1200px;margin:0 auto;padding:80px 32px 60px;min-height:80vh}.landing-hero-content{flex:1;max-width:560px}.hero-beta{margin-bottom:20px;font-size:11px;padding:4px 14px}.landing-headline{font-family:Righteous,cursive;font-size:clamp(2.4rem,5vw,3.8rem);line-height:1.15;color:var(--text-primary);margin-bottom:20px}.landing-headline-accent{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-subheadline{font-size:1.1rem;line-height:1.7;color:var(--text-secondary);margin-bottom:36px}.landing-cta-row{display:flex;gap:14px;flex-wrap:wrap}.landing-cta-primary{padding:14px 36px;border-radius:999px;border:none;background:var(--gradient);color:var(--on-accent);font-weight:700;font-size:16px;cursor:pointer;transition:transform .3s,opacity .3s;box-shadow:0 4px 24px rgba(var(--accent-rgb),.35)}.landing-cta-primary:hover{transform:translateY(-2px);box-shadow:0 8px 36px rgba(var(--accent-rgb),.5);filter:brightness(1.1)}.landing-cta-secondary{padding:14px 30px;border-radius:999px;border:2px solid transparent;background:linear-gradient(var(--bg-primary),var(--bg-primary)) padding-box,var(--gradient) border-box;color:var(--text-primary);font-weight:600;font-size:15px;cursor:pointer;transition:transform .3s,opacity .3s}.landing-cta-secondary:hover{background:linear-gradient(#1e1e32,#1e1e32) padding-box,var(--gradient) border-box;transform:translateY(-1px);box-shadow:0 4px 16px rgba(var(--accent-rgb),.15)}.landing-hero-visual{flex:0 0 360px}.landing-mockup{width:320px;height:420px;border-radius:24px;border:2px solid transparent;background:linear-gradient(var(--bg-secondary),var(--bg-secondary)) padding-box,var(--gradient) border-box;box-shadow:0 20px 60px #00000080,0 0 80px rgba(var(--accent-rgb),.15);overflow:hidden;position:relative;animation:mockupFloat 5s ease-in-out infinite}@keyframes mockupFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.landing-mockup-screen{width:100%;height:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:24px}.landing-visualizer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.landing-mockup-overlay{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:16px}.landing-mockup-art{width:160px;height:160px;border-radius:16px;overflow:hidden;border:2px solid transparent;background:linear-gradient(#141423,#141423) padding-box,var(--gradient) border-box;animation:artPulse 4s ease-in-out infinite}.landing-mockup-logo{width:100%;height:100%;object-fit:cover;border-radius:14px}@keyframes artPulse{0%,to{box-shadow:0 0 20px rgba(var(--accent-rgb),.25)}50%{box-shadow:0 0 40px rgba(var(--accent-rgb),.5)}}.landing-mockup-meta{display:flex;flex-direction:column;align-items:center;gap:8px}.landing-mockup-title-bar{width:140px;height:12px;border-radius:6px;background:#ffffff40}.landing-mockup-artist-bar{width:90px;height:8px;border-radius:4px;background:#ffffff1f}.landing-mockup-stars{display:flex;gap:6px}.landing-star{font-size:22px;color:var(--star-color);animation:starPop .5s ease forwards;opacity:0;transform:scale(0)}@keyframes starPop{0%{opacity:0;transform:scale(0) rotate(-20deg)}60%{transform:scale(1.3) rotate(5deg)}to{opacity:1;transform:scale(1) rotate(0)}}.landing-features{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:80px 32px}.landing-section-title{font-family:Righteous,cursive;font-size:clamp(1.8rem,3.5vw,2.6rem);text-align:center;margin-bottom:12px;color:var(--text-primary)}.landing-section-subtitle{text-align:center;color:var(--text-secondary);font-size:1.05rem;margin-bottom:48px}.landing-features-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.landing-features-grid>*{flex:0 0 calc((100% - 40px) / 3);max-width:calc((100% - 40px) / 3)}@media (max-width: 900px){.landing-features-grid>*{flex-basis:calc((100% - 20px)/2);max-width:calc((100% - 20px)/2)}}@media (max-width: 560px){.landing-features-grid>*{flex-basis:100%;max-width:100%}}.landing-feature-card{border-radius:var(--radius);padding:28px 24px;text-align:center;transition:transform .4s,opacity .4s;opacity:0;transform:translateY(30px);border:2px solid transparent;background:linear-gradient(#12121ee6,#12121ee6) padding-box,linear-gradient(135deg,rgba(var(--accent-rgb),.4),rgba(var(--accent2-rgb),.4)) border-box}.landing-features.visible .landing-feature-card{animation:fadeSlideUp .6s ease forwards}@keyframes fadeSlideUp{to{opacity:1;transform:translateY(0)}}.landing-feature-card:hover{transform:translateY(-6px);background:linear-gradient(#19192df2,#19192df2) padding-box,var(--gradient) border-box;box-shadow:0 10px 30px rgba(var(--accent-rgb),.15)}.landing-feature-icon{font-size:36px;display:block;margin-bottom:16px}.landing-feature-card h3{font-size:1.1rem;font-weight:700;margin-bottom:8px;color:var(--text-primary)}.landing-feature-card p{font-size:.9rem;line-height:1.6;color:var(--text-secondary)}.landing-how{position:relative;z-index:1;max-width:900px;margin:0 auto;padding:60px 32px 80px}.landing-steps{display:flex;gap:32px;justify-content:center;flex-wrap:wrap}.landing-step{flex:1;min-width:200px;max-width:260px;text-align:center;opacity:0;transform:translateY(30px);padding:24px 16px;border-radius:var(--radius);border:2px solid transparent;background:linear-gradient(#12121ed9,#12121ed9) padding-box,linear-gradient(135deg,rgba(var(--accent-rgb),.3),rgba(var(--accent2-rgb),.3)) border-box;transition:transform .3s,opacity .3s}.landing-step:hover{background:linear-gradient(#19192df2,#19192df2) padding-box,var(--gradient) border-box;transform:translateY(-4px);box-shadow:0 8px 24px rgba(var(--accent-rgb),.12)}.landing-how.visible .landing-step{animation:fadeSlideUp .6s ease forwards}.landing-step-num{width:52px;height:52px;border-radius:50%;background:var(--gradient);display:flex;align-items:center;justify-content:center;font-family:Righteous,cursive;font-size:1.4rem;color:var(--on-accent);margin:0 auto 16px;box-shadow:0 4px 20px rgba(var(--accent-rgb),.35)}.landing-step h3{font-size:1.15rem;font-weight:700;margin-bottom:8px;color:var(--text-primary)}.landing-step p{font-size:.9rem;line-height:1.6;color:var(--text-secondary)}.landing-bottom-cta{position:relative;z-index:1;text-align:center;padding:80px 32px;border-radius:var(--radius);border:2px solid transparent;background:linear-gradient(#12121ee6,#12121ee6) padding-box,var(--gradient) border-box;max-width:900px;margin:40px auto 0}.landing-bottom-cta h2{font-family:Righteous,cursive;font-size:clamp(1.6rem,3vw,2.2rem);margin-bottom:12px;background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-bottom-cta p{color:var(--text-secondary);font-size:1.05rem;margin-bottom:28px}.landing-bottom-cta.visible h2,.landing-bottom-cta.visible p,.landing-bottom-cta.visible .landing-cta-primary{animation:fadeSlideUp .6s ease forwards}.landing-footer{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:24px 32px;margin-top:40px;border-top:1px solid rgba(255,255,255,.06)}.landing-footer-meta{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--text-secondary)}.landing-footer-links{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--text-secondary);white-space:nowrap}.landing-footer-copy{white-space:nowrap}.landing-footer-links a{color:var(--text-secondary);text-decoration:none;transition:color .2s}.landing-footer-links a:hover{color:var(--text-primary)}.landing-footer-company{color:var(--text-secondary);text-decoration:none;transition:color .2s}.landing-footer-company:hover{color:var(--text-primary)}.landing-footer-sep{opacity:1;color:var(--text-tertiary)}@media (max-width: 768px){.landing-hero{flex-direction:column;text-align:center;padding:50px 20px 40px;gap:40px}.landing-hero-visual{flex:none}.landing-mockup{width:260px;height:340px;margin:0 auto}.landing-mockup-art{width:120px;height:120px}.landing-cta-row{justify-content:center}.landing-nav{padding:12px 14px;gap:10px}.landing-nav .logo-img{width:38px!important;height:38px!important}.landing-nav .logo-text{font-size:1.05rem!important}.landing-nav>:first-child{min-width:0}.landing-nav-right{gap:8px}.landing-nav-btn{padding:9px 16px;font-size:13px}.landing-features,.landing-how{padding:50px 16px}.landing-footer{flex-direction:column;gap:12px;text-align:center}.landing-footer-meta{flex-direction:column;gap:8px}.landing-footer-links{gap:10px}.landing-footer-copy{font-size:12px}.landing-subheadline br{display:none}.landing-bottom-cta{margin:40px 16px 0;padding:50px 20px}.landing-orb-1{width:300px;height:300px}.landing-orb-2{width:250px;height:250px}.landing-orb-3{width:200px;height:200px}}.dj-sessions-page{padding:24px;max-width:1200px;margin:0 auto}.dj-sessions-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:16px;flex-wrap:wrap}.dj-sessions-title{font-size:28px;font-weight:700;color:var(--text-primary);margin:0}.dj-sessions-subtitle{color:var(--text-secondary);margin:4px 0 0;font-size:14px}.create-session-trigger{background:var(--gradient);color:var(--on-accent);border:none;padding:12px 24px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:transform .2s,opacity .2s;white-space:nowrap}.create-session-trigger:hover{transform:translateY(-2px);box-shadow:0 4px 20px rgba(var(--accent-rgb),.3)}.dj-invite-section{margin-bottom:28px}.dj-invite-input-wrap{display:flex;gap:8px;max-width:360px}.dj-invite-input{flex:1;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:10px;padding:10px 14px;color:var(--text-primary);font-size:14px;font-family:monospace;letter-spacing:2px;text-transform:uppercase;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}.dj-invite-input::placeholder{letter-spacing:normal;text-transform:none;font-family:inherit;color:var(--text-tertiary, rgba(255,255,255,.3))}.dj-invite-input:focus{outline:none;border-color:var(--accent)}.dj-invite-btn{background:var(--bg-glass-hover);border:1px solid var(--border-glass);border-radius:10px;padding:10px 20px;color:var(--text-primary);font-size:14px;font-weight:600;cursor:pointer;transition:transform .2s,opacity .2s}.dj-invite-btn:hover:not(:disabled){background:var(--accent);border-color:var(--accent)}.dj-invite-btn:disabled{opacity:.4;cursor:default}.dj-invite-error{color:#f87171;font-size:13px;margin-top:6px}.dj-sessions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.session-card{display:flex;flex-direction:column;gap:12px}.session-card-header{display:flex;justify-content:space-between;align-items:center}.session-status-badge{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:3px 8px;border-radius:6px}.session-status-live{background:#ef444433;color:#f87171;animation:live-pulse 2s ease-in-out infinite}.session-status-lobby{background:#fbbf2433;color:#fbbf24}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.6}}.session-participant-count{font-size:13px;color:var(--text-secondary)}.session-card-name{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.session-card-host{display:flex;align-items:center;gap:8px}.session-host-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover}.session-host-name{font-size:13px;color:var(--text-secondary)}.session-card-now-playing{display:flex;align-items:center;gap:10px;background:#ffffff08;padding:8px 10px;border-radius:8px}.session-card-track-art{width:36px;height:36px;border-radius:4px;object-fit:cover}.session-card-track-name{font-size:13px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-card-track-artist{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-card-join-btn{background:var(--gradient);color:var(--on-accent);border:none;padding:10px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:transform .2s,opacity .2s;margin-top:auto}.session-card-join-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px rgba(var(--accent-rgb),.3)}.dj-sessions-loading,.dj-sessions-empty{margin-bottom:28px}.dj-loading-pulse{width:40px;height:40px;border-radius:50%;background:var(--gradient);animation:dj-pulse 1.2s ease-in-out infinite;margin-bottom:16px}@keyframes dj-pulse{0%,to{transform:scale(.8);opacity:.4}50%{transform:scale(1.1);opacity:1}}.dj-empty-icon{font-size:48px;margin-bottom:12px}.dj-sessions-empty h3{color:var(--text-primary);margin:0 0 8px}.dj-sessions-empty p{margin:0 0 20px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;height:100dvh;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;overflow-y:auto}.create-session-modal{background:var(--bg-secondary, rgba(18, 18, 30, .95));border:1px solid var(--border-glass);border-radius:20px;padding:32px;width:100%;max-width:440px;max-height:90vh;max-height:90dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;flex-shrink:0;position:relative;-webkit-backdrop-filter:var(--blur-strong, blur(40px));backdrop-filter:var(--blur-strong, blur(40px))}.genre-dropdown-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;border-radius:10px;border:1px solid var(--border-glass);background:var(--bg-glass);color:var(--text-primary);font-size:14px;font-weight:500;font-family:inherit;cursor:pointer;text-align:left}.genre-dropdown-placeholder{color:var(--text-tertiary)}.genre-dropdown-caret{color:var(--text-tertiary);transition:transform .15s;flex-shrink:0}.genre-dropdown-caret.open{transform:rotate(180deg)}.genre-dropdown-toggle+.genre-tag-picker{margin-top:8px}.modal-close-btn{position:absolute;top:16px;right:16px;background:none;border:none;color:var(--text-secondary);font-size:24px;cursor:pointer;padding:4px 8px;line-height:1}.modal-close-btn:hover{color:var(--text-primary)}.create-session-title{font-size:22px;font-weight:700;color:var(--text-primary);margin:0 0 24px}.create-session-field{margin-bottom:20px}.create-session-field label{display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.create-session-field input{width:100%;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:10px;padding:12px 14px;color:var(--text-primary);font-size:15px;box-sizing:border-box}.create-session-field input:focus{outline:none;border-color:var(--accent)}.visibility-toggle{display:flex;gap:0;border-radius:10px;overflow:hidden;border:1px solid var(--border-glass);margin-bottom:8px}.visibility-btn{flex:1;background:var(--bg-glass);border:none;padding:10px;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:transform .2s,opacity .2s}.visibility-btn.active{background:var(--accent);color:var(--on-accent)}.visibility-hint{font-size:12px;color:var(--text-tertiary, rgba(255,255,255,.35))}.create-session-limits{display:flex;gap:12px;margin-bottom:24px;padding:14px;background:#ffffff08;border-radius:10px}.limit-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px}.limit-label{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.limit-value{font-size:15px;font-weight:600;color:var(--text-primary)}.limit-plan{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.create-session-btn{width:100%;background:var(--gradient);color:var(--on-accent);border:none;padding:14px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,opacity .2s}.create-session-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 20px rgba(var(--accent-rgb),.3)}.create-session-btn:disabled{opacity:.5;cursor:default}.dj-room{display:flex;flex-direction:column;height:calc(100vh - 40px);padding:16px;gap:12px;overflow:hidden}.dj-room-loading,.dj-room-error,.dj-room-ended{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;text-align:center;color:var(--text-secondary);padding:20px}.dj-room-error h2,.dj-room-ended h2{color:var(--text-primary);margin:0 0 8px}.dj-ended-icon{font-size:48px;margin-bottom:12px}.dj-back-btn{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:10px;padding:10px 24px;color:var(--text-primary);font-size:14px;cursor:pointer;margin-top:16px;transition:transform .2s,opacity .2s}.dj-back-btn:hover{background:var(--bg-glass-hover);border-color:var(--accent)}.dj-room-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--border-glass);border-radius:14px;flex-shrink:0}.dj-room-info{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.dj-room-live-count{display:inline-flex;align-items:center}.dj-room-name{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.dj-invite-code-display{font-size:12px;font-family:monospace;letter-spacing:2px;color:var(--accent-text);background:rgba(var(--accent-rgb),.1);padding:4px 10px;border-radius:6px;cursor:default}.dj-session-timer{font-size:12px;font-family:monospace;font-variant-numeric:tabular-nums;color:var(--text-tertiary, rgba(255,255,255,.35));background:#ffffff0a;padding:4px 10px;border-radius:6px}.dj-room-actions{display:flex;gap:8px}.dj-start-btn{background:var(--gradient);color:var(--on-accent);border:none;padding:8px 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:transform .2s,opacity .2s}.dj-start-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px rgba(var(--accent-rgb),.3)}.dj-end-btn{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3);padding:8px 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:transform .2s,opacity .2s}.dj-end-btn:hover{background:#ef444440}.dj-leave-btn{background:var(--bg-glass);border:1px solid var(--border-glass);padding:8px 16px;border-radius:10px;color:var(--text-secondary);font-size:14px;cursor:pointer;transition:transform .2s,opacity .2s}.dj-leave-btn:hover{color:var(--text-primary);border-color:var(--text-secondary)}.dj-room-body{display:flex;gap:12px;flex:1;min-height:0}.dj-room-main{flex:1;display:flex;flex-direction:column;gap:12px;min-width:0}.dj-room-stage-placeholder{flex:1;display:flex;align-items:center;justify-content:center;background:var(--bg-glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--border-glass);border-radius:16px;padding:40px}.dj-stage-message{color:var(--text-secondary);font-size:15px}.dj-room-sidebar{width:260px;flex-shrink:0;display:flex;flex-direction:column;gap:12px}.dj-participants-panel{background:var(--bg-glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--border-glass);border-radius:14px;padding:16px;flex:1;overflow-y:auto}.dj-participants-panel h3{font-size:14px;font-weight:600;color:var(--text-secondary);margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.dj-participants-list{display:flex;flex-direction:column;gap:8px}.dj-participant-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;transition:background .15s}.dj-participant-item:hover{background:#ffffff08}.dj-participant-name{font-size:14px;color:var(--text-primary);display:flex;align-items:center;gap:6px}.dj-host-badge{font-size:10px;font-weight:700;text-transform:uppercase;background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.5px}.club-room{display:flex;gap:12px;flex:1;min-height:0}.club-room-main{flex:1;min-width:280px;max-width:55%;display:flex;flex-direction:column}.club-stage{flex:1;position:relative;background:var(--bg-glass);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--border-glass);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.club-stage-glow{position:absolute;top:-40%;left:50%;transform:translate(-50%);width:80%;height:60%;background:radial-gradient(ellipse,var(--accent) 0%,transparent 70%);opacity:.07;pointer-events:none;z-index:0;animation:club-glow-pulse 4s ease-in-out infinite}@keyframes club-glow-pulse{0%,to{opacity:.07;transform:translate(-50%) scale(1)}50%{opacity:.12;transform:translate(-50%) scale(1.05)}}.club-now-playing{position:relative;z-index:1;padding:16px 20px 12px;display:flex;flex-direction:column;gap:10px}.club-now-playing-header{display:flex;align-items:center;justify-content:space-between}.club-np-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--accent-text)}.club-np-added{font-size:11px;color:var(--text-tertiary, rgba(255,255,255,.35))}.club-np-track{display:flex;align-items:center;gap:14px;padding:4px 0}.club-np-art-wrap{position:relative;flex-shrink:0}.club-np-art{width:56px;height:56px;border-radius:8px;object-fit:cover;display:block;box-shadow:0 4px 16px #0006}.club-np-art-placeholder{display:flex;align-items:center;justify-content:center;background:#ffffff0d;font-size:24px}.club-np-art-pulse{position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:10px;border:2px solid var(--accent);opacity:.5;animation:np-pulse 2s ease-in-out infinite;pointer-events:none}@keyframes np-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.04)}}.club-np-info{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.club-np-name{font-size:16px;font-weight:600;color:var(--text-primary, #fff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.club-np-artist{font-size:13px;color:var(--text-secondary, rgba(255,255,255,.6));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.club-np-controls{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-left:auto}.club-np-play-btn{width:42px;height:42px;border-radius:50%;border:none;background:var(--accent);color:var(--on-accent);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s,opacity .2s;box-shadow:0 2px 12px rgba(var(--accent-rgb),.35)}.club-np-play-btn:hover{transform:scale(1.1);box-shadow:0 4px 20px rgba(var(--accent-rgb),.5)}.club-np-play-btn:active{transform:scale(.95)}.club-np-skip-btn{width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:#ffffff0d;color:var(--text-secondary, rgba(255,255,255,.6));font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s,opacity .2s}.club-np-skip-btn:hover{background:#ffffff1f;color:#fff;border-color:#ffffff40}.club-np-progress{display:flex;flex-direction:column;gap:4px}.club-np-bar{position:relative;width:100%;height:4px;background:#ffffff14;border-radius:2px;overflow:visible}.club-np-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-secondary, #c084fc));border-radius:2px;transition:width .5s linear}.club-np-bar-glow{position:absolute;top:-3px;width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent);transform:translate(-50%);transition:left .5s linear;pointer-events:none}.club-np-times{display:flex;justify-content:space-between;font-size:10px;color:var(--text-tertiary, rgba(255,255,255,.35));font-variant-numeric:tabular-nums}.club-stage-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px 16px;text-align:center;color:var(--text-secondary);z-index:1}.club-stage-icon{font-size:40px;margin-bottom:8px}.club-stage-empty p{margin:0 0 4px;font-size:15px}.club-stage-hint{font-size:13px;color:var(--text-tertiary, rgba(255,255,255,.3))}.club-participants-mini{display:flex;align-items:center;gap:8px}.club-participants-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 6px #22c55e80;animation:participant-pulse 2s ease-in-out infinite}@keyframes participant-pulse{0%,to{opacity:1}50%{opacity:.5}}.club-dance-floor-placeholder{flex:1;position:relative;min-height:200px;z-index:1}.club-floor-grid{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,var(--border-glass) 0px,var(--border-glass) 1px,transparent 1px,transparent 80px),repeating-linear-gradient(0deg,var(--border-glass) 0px,var(--border-glass) 1px,transparent 1px,transparent 80px);opacity:.15;pointer-events:none}.club-avatar-placeholder{position:absolute;display:flex;flex-direction:column;align-items:center;gap:4px;transform:translate(-50%,-50%);z-index:2}.club-avatar-blob{width:40px;height:40px;border-radius:50%;background:hsl(var(--avatar-hue, 280),70%,60%);box-shadow:0 0 16px hsla(var(--avatar-hue, 280),70%,60%,.4);animation:avatar-bounce-placeholder 1.5s ease-in-out infinite;animation-delay:var(--avatar-delay, 0s)}.club-avatar-host .club-avatar-blob{width:52px;height:52px;box-shadow:0 0 24px hsla(var(--avatar-hue, 280),70%,60%,.5)}.club-avatar-name{font-size:11px;color:var(--text-secondary);white-space:nowrap;max-width:80px;overflow:hidden;text-overflow:ellipsis;text-align:center}@keyframes avatar-bounce-placeholder{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-6px) scale(1.03)}}.club-room-side{flex:1;min-width:320px;display:flex;flex-direction:column;gap:10px;min-height:0;overflow:hidden}.club-room-side>.club-collapsible:last-child{flex:1;display:flex;flex-direction:column;min-height:0}.club-room-side>.club-collapsible:last-child.club-collapsible-open{overflow:hidden}.club-room-side>.club-collapsible:last-child .club-collapsible-body{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.club-room-side .club-participants-mini{background:var(--bg-glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--border-glass);border-radius:12px;padding:10px 14px;display:flex;align-items:center;gap:8px}.club-participants-mini h4{margin:0;font-size:13px;font-weight:600;color:var(--text-secondary)}.session-chat{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.session-chat-header{padding:12px 14px 8px;border-bottom:1px solid var(--border-glass);flex-shrink:0}.session-chat-header h3{margin:0;font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.session-chat-messages{flex:1;overflow-y:auto;padding:10px 14px;display:flex;flex-direction:column;gap:6px;min-height:0}.session-chat-empty{color:var(--text-tertiary, rgba(255,255,255,.3));font-size:13px;text-align:center;margin-top:20px}.chat-message{font-size:13px;line-height:1.4;word-break:break-word}.chat-author{font-weight:600;color:var(--accent-text);margin-right:6px}.chat-text{color:var(--text-primary)}.chat-system{text-align:center;padding:4px 0}.chat-system-text{font-size:12px;color:var(--text-tertiary, rgba(255,255,255,.35));font-style:italic}.session-chat-input-wrap{display:flex;gap:6px;padding:10px;border-top:1px solid var(--border-glass);flex-shrink:0}.session-chat-input{flex:1;background:#ffffff0a;border:1px solid var(--border-glass);border-radius:8px;padding:8px 10px;color:var(--text-primary);font-size:13px}.session-chat-input:focus{outline:none;border-color:var(--accent)}.session-chat-input::placeholder{color:var(--text-tertiary, rgba(255,255,255,.3))}.session-chat-send{background:var(--accent);color:var(--on-accent);border:none;padding:8px 14px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:transform .15s,opacity .15s;white-space:nowrap}.session-chat-send:hover:not(:disabled){opacity:.85}.session-chat-send:disabled{opacity:.4;cursor:default}.dj-avatar{display:flex;flex-direction:column;align-items:center;gap:4px;position:relative}.dj-avatar-svg{filter:drop-shadow(0 0 8px color-mix(in srgb,var(--avatar-accent, var(--accent)) 40%,transparent));transition:transform .3s}.dj-avatar-host .dj-avatar-svg{filter:drop-shadow(0 0 14px color-mix(in srgb,var(--avatar-accent, var(--accent)) 50%,transparent))}.avatar-dancing .dj-avatar-svg{animation:avatar-dance 1.4s ease-in-out infinite;animation-delay:var(--avatar-delay, 0s)}.avatar-idle .dj-avatar-svg{animation:avatar-sway 3s ease-in-out infinite;animation-delay:var(--avatar-delay, 0s)}@keyframes avatar-dance{0%,to{transform:translateY(0) scaleY(1) rotate(0)}25%{transform:translateY(-6px) scaleY(.96) rotate(-2deg)}50%{transform:translateY(-2px) scaleY(1.02) rotate(0)}75%{transform:translateY(-8px) scaleY(.94) rotate(2deg)}}@keyframes avatar-sway{0%,to{transform:rotate(0) translateY(0)}33%{transform:rotate(-1.5deg) translateY(-1px)}66%{transform:rotate(1.5deg) translateY(-1px)}}.dj-avatar-label{font-size:11px;color:var(--text-secondary);white-space:nowrap;max-width:80px;overflow:hidden;text-overflow:ellipsis;text-align:center}.dj-avatar-crown-badge{position:absolute;top:-6px;right:-6px;font-size:9px;font-weight:700;background:var(--gradient);color:var(--on-accent);padding:2px 5px;border-radius:4px;letter-spacing:.5px}.dance-floor{flex:1;position:relative;min-height:120px;z-index:1;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 0}.dance-floor-grid{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,var(--border-glass) 0px,var(--border-glass) 1px,transparent 1px,transparent 80px),repeating-linear-gradient(0deg,var(--border-glass) 0px,var(--border-glass) 1px,transparent 1px,transparent 80px);opacity:.08;pointer-events:none}.dance-floor-spotlight{position:absolute;top:0;left:50%;transform:translate(-50%);width:50%;height:50%;background:radial-gradient(ellipse,var(--accent) 0%,transparent 70%);opacity:.06;pointer-events:none}.dance-floor-stage{display:flex;justify-content:center;padding:8px 0;position:relative;z-index:2}.dance-floor-crowd{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 20px;padding:8px 24px 12px;position:relative;z-index:2}.dance-floor-spot{transform:translate(var(--spot-offset-x, 0),var(--spot-offset-y, 0))}.dance-floor-empty-hint{z-index:2;text-align:center}.dance-floor-empty-hint p{color:var(--text-tertiary, rgba(255,255,255,.25));font-size:13px;white-space:nowrap}.dance-floor-reactions{position:absolute;bottom:8px;left:50%;transform:translate(-50%);display:flex;gap:6px;z-index:10;background:var(--glass-bg, rgba(0,0,0,.5));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:24px;padding:6px 12px;border:1px solid var(--glass-border, rgba(255,255,255,.08))}.reaction-btn{background:none;border:none;font-size:22px;cursor:pointer;padding:4px 6px;border-radius:12px;transition:transform .15s,background .15s;line-height:1}.reaction-btn:hover:not(:disabled){transform:scale(1.3);background:var(--glass-hover, rgba(255,255,255,.1))}.reaction-btn:active:not(:disabled){transform:scale(.9)}.reaction-btn-cooldown{opacity:.4;cursor:not-allowed}.dance-floor-floating-emojis{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:8}.floating-emoji{position:absolute;bottom:40px;font-size:28px;animation:floatUp 2.5s ease-out forwards;opacity:0}@keyframes floatUp{0%{opacity:1;transform:translateY(0) scale(1)}30%{opacity:1;transform:translateY(-40px) scale(1.2)}to{opacity:0;transform:translateY(-160px) scale(.6)}}.chat-reaction{padding:2px 8px!important;min-height:auto!important}.chat-reaction-text{font-size:12px;color:var(--text-secondary, rgba(255,255,255,.5));font-style:italic}.chat-reaction .chat-author{font-weight:500;color:var(--text-secondary, rgba(255,255,255,.6))}.club-viz{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden;border-radius:inherit}.club-viz-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.club-viz-css-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.club-viz-ambient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 80%,var(--accent) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,var(--accent-secondary, #c084fc) 0%,transparent 50%);opacity:0;transition:opacity 2s ease}.club-viz-ambient.active{opacity:.06;animation:viz-ambient-pulse 4s ease-in-out infinite}@keyframes viz-ambient-pulse{0%,to{opacity:.04}50%{opacity:.08}}.avatar-customize-trigger{margin-left:auto;background:var(--bg-glass-hover);border:1px solid var(--border-glass);border-radius:8px;padding:5px 12px;color:var(--text-secondary);font-size:11px;cursor:pointer;transition:transform .2s,opacity .2s;white-space:nowrap}.avatar-customize-trigger:hover{color:var(--text-primary);border-color:var(--accent);background:rgba(var(--accent-rgb),.1)}.avatar-customizer{background:var(--bg-secondary, rgba(18, 18, 30, .95));border:1px solid var(--border-glass);border-radius:20px;padding:28px;width:100%;max-width:460px;max-height:85vh;overflow-y:auto;position:relative;-webkit-backdrop-filter:var(--blur-strong, blur(40px));backdrop-filter:var(--blur-strong, blur(40px))}.avatar-customizer-title{font-size:20px;font-weight:700;color:var(--text-primary);margin:0 0 16px}.avatar-customizer-preview{display:flex;justify-content:center;padding:16px 0;margin-bottom:16px;background:#ffffff05;border-radius:12px}.avatar-customizer-section{margin-bottom:18px}.avatar-customizer-section label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.avatar-option-row{display:flex;gap:8px;flex-wrap:wrap}.avatar-shape-btn{background:var(--bg-glass);border:2px solid var(--border-glass);border-radius:10px;padding:6px;cursor:pointer;transition:transform .15s,opacity .15s;display:flex;align-items:center;justify-content:center}.avatar-shape-btn.active{border-color:var(--accent);background:rgba(var(--accent-rgb),.1)}.avatar-shape-btn:hover{border-color:var(--accent)}.avatar-color-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.avatar-color-btn{width:100%;aspect-ratio:1;border-radius:8px;border:2px solid transparent;cursor:pointer;transition:transform .15s,opacity .15s}.avatar-color-btn.active{border-color:#fff;transform:scale(1.15);box-shadow:0 0 8px #ffffff4d}.avatar-color-btn:hover{transform:scale(1.1)}.avatar-expr-btn,.avatar-acc-btn{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:8px;padding:6px 12px;color:var(--text-secondary);font-size:12px;cursor:pointer;transition:transform .15s,opacity .15s;position:relative}.avatar-expr-btn.active,.avatar-acc-btn.active{border-color:var(--accent);color:var(--text-primary);background:rgba(var(--accent-rgb),.1)}.avatar-expr-btn:hover,.avatar-acc-btn:hover:not(:disabled){border-color:var(--accent)}.avatar-acc-btn.locked{opacity:.45;cursor:not-allowed}.avatar-lock-icon{font-size:10px;margin-left:4px}.avatar-save-btn{width:100%;background:var(--gradient);color:var(--on-accent);border:none;padding:12px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:transform .2s,opacity .2s;margin-top:8px}.avatar-save-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px rgba(var(--accent-rgb),.3)}.avatar-save-btn:disabled{opacity:.5;cursor:default}.now-playing-bar{display:flex;align-items:center;gap:16px;padding:12px 16px;background:#0000004d;border-bottom:1px solid var(--border-glass);z-index:3;flex-shrink:0;animation:now-playing-glow 3s ease-in-out infinite}@keyframes now-playing-glow{0%,to{box-shadow:inset 0 -1px 20px rgba(var(--accent-rgb),.05)}50%{box-shadow:inset 0 -1px 30px rgba(var(--accent-rgb),.1)}}.now-playing-track{display:flex;align-items:center;gap:10px;min-width:0;flex-shrink:0}.dj-now-playing .now-playing-art{width:44px;height:44px;border-radius:6px;object-fit:cover;box-shadow:0 2px 8px #0000004d}.now-playing-info{display:flex;flex-direction:column;gap:2px;min-width:0;max-width:180px}.now-playing-name{font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now-playing-artist{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now-playing-progress-wrap{flex:1;display:flex;align-items:center;gap:8px;min-width:0}.now-playing-time{font-size:11px;color:var(--text-tertiary, rgba(255,255,255,.35));font-variant-numeric:tabular-nums;min-width:32px;text-align:center}.now-playing-progress-bar{flex:1;height:4px;background:#ffffff14;border-radius:2px;overflow:hidden}.now-playing-progress-fill{height:100%;background:var(--gradient);border-radius:2px;transition:width 1s linear}.now-playing-controls{flex-shrink:0;display:flex;align-items:center;gap:4px}.now-playing-add-btn{background:none;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:16px;cursor:pointer;padding:2px 8px;color:var(--text-secondary);transition:transform .15s,opacity .15s;line-height:1}.now-playing-add-btn:hover{color:var(--accent-text);border-color:var(--accent);background:rgba(var(--accent-rgb),.1)}.club-toast{position:absolute;top:auto;bottom:8px;left:50%;transform:translate(-50%);height:auto;white-space:nowrap;z-index:10}.now-playing-skip{background:none;border:none;font-size:18px;cursor:pointer;padding:4px 8px;opacity:.6;transition:opacity .15s}.now-playing-skip:hover{opacity:1}.club-mini-sidebar{position:fixed;bottom:80px;left:12px;width:calc(var(--sidebar-width) - 32px);display:flex;flex-direction:column;gap:4px;padding:8px;background:var(--card-bg, rgba(30, 30, 30, .95));border-radius:10px;border:1px solid var(--border, rgba(255,255,255,.08));overflow:hidden;z-index:15}.club-mini-sidebar .club-mini-embed{width:100%;border-radius:6px;overflow:hidden;max-height:80px}.club-mini-sidebar .club-mini-embed iframe{border-radius:6px;display:block}.club-mini-sidebar.club-mini-compact{padding:6px;gap:3px;margin:4px 0}.club-mini-sidebar.club-mini-compact .club-mini-session{font-size:8px;letter-spacing:.6px}.club-mini-sidebar.club-mini-hidden{position:fixed;bottom:0;left:0;width:300px;height:100px;opacity:.01;pointer-events:none;clip:rect(0,0,0,0);overflow:hidden}.club-embed-offscreen{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:.01!important;pointer-events:none!important}.club-mini-sidebar.club-free-bar{border-color:var(--accent, rgba(var(--accent-rgb), .25))}.club-mini-info{display:flex;align-items:center;gap:6px;cursor:pointer;min-width:0;flex-shrink:1}.club-mini-info:hover .club-mini-session{color:var(--accent-text)}.club-mini-art{width:28px;height:28px;border-radius:4px;object-fit:cover;flex-shrink:0}.club-mini-details{display:flex;flex-direction:column;gap:1px;min-width:0}.club-mini-session{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--accent-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s}.club-mini-track{font-size:11px;color:var(--text-secondary, rgba(255,255,255,.6));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.club-spotify-embed,.club-embed-container iframe{border-radius:8px;display:block}.club-mini-leave{flex-shrink:0;padding:4px 10px;border:1px solid rgba(255,100,100,.3);border-radius:5px;background:#ff64641a;color:#ff6b6b;font-size:10px;font-weight:600;cursor:pointer;transition:transform .2s,opacity .2s;width:100%;text-align:center}.club-mini-leave:hover{background:#ff646440;border-color:#ff646480}.club-free-bar{gap:10px}.club-free-bar .club-mini-paused{color:var(--text-tertiary, rgba(255,255,255,.4));font-style:italic}.club-mini-rejoin{flex-shrink:0;padding:6px 14px;border:1px solid var(--accent);border-radius:6px;background:rgba(var(--accent-rgb),.15);color:var(--accent-text);font-size:12px;font-weight:600;cursor:pointer;transition:transform .2s,opacity .2s}.club-mini-rejoin:hover{background:rgba(var(--accent-rgb),.3)}.club-mini-away .club-mini-art{width:40px;height:40px;border-radius:6px}.club-mini-away .club-mini-track{font-size:12px;font-weight:600;color:var(--text-primary, #fff)}.club-mini-artist{font-size:11px;color:var(--text-secondary, rgba(255,255,255,.6));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.club-mini-actions{display:flex;flex-direction:column;gap:6px;margin-top:4px}.club-mini-actions .club-mini-rejoin{width:100%;text-align:center}.club-mini-actions .club-mini-leave{width:100%}.club-mini-upgrade{flex-shrink:0;padding:6px 14px;border:1px solid rgba(255,200,50,.3);border-radius:6px;background:#ffc8321a;color:#ffc832;font-size:11px;font-weight:600;cursor:pointer;transition:transform .2s,opacity .2s}.club-mini-upgrade:hover{background:#ffc83240}.role-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.role-host{background:rgba(var(--accent-rgb),.2);color:var(--accent-text);border:1px solid rgba(var(--accent-rgb),.3)}.role-cohost{background:#a855f733;color:#c084fc;border:1px solid rgba(168,85,247,.3)}.club-my-role{font-size:11px;color:var(--text-secondary, rgba(255,255,255,.6));margin-left:auto;margin-right:8px}.club-participant-list{display:flex;flex-direction:column;gap:4px;max-height:200px;overflow-y:auto}.club-participant-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;background:#ffffff08}.club-participant-row:hover{background:#ffffff0f}.club-participant-name{font-size:12px;color:var(--text-primary, #fff);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.club-participant-actions{display:flex;gap:4px;flex-shrink:0}.role-btn{width:22px;height:22px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:var(--text-secondary, rgba(255,255,255,.6));font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s,opacity .2s}.role-btn:hover{background:#ffffff1f;color:#fff}.role-promote:hover{border-color:#a855f780;color:#c084fc}.role-demote:hover{border-color:#fbbf2480;color:#fbbf24}.role-kick:hover{border-color:#ef444480;color:#ef4444}.club-np-save-volume-row{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.club-np-save-rate{display:flex;align-items:center;gap:12px}.club-np-save-btn{width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:#ffffff0d;color:var(--text-secondary, rgba(255,255,255,.6));font-size:16px;cursor:pointer;transition:transform .2s,opacity .2s;display:flex;align-items:center;justify-content:center}.club-np-save-btn:hover{background:#ffffff1f;color:#fff}.club-np-save-btn.saved{background:rgba(var(--accent-rgb),.2);border-color:rgba(var(--accent-rgb),.4);color:var(--accent-text)}.club-np-stars{display:flex;gap:2px}.club-np-star{width:24px;height:24px;border:none;background:transparent;color:var(--star-empty);font-size:16px;cursor:pointer;transition:transform .15s,opacity .15s;padding:0}.club-np-star:hover{color:#ffc83299;transform:scale(1.2)}.club-np-star.star-filled{color:#ffc832;text-shadow:0 0 8px rgba(255,200,50,.4)}.club-collapsible{border-radius:8px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);overflow:hidden}.club-collapsible-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;cursor:pointer;transition:background .2s}.club-collapsible-header:hover{background:#ffffff0a}.club-collapsible-header h3{font-size:12px;font-weight:600;color:var(--text-secondary, rgba(255,255,255,.6));text-transform:uppercase;letter-spacing:.5px;margin:0}.club-collapsible-toggle{color:var(--text-secondary, rgba(255,255,255,.4));font-size:16px;font-weight:300}.club-collapsible-body{padding:0 12px 12px}.session-audio-engine{position:relative;width:100%;min-height:80px}.club-spotify-embed,.club-embed-container{border-radius:12px;overflow:hidden}.club-spotify-embed,.club-embed-container iframe{border-radius:12px;display:block}.club-spotify-iframe{border:none;border-radius:12px;display:block}.club-progress{display:flex;align-items:center;gap:10px;padding:10px 4px 4px}.club-progress-time{font-size:11px;font-weight:500;color:var(--text-secondary);min-width:32px;text-align:center;font-variant-numeric:tabular-nums}.club-progress-bar{flex:1;height:4px;background:#ffffff14;border-radius:2px;overflow:hidden;position:relative}.club-progress-fill{height:100%;border-radius:2px;background:var(--gradient, var(--accent));transition:width 1s linear;position:relative}.club-progress-fill:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 6px var(--accent)}.audio-engine-searching,.audio-engine-status{text-align:center;padding:6px 12px;color:var(--text-secondary);font-size:11px}.yt-persistent-player{display:flex;align-items:center;gap:12px;padding:8px 16px;background:var(--bg-secondary);border-top:1px solid var(--border-glass);min-height:56px}.yt-player-loading{flex:1;text-align:center;color:var(--text-secondary);font-size:13px}.yt-player-play{width:36px;height:36px;border-radius:50%;background:var(--gradient);border:none;color:var(--on-accent);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.yt-player-info{display:flex;flex-direction:column;min-width:0;flex-shrink:0;max-width:200px}.yt-player-name{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.yt-player-artist{font-size:11px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.yt-player-progress{flex:1;display:flex;flex-direction:column;gap:2px}.yt-player-bar{height:4px;background:#ffffff14;border-radius:2px;overflow:hidden}.yt-player-bar-fill{height:100%;background:var(--gradient);border-radius:2px;transition:width .4s linear}.yt-player-times{display:flex;justify-content:space-between;font-size:10px;color:var(--text-tertiary)}.yt-player-volume,.club-volume-slider{display:flex;align-items:center;gap:6px;flex-shrink:0}.yt-vol-icon,.club-volume-icon{font-size:14px;line-height:1;width:18px;text-align:center}.yt-vol-range,.club-volume-range{width:70px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff26;border-radius:2px;outline:none;cursor:pointer}.yt-vol-range::-webkit-slider-thumb,.club-volume-range::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--accent);cursor:pointer;box-shadow:0 0 4px rgba(var(--accent-rgb),.4)}.yt-vol-range::-moz-range-thumb,.club-volume-range::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--accent);cursor:pointer;border:none}.yt-player-badge{font-size:10px;color:var(--text-tertiary);background:#ff00001a;padding:2px 6px;border-radius:4px;flex-shrink:0}.yt-mini-loading{text-align:center;color:var(--text-secondary);font-size:12px;padding:8px 0}.yt-mini-controls{display:flex;align-items:center;gap:12px;padding:4px 0}.yt-mini-play{width:42px;height:42px;border-radius:50%;background:var(--gradient);border:none;color:var(--on-accent);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .15s,box-shadow .15s}.yt-mini-play:hover{transform:scale(1.08);box-shadow:0 4px 16px rgba(var(--accent-rgb),.35)}.yt-mini-play:disabled{opacity:.4;transform:none;box-shadow:none;cursor:not-allowed}.yt-mini-progress{flex:1;display:flex;flex-direction:column;gap:5px}.yt-mini-bar{height:6px;background:#ffffff1f;border-radius:3px;overflow:hidden}.yt-mini-bar-fill{height:100%;background:var(--gradient);border-radius:3px;transition:width .4s linear}.yt-mini-times{display:flex;justify-content:space-between;font-size:12px;color:var(--text-secondary)}.yt-audio-bar{width:100%;border-radius:8px;overflow:hidden}.yt-audio-bar iframe{display:block;width:100%;border:none;border-radius:8px}.yt-audio-preview{position:relative}.yt-preview-loading{text-align:center;color:var(--text-secondary);font-size:13px;padding:20px 0}.yt-preview-controls{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-secondary);border-radius:8px;margin-top:8px}.yt-preview-play{width:40px;height:40px;border-radius:50%;background:var(--gradient);border:none;color:var(--on-accent);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.yt-preview-play:hover{opacity:.85}.yt-preview-progress{flex:1;display:flex;flex-direction:column;gap:4px}.yt-preview-bar{height:4px;background:#ffffff14;border-radius:2px;overflow:hidden}.yt-preview-bar-fill{height:100%;background:var(--gradient);border-radius:2px;transition:width .4s linear}.yt-preview-times{display:flex;justify-content:space-between;font-size:11px;color:var(--text-tertiary)}.yt-preview-badge{font-size:10px;color:var(--text-tertiary);background:#ff00001a;padding:2px 6px;border-radius:4px;flex-shrink:0}.track-search{background:var(--bg-glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--border-glass);border-radius:12px;overflow:hidden;flex-shrink:0}.track-search-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;cursor:pointer;transition:background .15s}.track-search-header:hover{background:#ffffff05}.track-search-header h3{margin:0;font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.track-search-toggle{color:var(--text-secondary);font-size:16px;font-weight:600}.track-search-body{padding:0 12px 12px}.track-search-input{width:100%;background:#ffffff0a;border:1px solid var(--border-glass);border-radius:8px;padding:8px 10px;color:var(--text-primary);font-size:13px;margin-bottom:8px;box-sizing:border-box}.track-search-input:focus{outline:none;border-color:var(--accent)}.track-search-input::placeholder{color:var(--text-tertiary, rgba(255,255,255,.3))}.track-search-results{max-height:320px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.track-search-status{color:var(--text-tertiary, rgba(255,255,255,.3));font-size:12px;text-align:center;padding:12px 0;margin:0}.track-search-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;transition:background .15s}.track-search-item:hover{background:#ffffff08}.track-search-art{width:40px;height:40px;border-radius:6px;object-fit:cover;flex-shrink:0}.track-search-info{flex:1;min-width:0;display:flex;flex-direction:column}.track-search-name{font-size:12px;font-weight:500;color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.track-search-artist{font-size:11px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-add-btn{width:28px;height:28px;border-radius:50%;background:var(--accent);color:var(--on-accent);border:none;font-size:16px;font-weight:600;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:transform .15s,opacity .15s;line-height:1}.track-add-btn:hover:not(:disabled){transform:scale(1.1)}.track-add-btn:disabled{opacity:.5}.session-queue{background:var(--bg-glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--border-glass);border-radius:12px;overflow:hidden;flex-shrink:0;display:flex;flex-direction:column}.session-queue-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid var(--border-glass);flex-shrink:0}.session-queue-header h3{margin:0;font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.queue-skip-btn{background:#fbbf2426;color:#fbbf24;border:1px solid rgba(251,191,36,.3);padding:4px 12px;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;transition:transform .15s,opacity .15s}.queue-skip-btn:hover{background:#fbbf2440}.session-queue-list{flex:1;overflow-y:auto;padding:6px;max-height:220px}.session-queue-empty{color:var(--text-tertiary, rgba(255,255,255,.3));font-size:12px;text-align:center;padding:20px 10px;margin:0}.queue-item{display:flex;align-items:center;gap:8px;padding:8px;border-radius:8px;transition:background .15s;position:relative}.queue-item:hover{background:#ffffff08}.queue-stats-tooltip{position:absolute;top:-32px;left:50%;transform:translate(-50%);background:var(--bg-elevated, rgba(20,20,30,.95));border:1px solid var(--border-glass, rgba(255,255,255,.1));border-radius:8px;padding:4px 10px;display:flex;gap:10px;font-size:11px;color:var(--text-secondary, rgba(255,255,255,.6));white-space:nowrap;z-index:20;pointer-events:none;box-shadow:0 4px 12px #0006}.queue-item-playing{background:rgba(var(--accent-rgb),.08);border:1px solid rgba(var(--accent-rgb),.2)}.queue-item-art{width:36px;height:36px;border-radius:4px;object-fit:cover;flex-shrink:0}.queue-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.queue-item-name{font-size:12px;font-weight:500;color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.queue-item-artist{font-size:11px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-item-added{font-size:10px;color:var(--text-tertiary, rgba(255,255,255,.25))}.queue-item-votes{display:flex;flex-direction:column;gap:2px;flex-shrink:0}.vote-btn{display:flex;align-items:center;gap:3px;background:none;border:1px solid transparent;border-radius:4px;padding:2px 6px;cursor:pointer;transition:transform .15s,opacity .15s;color:var(--text-tertiary, rgba(255,255,255,.3));font-size:10px}.vote-btn:hover{background:#ffffff0d}.vote-up.vote-active{color:#34d399;border-color:#34d3994d}.vote-down.vote-active{color:#f87171;border-color:#f871714d}.vote-arrow{font-size:8px}.vote-count{font-weight:600;min-width:8px;text-align:center}.queue-remove-btn{background:none;border:none;color:var(--text-tertiary, rgba(255,255,255,.25));font-size:16px;cursor:pointer;padding:2px 4px;transition:color .15s;flex-shrink:0;line-height:1}.queue-remove-btn:hover{color:#f87171}.vote-score{font-size:12px;font-weight:700;min-width:24px;text-align:center;color:var(--text-secondary, rgba(255,255,255,.5))}.vote-positive{color:#34d399}.vote-negative{color:#f87171}.queue-hot-badge{position:absolute;top:4px;font-size:8px;font-weight:700;letter-spacing:.5px;padding:1px 5px;border-radius:3px}.queue-item-name-row{display:flex;align-items:center;gap:6px;min-width:0}.queue-item-name-row .queue-item-name{min-width:0}.queue-next-badge{flex-shrink:0;font-size:8px;font-weight:700;letter-spacing:.5px;padding:1px 5px;border-radius:3px;background:rgba(var(--accent-rgb),.2);color:var(--accent-text);border:1px solid rgba(var(--accent-rgb),.3)}.queue-hot-badge{right:4px;background:#fbbf2426;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.queue-item{position:relative}.queue-item-hot{border-color:#fbbf2433;background:#fbbf2408}.dj-playlists{margin-top:32px}.dj-playlists-loading{text-align:center;padding:24px;color:var(--text-secondary)}.dj-playlists-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.dj-playlists-header h3{font-size:18px;font-weight:700}.dj-playlists-count{font-size:13px;color:var(--text-secondary);background:#ffffff0f;padding:4px 10px;border-radius:12px}.dj-playlists-create{margin-bottom:16px}.dj-playlists-limit-msg{font-size:12px;color:#f59e0b;margin-bottom:12px}.dj-playlists-list{display:flex;flex-direction:column;gap:8px}.dj-playlist-item{border:1px solid var(--border-glass);border-radius:12px;overflow:hidden;transition:border-color .2s}.dj-playlist-item.expanded{border-color:var(--accent)}.dj-playlist-row{display:flex;align-items:center;padding:12px 16px;cursor:pointer;gap:12px;transition:background .15s}.dj-playlist-row:hover{background:#ffffff08}.dj-playlist-info{flex:1;display:flex;flex-direction:column;gap:2px}.dj-playlist-name{font-weight:600;font-size:14px}.dj-playlist-song-count{font-size:12px;color:var(--text-secondary)}.dj-playlist-rename{background:var(--bg-card);border:1px solid var(--accent);border-radius:6px;padding:4px 8px;color:var(--text-primary);font-size:14px;font-weight:600;width:140px}.dj-playlist-actions{display:flex;gap:4px}.dj-playlist-action-btn{background:none;border:none;cursor:pointer;font-size:14px;padding:4px;border-radius:6px;transition:background .15s}.dj-playlist-action-btn:hover{background:#ffffff14}.dj-playlist-chevron{font-size:18px;color:var(--text-secondary);transition:transform .2s}.dj-playlist-chevron.open{transform:rotate(90deg)}.dj-playlist-songs{padding:0 16px 16px;display:flex;flex-direction:column;gap:6px}.dj-playlist-empty{font-size:13px;color:var(--text-secondary);text-align:center;padding:12px}.dj-playlist-song{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:8px;transition:background .15s}.dj-playlist-song:hover{background:#ffffff0a}.dj-playlist-song-art{width:36px;height:36px;border-radius:6px;object-fit:cover}.dj-playlist-song-info{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.dj-playlist-song-name{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dj-playlist-song-artist{font-size:11px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dj-playlist-song-remove{background:none;border:none;color:var(--text-secondary);font-size:18px;cursor:pointer;padding:2px 6px;border-radius:6px;transition:transform .15s,opacity .15s}.dj-playlist-song-remove:hover{color:#ef4444;background:#ef44441a}.dj-playlist-song-num{font-size:11px;color:var(--text-secondary);width:18px;text-align:center;flex-shrink:0}.dj-playlist-song-reorder{display:flex;flex-direction:column;gap:1px}.reorder-btn{background:none;border:none;color:var(--text-secondary);font-size:9px;cursor:pointer;padding:1px 4px;line-height:1;border-radius:3px;transition:transform .15s,opacity .15s}.reorder-btn:hover:not(:disabled){color:var(--accent-text);background:rgba(var(--accent-rgb),.1)}.reorder-btn:disabled{opacity:.2;cursor:default}.dj-playlist-song-add{background:none;border:1px solid var(--accent);color:var(--accent-text);font-size:16px;font-weight:700;width:28px;height:28px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s,opacity .15s;flex-shrink:0}.dj-playlist-song-add:hover{background:var(--accent);color:var(--on-accent)}.dj-playlist-song-add:disabled{opacity:.4;cursor:not-allowed}.dj-playlist-search{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-glass)}.dj-playlist-search-input{width:100%;background:var(--bg-card);border:1px solid var(--border-glass);border-radius:10px;padding:10px 14px;color:var(--text-primary);font-size:13px}.dj-playlist-search-input:focus{outline:none;border-color:var(--accent)}.dj-playlist-search-status{font-size:12px;color:var(--text-secondary);padding:8px 0}.dj-playlist-search-results{display:flex;flex-direction:column;gap:4px;margin-top:8px;max-height:250px;overflow-y:auto}.queue-save-wrap{position:relative}.queue-save-btn{background:none;border:1px solid var(--border-glass);border-radius:6px;color:var(--text-secondary);font-size:16px;width:28px;height:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s,opacity .15s}.queue-save-btn:hover{border-color:var(--accent);color:var(--accent-text)}.queue-save-menu{position:absolute;right:0;top:100%;margin-top:4px;background:var(--bg-card);border:1px solid var(--border-glass);border-radius:10px;padding:6px;min-width:180px;z-index:100;box-shadow:0 8px 24px #0006;display:flex;flex-direction:column;gap:2px}.queue-save-option{background:none;border:none;color:var(--text-primary);font-size:13px;padding:8px 12px;border-radius:6px;cursor:pointer;text-align:left;transition:background .15s}.queue-save-option:hover{background:#ffffff0f}.queue-save-option:disabled{opacity:.4;cursor:not-allowed}.queue-save-empty{font-size:12px;color:var(--text-secondary);padding:8px 12px}.queue-save-msg{font-size:12px;color:var(--accent-text);font-weight:500}.genre-tag-picker{display:flex;flex-wrap:wrap;gap:6px}.genre-tag-picker.compact{padding:8px 16px 12px}.genre-tag{padding:6px 12px;border-radius:20px;border:1px solid var(--border-glass);background:transparent;color:var(--text-secondary);font-size:12px;cursor:pointer;transition:transform .15s,opacity .15s}.genre-tag:hover{border-color:var(--accent);color:var(--text-primary)}.genre-tag.active{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.genre-tag-sm{padding:4px 10px;border-radius:14px;border:1px solid var(--border-glass);background:transparent;color:var(--text-secondary);font-size:11px;cursor:pointer;transition:transform .15s,opacity .15s}.genre-tag-sm:hover{border-color:var(--accent);color:var(--text-primary)}.genre-tag-sm.active{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.genre-tag-more{font-size:11px;color:var(--text-secondary);padding:4px 8px}.dj-genre-filter{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.dj-genre-toggle-btn{display:none}.genre-filter-chip{padding:6px 14px;border-radius:20px;border:1px solid var(--border-glass);background:transparent;color:var(--text-secondary);font-size:12px;cursor:pointer;transition:transform .15s,opacity .15s}.genre-filter-chip:hover{border-color:var(--accent);color:var(--text-primary)}.genre-filter-chip.active{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.session-card-genres{display:flex;flex-wrap:wrap;gap:4px}.session-genre-chip{font-size:11px;padding:2px 8px;border-radius:10px;background:rgba(var(--accent-rgb),.12);color:var(--accent-text);font-weight:500}.dj-playlist-genre-chips{display:flex;flex-wrap:wrap;gap:4px;padding:0 16px 8px}.dj-playlist-genre-edit{padding:4px 8px 12px}.dj-playlists-create-row{display:flex;gap:8px}.dj-playlists-create-row input{flex:1;background:var(--bg-card);border:1px solid var(--border-glass);border-radius:10px;padding:10px 14px;color:var(--text-primary);font-size:14px}.dj-playlists-create-row input:focus{outline:none;border-color:var(--accent)}.dj-playlists-create-row button{background:var(--accent);border:none;border-radius:10px;color:var(--on-accent);font-size:18px;font-weight:700;width:40px;cursor:pointer;transition:opacity .2s}.dj-playlists-create-row button:disabled{opacity:.4;cursor:not-allowed}.dj-playlists-create-genres{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.shared-playlist-page{max-width:600px;margin:0 auto;padding:40px 20px}.shared-playlist-loading,.shared-playlist-error{text-align:center;padding:60px 20px;color:var(--text-secondary)}.shared-playlist-error h2{margin-bottom:16px}.shared-playlist-card{background:var(--bg-glass);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--border-glass);border-radius:16px;padding:24px}.shared-playlist-header{margin-bottom:20px}.shared-playlist-header h2{font-size:22px;font-weight:700;margin-bottom:8px}.shared-playlist-genres{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.shared-playlist-meta{font-size:13px;color:var(--text-secondary)}.shared-playlist-songs{display:flex;flex-direction:column;gap:6px;margin-bottom:20px}.preload-playlist-picker{display:flex;flex-wrap:wrap;gap:6px}.preload-playlist-chip{padding:8px 16px;border-radius:20px;border:1px solid var(--border-glass);background:transparent;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:transform .15s,opacity .15s}.preload-playlist-chip:hover{border-color:var(--accent);color:var(--text-primary)}.preload-playlist-chip.active{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.dj-leaderboard{margin-top:32px}.dj-lb-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:12px}.dj-lb-header h2{margin:0;font-size:18px;color:var(--text-primary, #fff)}.dj-lb-tabs{display:flex;gap:4px}.dj-lb-tab{display:flex;align-items:center;gap:4px;padding:5px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:var(--text-secondary, rgba(255,255,255,.6));font-size:11px;font-weight:600;cursor:pointer;transition:transform .2s,opacity .2s}.dj-lb-tab-icon{font-size:12px}.dj-lb-tab-label{font-size:11px}.dj-lb-tab:hover{background:#ffffff0f}.dj-lb-tab.active{background:rgba(var(--accent-rgb),.15);color:var(--bb-text);border-color:rgba(var(--accent-rgb),.3)}.dj-lb-empty{text-align:center;color:var(--text-tertiary, rgba(255,255,255,.3));padding:24px;font-size:13px}.dj-card-list{display:flex;flex-direction:column;gap:6px}.dj-card{display:flex;flex-direction:column}.dj-card:hover{background:#ffffff0a}.dj-card-rank-1{background:linear-gradient(135deg,#ffd70014,#ffd70005);border-color:#ffd70033}.dj-card-rank-2{background:linear-gradient(135deg,#c0c0c00f,#c0c0c005);border-color:#c0c0c026}.dj-card-rank-3{background:linear-gradient(135deg,#cd7f320f,#cd7f3205);border-color:#cd7f3226}.dj-card-rank{font-size:20px;min-width:32px;text-align:center;flex-shrink:0}.dj-card-rank-num{font-size:13px;font-weight:600;color:var(--text-tertiary, rgba(255,255,255,.3))}.dj-card-info{flex:1;min-width:0}.dj-card-name{display:block;font-size:14px;font-weight:600;color:var(--text-primary, #fff);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dj-card-stats{display:flex;flex-wrap:wrap;gap:8px}.dj-card-stat{font-size:11px;color:var(--text-tertiary, rgba(255,255,255,.35));white-space:nowrap}.dj-card-stat-active{color:var(--bb-text)}.dj-card-primary{text-align:right;flex-shrink:0;min-width:50px}.dj-card-primary-val{display:block;font-size:20px;font-weight:700;color:var(--text-primary, #fff);line-height:1}.dj-card-primary-label{font-size:10px;color:var(--text-tertiary, rgba(255,255,255,.35));text-transform:uppercase;letter-spacing:.5px}.dj-card-main{display:flex;align-items:center;gap:12px;cursor:pointer;flex:1}.dj-card-expand{font-size:16px;color:var(--text-tertiary, rgba(255,255,255,.3));margin-left:8px;flex-shrink:0}.dj-card-sessions{border-top:1px solid var(--border-glass, rgba(255,255,255,.06));margin-top:8px;padding-top:8px}.dj-sessions-loading,.dj-inline-empty{font-size:12px;color:var(--text-tertiary, rgba(255,255,255,.35));margin:0;padding:4px 0}.dj-session-row{display:flex;justify-content:space-between;align-items:center;padding:5px 4px;border-radius:6px}.dj-session-row:hover{background:#ffffff08}.dj-session-name{font-size:12px;color:var(--text-primary, rgba(255,255,255,.85));font-weight:500;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dj-session-meta{display:flex;gap:8px;align-items:center;flex-shrink:0;font-size:11px;color:var(--text-tertiary, rgba(255,255,255,.4))}.dj-session-genres{color:var(--accent-text);font-size:10px}.dj-session-expand{color:var(--text-tertiary, rgba(255,255,255,.3));font-size:13px}.dj-session-songs{padding:4px 0 4px 12px;border-left:2px solid var(--border-glass, rgba(255,255,255,.06));margin:4px 0 8px 8px}.dj-session-song{display:flex;align-items:center;gap:8px;padding:3px 0;font-size:11px}.dj-session-song-name{color:var(--text-primary, rgba(255,255,255,.85));flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dj-session-song-artist{color:var(--text-tertiary, rgba(255,255,255,.4));flex-shrink:0}.dj-session-song-votes{color:var(--accent-text);flex-shrink:0;font-size:10px}.dj-lb-history-btn{margin-top:14px;padding:6px 14px;border-radius:6px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:var(--text-secondary, rgba(255,255,255,.6));font-size:12px;font-weight:600;cursor:pointer;transition:transform .2s,opacity .2s}.dj-lb-history-btn:hover{background:rgba(var(--accent-rgb),.1);color:var(--accent-text);border-color:rgba(var(--accent-rgb),.25)}.dj-lb-history{margin-top:12px;display:flex;flex-direction:column;gap:16px}.dj-lb-month{background:#ffffff05;border-radius:10px;padding:12px;border:1px solid rgba(255,255,255,.04)}.dj-lb-month-title{font-size:13px;font-weight:600;color:var(--text-secondary, rgba(255,255,255,.6));margin-bottom:8px}.session-history{background:var(--bg-glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--border-glass);border-radius:12px;overflow:hidden;flex-shrink:0}.session-history-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;cursor:pointer;transition:background .15s}.session-history-header:hover{background:#ffffff05}.session-history-header h3{margin:0;font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.session-history-toggle{color:var(--text-secondary);font-size:16px;font-weight:600}.session-history-list{max-height:240px;overflow-y:auto;padding:6px}.session-history-empty{text-align:center;color:var(--text-tertiary, rgba(255,255,255,.3));font-size:12px;padding:12px;margin:0}.history-item{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:8px;opacity:.6}.history-item:hover{opacity:.8;background:#ffffff08}.history-item-art{width:36px;height:36px;border-radius:6px;object-fit:cover;flex-shrink:0}.history-item-info{flex:1;display:flex;flex-direction:column;min-width:0}.history-item-name{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-item-artist{font-size:11px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.dj-sessions-page{padding:10px}.dj-sessions-header{flex-direction:column;gap:8px}.dj-sessions-grid{grid-template-columns:1fr}.dj-sessions-title{font-size:20px}.dj-sessions-subtitle{font-size:12px}.create-session-trigger{padding:10px 18px;font-size:13px}.dj-invite-input-wrap{max-width:100%}.dj-invite-section{margin-bottom:16px}.main-content:has(.dj-room){display:flex;flex-direction:column;height:calc(100dvh - 56px - var(--sab, 0px));min-height:0;padding-bottom:0;overflow:hidden}.main-content:has(.dj-room)>*{flex:none}.main-content:has(.dj-room)>.dj-room{padding:4px;display:flex;flex-direction:column;flex:1;height:auto;min-height:0;overflow:hidden}.dj-room-header{flex-direction:row;flex-wrap:wrap;gap:6px;align-items:center;padding:6px 8px}.dj-room-header h2{font-size:14px;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dj-room-live-count{display:none}.dj-room-actions{gap:4px}.dj-room-actions button{font-size:11px;padding:5px 8px}.club-room{flex-direction:column;gap:4px}.club-room-main{min-height:0;max-width:100%;width:100%;overflow:visible;flex:none}.club-room-side{width:100%;flex:none;max-height:none;padding-bottom:40px}.club-stage{overflow:visible;border-radius:10px;flex:none}.club-stage-glow{display:none}.club-now-playing{padding:5px 8px;gap:3px;width:100%;box-sizing:border-box}.club-now-playing-header{gap:6px;font-size:9px}.club-np-label{font-size:8px;flex-shrink:0}.club-np-added{font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.club-np-art{width:30px;height:30px;border-radius:6px}.club-np-art-pulse{display:none}.club-np-name{font-size:12px}.club-np-artist{font-size:10px}.club-np-info{gap:0}.club-np-controls button{font-size:14px;padding:4px 8px}.club-np-save-volume-row{gap:6px 10px;flex-wrap:wrap}.club-np-save-rate{gap:6px;flex-wrap:wrap}.club-np-save-rate .song-action-btn,.club-np-save-rate .song-actions-compact .song-action-btn{width:26px;height:26px;font-size:12px}.club-np-stars button{font-size:13px;padding:0 1px}.community-stats-bar{font-size:10px;gap:6px}.club-np-progress{gap:2px}.club-np-times{font-size:10px}.club-volume-slider{display:none}.club-embed-container{max-width:100%;overflow:hidden}.club-embed-container iframe{width:100%!important;max-width:100%}.dance-floor{min-height:150px;padding:4px;overflow:visible;position:relative}.avatar-wrapper{transform:scale(.42)}.dance-floor-empty-hint{display:none}.dance-floor-reactions{position:absolute;bottom:10px;left:50%;transform:translate(-50%);gap:4px;z-index:10}.reaction-btn{font-size:13px;padding:2px 4px}.floating-emoji{font-size:15px}.dance-floor-floating-emojis{pointer-events:none}.club-stage{align-items:center}.club-room.club-room-mobile{display:flex;flex-direction:column;gap:16px;flex:1;min-height:0}.club-np-pinned{flex:none;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:12px;overflow:hidden}.club-np-pinned .club-now-playing{padding:8px 9px 11px}.club-np-pinned .club-stage-empty{padding:14px 10px}.club-np-pinned .club-stage-icon{font-size:22px}.club-np-pinned .club-stage-empty p{font-size:12px;margin:2px 0 0}.club-np-pinned .club-stage-hint{font-size:10.5px}.club-stage-mobile{height:100%;min-height:200px;border-radius:12px;align-items:stretch;justify-content:center}.club-stage-mobile .dance-floor{min-height:0;height:100%;width:100%;flex:1}.club-stage-mobile .avatar-wrapper{transform:scale(.75)}.club-stage-mobile .reaction-btn{font-size:17px;padding:4px 6px}.club-mobile-tabs{display:flex;gap:2px;padding:5px;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:12px;flex:none;margin:8px 0}.club-mobile-tab{flex:1;min-width:0;padding:9px 4px;border:none;border-radius:7px;background:transparent;color:var(--text-secondary);font-size:11.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.club-mobile-tab.active{background:var(--gradient);color:var(--on-accent)}.club-mobile-panel{flex:1;min-height:160px;display:flex;flex-direction:column;overflow:hidden}.club-mobile-panel>*{min-height:0}.club-mobile-panel>.club-stage-mobile,.club-mobile-panel>.club-queue-panel,.club-mobile-panel>.club-participant-list,.club-mobile-panel>.session-chat,.club-mobile-panel>.session-chat-messages{flex:1}.club-mobile-panel>.session-chat-input-wrap{flex:none}.club-mobile-panel>.session-chat-messages,.club-mobile-panel>.club-participant-list,.club-mobile-panel>.club-queue-panel{overflow-y:auto;-webkit-overflow-scrolling:touch}.club-queue-panel{display:flex;flex-direction:column;gap:8px}.club-queue-panel>*{flex:none}.club-mobile-panel .club-collapsible-header,.club-mobile-panel .session-queue-title,.club-mobile-panel .track-search-title{display:none}.club-mobile-panel>*{margin:0}.club-collapsible-header{padding:7px 10px}.club-collapsible-header h3{font-size:11.5px;letter-spacing:.02em}.club-collapsible-header .club-collapsible-toggle{font-size:15px}.club-participants-mini{padding:5px 8px;font-size:11.5px}.club-participants-mini h4{font-size:11.5px}.club-room{gap:3px}.club-room-side{gap:4px}.dj-room-header{padding:5px 8px}.dj-room-header h2{font-size:13px}.dj-room-actions button{font-size:10.5px;padding:4px 7px}.club-np-stars button{font-size:12px}.community-stats-bar{font-size:9.5px;gap:5px}.club-np-times{font-size:9px}.club-side-tabs button{font-size:11px;padding:6px 10px}.session-queue{padding:6px}.queue-item{padding:6px;gap:6px}.queue-item-name{font-size:12px}.queue-item-artist{font-size:10px}.session-chat{padding:6px}.club-room-side .session-chat-messages{max-height:200px;overflow-y:auto;min-height:0}.club-room-side .session-chat-input-wrap{position:sticky;bottom:0;background:var(--bg-secondary);padding:6px;z-index:2}.chat-input-row{padding:6px}.chat-input{font-size:12px;padding:6px 8px}.track-search{padding:6px}.track-search input{font-size:13px;padding:8px 10px}.track-search-results{max-height:150px}.session-audio-engine{min-height:50px}.club-embed-container iframe{max-height:50px}.avatar-customizer{max-width:100%;padding:14px;border-radius:14px}.avatar-color-grid{grid-template-columns:repeat(8,1fr)}.avatar-customizer h3{font-size:16px}.discover-page .yt-mini-controls{gap:8px;padding:6px 0}.discover-page .yt-mini-play{width:34px;height:34px;font-size:14px}.discover-page .yt-mini-bar{height:6px;border-radius:3px}.discover-page .yt-mini-bar-fill{border-radius:3px}.discover-page .yt-mini-times{font-size:11px}.discover-page .yt-mini-progress{gap:4px}.now-playing-art{max-height:35vh}.now-playing>.now-playing-info{padding:6px 4px 2px}.now-playing .now-playing-title{font-size:15px}.now-playing .now-playing-artist{font-size:12px}.now-playing .now-playing-album{font-size:10px}.now-playing-meta{padding:4px 10px 6px;gap:2px}.now-playing-stats{font-size:11px;gap:8px}.now-playing-info-row{flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px 10px}.now-playing-info-row>div:first-child{flex:1 1 100%}.now-playing-info-row .community-stats-bar{flex:1;flex-wrap:wrap;gap:10px}.now-playing-info-row .yt-player-volume{margin-left:auto;flex-shrink:0}.now-playing-share{padding:5px 10px;font-size:11px}.club-mini-player{display:none!important}.club-mini-sidebar{position:fixed;bottom:calc(56px + var(--sab));left:0;right:0;width:100%;z-index:19;flex-direction:row;align-items:center;gap:6px;padding:6px 10px;margin:0;border-radius:0;border:none;border-top:1px solid var(--border-glass);background:var(--bg-secondary);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);overflow:visible}.club-mini-sidebar .club-mini-embed{max-height:0;overflow:hidden;width:0;position:absolute}.club-mini-sidebar .club-mini-info{flex:1;min-width:0;overflow:hidden}.club-mini-sidebar .club-mini-art{width:28px;height:28px;border-radius:4px;flex-shrink:0}.club-mini-sidebar .club-mini-track{font-size:11px;max-width:none}.club-mini-sidebar .club-mini-artist{font-size:9px}.club-mini-sidebar .club-mini-session{display:none}.club-mini-sidebar .club-mini-details{gap:0}.club-mini-sidebar .club-mini-actions{flex-direction:row;gap:4px;margin-top:0;flex-shrink:0}.club-mini-sidebar .club-mini-rejoin{display:none}.club-mini-sidebar .club-mini-leave{width:auto;padding:5px 12px;font-size:10px;white-space:nowrap}.club-mini-sidebar.club-mini-hidden{position:fixed;bottom:0;left:0;width:300px;height:100px;opacity:.01;pointer-events:none;clip:rect(0,0,0,0);overflow:hidden;z-index:-1}.session-card{padding:12px;gap:8px;border-radius:12px}.session-card-name{font-size:14px}.session-card-host{font-size:11px}.session-host-avatar{width:20px;height:20px}.session-card-now-playing{padding:6px 8px;gap:8px}.session-card-track-art{width:30px;height:30px}.session-card-track-name{font-size:12px}.session-card-track-artist{font-size:11px}.session-card-join-btn{padding:8px;font-size:13px;border-radius:8px}.session-status-badge{font-size:10px;padding:2px 6px}.session-participant-count{font-size:12px}.dj-sessions-grid{gap:10px}.dj-leaderboard{padding:14px;margin-top:20px}.dj-lb-header{margin-bottom:10px;gap:8px}.dj-lb-header h2{font-size:16px}.dj-lb-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;-webkit-mask-image:linear-gradient(to right,#000 88%,transparent);mask-image:linear-gradient(to right,#000 88%,transparent);padding-right:12px}.dj-lb-tabs::-webkit-scrollbar{display:none}.dj-lb-tab{flex-shrink:0;white-space:nowrap}.dj-card-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px 4px}.dj-card-stat:nth-child(n+5){display:none}.dj-card-stat{font-size:10.5px;white-space:nowrap}.dj-card-primary{min-width:0}.dj-card-primary-val{font-size:17px}.dj-card-primary-label{font-size:9px}.dj-card-rank{min-width:0}.dj-card-name{font-size:13px}.settings-section{padding:14px}.settings-section h3{font-size:15px}.club-visualizer canvas{height:30px}.club-participants-bar{padding:3px 8px;gap:6px;font-size:10.5px}.club-participants-bar button{font-size:10.5px;padding:3px 8px}}[data-liquid-glass] .sidebar:not(.side),[data-liquid-glass] .now-playing,[data-liquid-glass] .up-next,[data-liquid-glass] .rating-widget,[data-liquid-glass] .settings-section,[data-liquid-glass] .session-card,[data-liquid-glass] .profile-card,[data-liquid-glass] .stat-card,[data-liquid-glass] .dashboard-section,[data-liquid-glass] .rating-item,[data-liquid-glass] .achievements-stats-bar,[data-liquid-glass] .achievements-xp-section,[data-liquid-glass] .achievements-section,[data-liquid-glass] .history-list,[data-liquid-glass] .plan-card,[data-liquid-glass] .billing-toggle,[data-liquid-glass] .upgrade-footer,[data-liquid-glass] .glass{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid rgba(255,255,255,.1);border-radius:20px;box-shadow:inset 0 1px #ffffff26,inset 0 -1px #ffffff0a;position:relative;overflow:hidden}[data-liquid-glass] .now-playing:before,[data-liquid-glass] .up-next:before,[data-liquid-glass] .rating-widget:before,[data-liquid-glass] .settings-section:before,[data-liquid-glass] .session-card:before,[data-liquid-glass] .profile-card:before,[data-liquid-glass] .stat-card:before,[data-liquid-glass] .dashboard-section:before,[data-liquid-glass] .achievements-stats-bar:before,[data-liquid-glass] .achievements-xp-section:before{content:"";position:absolute;top:0;right:-20%;bottom:0;left:-20%;background:linear-gradient(125deg,rgba(136,200,255,.06) 0%,transparent 25%,rgba(224,170,255,.04) 40%,transparent 55%,rgba(136,200,255,.03) 70%,transparent 85%,rgba(224,170,255,.05) 100%);pointer-events:none;z-index:0;animation:lg-shimmer 10s ease-in-out infinite alternate}@keyframes lg-shimmer{0%{opacity:.5;transform:translate(-8%)}50%{opacity:.8;transform:translate(0)}to{opacity:.6;transform:translate(8%)}}[data-liquid-glass] .now-playing:after,[data-liquid-glass] .up-next:after,[data-liquid-glass] .rating-widget:after,[data-liquid-glass] .settings-section:after,[data-liquid-glass] .profile-card:after,[data-liquid-glass] .stat-card:after,[data-liquid-glass] .dashboard-section:after,[data-liquid-glass] .achievements-stats-bar:after,[data-liquid-glass] .achievements-xp-section:after{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3) 30%,rgba(255,255,255,.45) 50%,rgba(255,255,255,.3) 70%,transparent);z-index:1}[data-liquid-glass] .sidebar:not(.side){position:fixed;background:#ffffff08;backdrop-filter:var(--lg-blur) saturate(1.6) brightness(1.05);-webkit-backdrop-filter:var(--lg-blur) saturate(1.6) brightness(1.05);border-radius:0;border-right:1px solid rgba(255,255,255,.12);border-left:none;border-top:none;border-bottom:none}[data-liquid-glass] .now-playing{position:sticky}[data-liquid-glass] .nav-link.active:not(.sh .nav-link){background:#88c8ff14;backdrop-filter:var(--lg-blur) saturate(1.6);-webkit-backdrop-filter:var(--lg-blur) saturate(1.6);border:1px solid rgba(255,255,255,.15);border-radius:14px;box-shadow:inset 0 1px #fff3;color:#fff}[data-liquid-glass] .nav-link:hover:not(.active):not(.sh .nav-link){background:#ffffff14;border-radius:14px}[data-liquid-glass] .song-card{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid rgba(255,255,255,.06);border-radius:16px;box-shadow:inset 0 1px #ffffff14;transition:transform .25s ease,opacity .25s ease}[data-liquid-glass] .song-card:hover{background:#ffffff08;border-color:#ffffff1f;box-shadow:inset 0 1px #ffffff24;transform:translateY(-1px)}[data-liquid-glass] .genre-filter-chip{background:transparent;border:1px solid rgba(255,255,255,.08);border-radius:100px;box-shadow:inset 0 1px #ffffff0f;transition:transform .2s ease,opacity .2s ease}[data-liquid-glass] .genre-filter-chip:hover{background:#ffffff08;border-color:#ffffff24}[data-liquid-glass] .genre-filter-chip.active{background:#88c8ff0f;border-color:#88c8ff2e;box-shadow:0 0 10px #88c8ff0f,inset 0 1px #ffffff1f}[data-liquid-glass] .search-input-wrapper{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:inset 0 1px #ffffff0f}[data-liquid-glass] .search-btn{background:#88c8ff0a;backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid rgba(136,200,255,.12);border-radius:14px;box-shadow:inset 0 1px #ffffff1a}[data-liquid-glass] .search-btn:hover{background:#88c8ff14}[data-liquid-glass] .theme-card{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:inset 0 1px #ffffff0f}[data-liquid-glass] .theme-card.active{border-color:#88c8ff40;box-shadow:0 0 16px #88c8ff14,inset 0 1px #ffffff26}[data-liquid-glass] .yt-mini-play{background:#ffffff08;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px #ffffff1f}[data-liquid-glass] .yt-mini-play:hover{background:#ffffff0f;box-shadow:inset 0 1px #ffffff2e;transform:scale(1.05)}[data-liquid-glass] .yt-mini-bar{background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:100px;box-shadow:inset 0 1px 2px #00000026}[data-liquid-glass] .yt-mini-bar-fill{background:linear-gradient(90deg,#88c8ff99,#e0aaff80);border-radius:100px;box-shadow:0 0 8px #88c8ff4d}[data-liquid-glass] .btn-primary,[data-liquid-glass] .btn-upgrade{background:#88c8ff0a;color:var(--text-primary);backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid rgba(136,200,255,.12);border-radius:14px;box-shadow:inset 0 1px #ffffff1a}[data-liquid-glass] .btn-primary:hover,[data-liquid-glass] .btn-upgrade:hover{background:#88c8ff14}[data-liquid-glass] .mini-player{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:inset 0 1px #ffffff1a}[data-liquid-glass] .account-row,[data-liquid-glass] .playback-source-toggle .source-btn{background:transparent;border:1px solid rgba(255,255,255,.06);border-radius:14px;box-shadow:inset 0 1px #ffffff0d}[data-liquid-glass] .source-btn.active{background:#88c8ff0f;border-color:#88c8ff26}[data-liquid-glass] .now-playing-art{border-radius:18px;box-shadow:0 8px 32px #0000004d,0 0 0 1px #ffffff1a}[data-liquid-glass] .star-btn.filled{filter:drop-shadow(0 0 6px rgba(136,200,255,.4))}[data-liquid-glass] .dev-plan-btn{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;box-shadow:inset 0 1px #ffffff14}[data-liquid-glass] .dev-plan-btn.active{background:#88c8ff1a;border-color:#88c8ff33}[data-liquid-glass] .plan-card.featured{border-color:#88c8ff33;box-shadow:0 0 16px #88c8ff0f,inset 0 1px #ffffff26}[data-liquid-glass] .plan-card:hover{background:#ffffff08;border-color:#ffffff24}.public-shell{min-height:100vh;min-height:100dvh;background:var(--bg-primary);display:flex;flex-direction:column}.public-shell-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;padding-top:calc(12px + var(--sat, 0px));border-bottom:1px solid var(--border-glass);background:var(--bg-secondary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:sticky;top:0;z-index:10}.public-shell-logo{cursor:pointer}.public-shell-actions{display:flex;align-items:center;gap:10px}.public-shell-btn,.public-shell-login{min-height:44px;padding:0 16px;display:inline-flex;align-items:center}.public-shell-login{border:none;border-radius:50px;background:var(--bb-glass);box-shadow:inset 0 0 0 1px var(--bb-border-2);color:var(--bb-text);font-size:14px;font-weight:600;cursor:pointer}.public-shell-login:hover{background:var(--bb-glass-2)}.public-shell-btn{border:none;border-radius:50px;background:var(--bb-grad);box-shadow:var(--sh-cta);color:var(--bb-on-accent);font-size:14px}.public-shell-btn:hover,.public-shell-btn:hover:not(:disabled){color:var(--bb-on-accent);opacity:1;box-shadow:var(--sh-cta-hover);transform:translateY(-1px)}.public-shell-content{flex:1;padding:20px;padding-bottom:calc(40px + var(--sab, 0px));overflow-y:auto}@media (max-width: 768px){.public-shell-header{padding:10px 14px;padding-top:calc(10px + var(--sat, 0px))}.public-shell-content{padding:14px}.public-shell-btn,.public-shell-login{font-size:13px}}.public-profile-page{max-width:760px;margin:0 auto;padding:8px 4px 40px}.public-profile-loading,.pp-empty{text-align:center;color:var(--text-secondary);padding:60px 20px;font-size:15px}.public-profile-notfound{text-align:center;padding:60px 20px}.pp-notfound-icon{font-size:48px;margin-bottom:12px}.public-profile-notfound h2{font-size:1.4rem;margin-bottom:8px}.public-profile-notfound p{color:var(--text-secondary);margin-bottom:20px}.public-profile-header{display:flex;align-items:center;gap:20px;padding:24px;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius);margin-bottom:16px}.pp-avatar-wrap{flex-shrink:0}.pp-avatar-img{width:96px;height:96px;border-radius:50%;object-fit:cover;border:2px solid rgba(var(--accent-rgb),.4)}.pp-avatar-placeholder{width:96px;height:96px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:700;color:var(--on-accent);background:var(--gradient)}.pp-identity{flex:1;min-width:0}.pp-username{font-size:1.6rem;font-weight:700;margin-bottom:8px;word-break:break-word}.pp-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.pp-level-badge{font-size:12px;font-weight:600;padding:4px 10px;border-radius:20px;background:rgba(var(--accent-rgb),.15);color:var(--accent-text)}.pp-country{font-size:13px;color:var(--text-secondary)}.pp-bio{font-size:14px;line-height:1.5;color:var(--text-primary);margin-top:10px;white-space:pre-wrap;word-break:break-word}.pp-toast{position:fixed;bottom:calc(24px + var(--sab, 0px));left:50%;transform:translate(-50%);z-index:400;background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:50px;padding:12px 22px;font-size:14px;font-weight:600;color:var(--text-primary);box-shadow:0 8px 24px #0006}.pp-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;align-items:center}.pp-edit-btn{padding:6px 16px;font-size:13px}.pp-follow-btn{padding:8px 22px;border-radius:50px;border:none;background:var(--gradient);color:var(--on-accent);font-size:14px;font-weight:600;cursor:pointer;transition:transform .15s,opacity .15s}.pp-follow-btn:hover{opacity:.9;transform:translateY(-1px)}.pp-follow-btn:disabled{opacity:.6;cursor:default;transform:none}.pp-follow-btn.following{background:var(--bg-glass);border:1px solid var(--border-glass);color:var(--text-secondary)}.pp-follow-btn.following:hover{color:var(--danger);border-color:#f8717166}.pp-stat-clickable{border:1px solid var(--border-glass);background:var(--bg-glass);cursor:pointer;font-family:inherit;transition:border-color .15s}.pp-stat-clickable:hover{border-color:rgba(var(--accent-rgb),.4)}.follow-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px}.follow-modal{background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:var(--radius);width:100%;max-width:380px;max-height:70vh;display:flex;flex-direction:column;overflow:hidden}.follow-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-glass)}.follow-modal-header h3{font-size:15px;font-weight:600}.follow-modal-close{background:none;border:none;color:var(--text-secondary);font-size:24px;line-height:1;cursor:pointer}.follow-modal-body{overflow-y:auto;padding:8px}.follow-modal-loading,.follow-modal-empty{text-align:center;color:var(--text-secondary);padding:30px 20px;font-size:14px}.follow-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s}.follow-row:hover{background:var(--bg-glass-hover)}.follow-row-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.follow-row-avatar-placeholder{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--on-accent);background:var(--gradient);flex-shrink:0}.follow-row-name{font-size:14px;font-weight:500;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.follow-btn-sm{flex-shrink:0;padding:6px 16px;border-radius:50px;border:none;background:var(--gradient);color:var(--on-accent);font-size:13px;font-weight:600;cursor:pointer;transition:opacity .15s}.follow-btn-sm:hover{opacity:.9}.follow-btn-sm:disabled{opacity:.6;cursor:default}.follow-btn-sm.following{background:var(--bg-glass);border:1px solid var(--border-glass);color:var(--text-secondary)}.follow-btn-sm.following:hover{color:var(--danger);border-color:#f8717166}.follow-btn-sm.compact{padding:5px 12px;font-size:12px}.feed-search{position:relative;margin-bottom:18px}.feed-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:14px;opacity:.6;pointer-events:none}.feed-search-input{width:100%;box-sizing:border-box;padding:12px 40px;border-radius:50px;border:1px solid var(--border-glass);background:var(--bg-glass);color:var(--text-primary);font-size:14px;outline:none;transition:border-color .15s}.feed-search-input:focus{border-color:var(--accent)}.feed-search-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;border:none;background:var(--bg-glass-hover);color:var(--text-secondary);font-size:16px;line-height:1;cursor:pointer}.feed-search-results{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:30;background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:14px;overflow:hidden;max-height:340px;overflow-y:auto;box-shadow:0 12px 32px #00000080}.feed-search-status{padding:16px;text-align:center;color:var(--text-tertiary);font-size:13px}.feed-search-row{display:flex;align-items:center;gap:12px;padding:10px 14px;cursor:pointer;transition:background .15s}.feed-search-row:hover{background:var(--bg-glass-hover)}.feed-search-name{flex:1;min-width:0;font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pp-stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:10px;margin-bottom:20px}.pp-stat{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-sm);padding:14px 8px;text-align:center}.pp-stat-value{display:block;font-size:1.4rem;font-weight:700;color:var(--accent-text)}.pp-stat-label{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em}.pp-section{margin-bottom:24px}.tm-card{padding:16px 18px;border-radius:16px;background:var(--bg-glass);border:1px solid var(--border-glass)}.tm-head{display:flex;align-items:baseline;gap:12px}.tm-pct{font-size:2.2rem;font-weight:800;background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;color:transparent}.tm-tier{font-size:15px;font-weight:700;color:var(--text-primary)}.tm-bar{height:6px;border-radius:999px;background:var(--bg-glass-hover);margin:8px 0 12px;overflow:hidden}.tm-bar span{display:block;height:100%;background:var(--gradient);border-radius:inherit}.tm-copy{font-size:14px;color:var(--text-secondary);margin:0 0 8px;line-height:1.5}.tm-copy strong{color:var(--text-primary)}.tm-cta{display:inline-block;margin-top:4px;text-decoration:none}.pp-section-title{font-size:14px;font-weight:600;margin-bottom:12px;color:var(--text-primary)}.pp-chips{display:flex;flex-wrap:wrap;gap:8px}.pp-chip{font-size:13px;padding:6px 14px;border-radius:20px;background:rgba(var(--accent-rgb),.12);color:var(--accent-text);border:1px solid rgba(var(--accent-rgb),.2)}.pp-chip-mood{background:var(--bg-glass);color:var(--text-secondary);border-color:var(--border-glass)}.pp-songs{display:flex;flex-direction:column;gap:8px}.pp-song{display:flex;align-items:center;gap:12px;padding:8px 12px;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-sm)}.pp-song-rank{font-size:13px;font-weight:700;color:var(--text-tertiary);width:20px;text-align:center;flex-shrink:0}.pp-song-art{width:44px;height:44px;border-radius:6px;object-fit:cover;flex-shrink:0}.pp-song-art-placeholder{display:flex;align-items:center;justify-content:center;background:var(--bg-glass-hover);font-size:18px}.pp-song-info{display:flex;flex-direction:column;min-width:0}.pp-song-name{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pp-song-artist{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pp-playlists{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.pp-playlist{display:flex;align-items:center;gap:8px;padding:12px;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-sm)}.pp-playlist-open{display:flex;align-items:center;gap:12px;flex:1;min-width:0;cursor:pointer}.pp-playlist-open:hover .pp-playlist-name{color:var(--accent-text)}.pp-playlist-dup{flex-shrink:0;padding:6px 12px;border-radius:50px;border:1px solid rgba(var(--accent-rgb),.4);background:rgba(var(--accent-rgb),.1);color:var(--accent-text);font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}.pp-playlist-dup:hover{background:rgba(var(--accent-rgb),.2)}.pp-playlist-dup:disabled{opacity:.6;cursor:default}.pp-playlist-icon{font-size:24px;flex-shrink:0}.pp-playlist-info{display:flex;flex-direction:column;min-width:0}.pp-playlist-name{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pp-playlist-count{font-size:12px;color:var(--text-secondary)}.pp-dj-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.pp-dj-stat{padding:12px 14px;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-sm);font-size:13px;color:var(--text-secondary)}.pp-dj-stat strong{color:var(--accent-text);font-size:15px}@media (max-width: 768px){.public-profile-header{flex-direction:column;text-align:center;gap:12px;padding:20px}.pp-meta,.pp-actions{justify-content:center}.pp-username{font-size:1.4rem}.pp-stats-row{grid-template-columns:repeat(2,1fr)}}.username-link{cursor:pointer;transition:color .15s}.username-link:hover{color:var(--accent-text)}.profile-view-public-btn{padding:8px 16px;font-size:13px;border-radius:50px;white-space:nowrap}.profile-header-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;margin-left:auto}.taste-card-modal{position:relative;width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow-y:auto;padding:22px 20px 20px;border-radius:20px;background:var(--bg-primary);border:1px solid var(--border-glass);box-shadow:0 18px 50px #00000059}.taste-card-heading{margin:0 0 8px;font-size:1.15rem;color:var(--text-primary)}.taste-card-copy{margin:0 0 12px;font-size:14px;line-height:1.5;color:var(--text-secondary)}.taste-card-copy strong{color:var(--text-primary)}.taste-card-preview{display:block;width:100%;aspect-ratio:9 / 16;object-fit:contain;border-radius:14px;margin:0 0 14px}.taste-card-actions{display:flex;gap:8px}.taste-card-actions>button{flex:1}.taste-card-note{margin:10px 0 0;font-size:13px;color:var(--text-secondary)}.profile-avatar-blob{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.profile-bio-input{resize:vertical;min-height:70px;font-family:inherit;line-height:1.4}.profile-privacy-toggles{display:flex;flex-direction:column;gap:10px;padding:14px;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-sm)}.profile-privacy-title{font-size:13px;font-weight:600;color:var(--text-primary)}.profile-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;cursor:pointer}.profile-toggle-hint{font-size:12px;color:var(--text-tertiary)}.profile-toggle{width:18px;height:18px;accent-color:var(--accent);cursor:pointer;flex-shrink:0}.feed-page{max-width:920px;margin:0 auto;padding-bottom:40px}.feed-header h2{font-size:1.6rem;font-weight:700}.feed-subtitle{color:var(--text-secondary);font-size:13px;margin-top:2px}.feed-layout{display:flex;gap:24px;align-items:flex-start}.feed-main{flex:1;min-width:0}.feed-sidebar{width:280px;flex-shrink:0;position:sticky;top:12px;display:flex;flex-direction:column;gap:16px}.feed-profile-card{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.feed-profile-card .feed-avatar,.feed-profile-card .feed-avatar-wrap,.feed-profile-card .feed-avatar-placeholder{width:64px;height:64px;font-size:24px}.feed-profile-name{font-size:15px;font-weight:600}.feed-view-profile-btn{width:100%;padding:9px;font-size:13px;border-radius:50px}.feed-sidebar-tip h4{font-size:14px;margin-bottom:6px}.feed-sidebar-tip p{font-size:12px;color:var(--text-secondary);line-height:1.5;margin-bottom:10px}.feed-sidebar-link{background:none;border:none;color:var(--accent-text);font-size:13px;font-weight:600;cursor:pointer;padding:0}.feed-sidebar-link:hover{text-decoration:underline}.feed-suggested h4{font-size:14px;margin-bottom:12px}.feed-suggest-row{display:flex;align-items:center;gap:10px;padding:6px 0}.feed-suggest-row .feed-avatar,.feed-suggest-row .feed-avatar-wrap,.feed-suggest-row .feed-avatar-placeholder{width:34px;height:34px;font-size:15px}.feed-suggest-name{flex:1;min-width:0;font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.feed-suggest-name:hover{color:var(--accent-text)}.feed-live-strip{background:linear-gradient(135deg,#f8717114,rgba(var(--accent-rgb),.06));border:1px solid rgba(248,113,113,.25);border-radius:var(--radius);padding:14px 16px;margin-bottom:18px}.feed-live-header{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--text-primary);margin-bottom:10px}.feed-live-dot{width:8px;height:8px;border-radius:50%;background:#f87171;box-shadow:0 0 8px #f87171;animation:livePulse 1.6s ease-in-out infinite}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.4}}.feed-live-list{display:flex;flex-direction:column;gap:8px}.feed-live-card{display:flex;align-items:center;gap:12px;cursor:pointer}.feed-live-card:hover{border-color:#f8717166}.feed-live-badge{flex-shrink:0;font-size:10px;font-weight:700;letter-spacing:.05em;color:#f87171;background:#f8717126;padding:3px 8px;border-radius:6px}.feed-live-info{flex:1;min-width:0;display:flex;flex-direction:column}.feed-live-name{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feed-live-host{font-size:12px;color:var(--text-secondary)}.feed-live-join{flex-shrink:0;padding:6px 16px;border-radius:50px;border:none;background:var(--gradient);color:var(--on-accent);font-size:13px;font-weight:600;cursor:pointer}.dj-card-name-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.dj-card-name-row .dj-card-name{margin-bottom:0;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 900px){.feed-sidebar{display:none}.feed-page{max-width:600px}}.feed-composer{display:flex;gap:12px;margin-bottom:20px}.feed-composer-trigger{display:none}.feed-composer-cancel{background:none;border:none;color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;padding:8px 10px}@media (min-width: 769px){.feed-composer-cancel{display:none}}.feed-composer-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px}.feed-composer-input{width:100%;background:transparent;border:none;outline:none;resize:none;color:var(--text-primary);font-size:15px;font-family:inherit;line-height:1.4}.feed-composer-input::placeholder{color:var(--text-tertiary)}.feed-composer-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px}.feed-composer-count{font-size:11px;color:var(--text-tertiary)}.feed-post-btn{padding:8px 22px;font-size:14px;border-radius:50px}.feed-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.feed-filter-chip{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;border-radius:20px;border:1px solid var(--border-glass);background:var(--bg-glass);color:var(--text-tertiary);font-size:12px;font-weight:600;cursor:pointer;transition:transform .15s,opacity .15s}.feed-filter-chip.active{background:rgba(var(--accent-rgb),.12);color:var(--accent-text);border-color:rgba(var(--accent-rgb),.35)}.feed-filter-dropdown{display:none}.feed-loading{text-align:center;color:var(--text-secondary);padding:50px 20px}.feed-empty h3{font-size:1.2rem;margin-bottom:6px}.feed-empty p{color:var(--text-secondary);font-size:14px;margin-bottom:20px;max-width:340px;margin-left:auto;margin-right:auto}.feed-list{display:flex;flex-direction:column;gap:10px}.feed-item{display:flex;align-items:flex-start;gap:12px}.feed-item-clickable{cursor:pointer}.feed-item-clickable:hover{background:var(--bg-glass-hover);border-color:rgba(var(--accent-rgb),.25)}.feed-avatar,.feed-avatar-wrap,.feed-avatar-placeholder{width:40px;height:40px;border-radius:50%;flex-shrink:0;cursor:pointer}.feed-avatar{object-fit:cover}.feed-avatar-wrap{display:flex;align-items:center;justify-content:center;overflow:hidden}.feed-avatar-placeholder{display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--on-accent);background:var(--gradient)}.feed-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.feed-text{font-size:14px;line-height:1.45;color:var(--text-secondary)}.feed-text strong{font-weight:600;color:var(--text-primary)}.feed-verb{color:var(--text-tertiary)}.feed-actor{color:var(--accent-text);font-weight:600;cursor:pointer}.feed-actor:hover{text-decoration:underline}.feed-post-text{font-size:15px;line-height:1.5;color:var(--text-primary);white-space:pre-wrap;word-break:break-word;margin-top:2px}.feed-sub{font-size:12px;color:var(--text-secondary)}.feed-sub-live{color:#f87171}.feed-time{font-size:11px;color:var(--text-tertiary);margin-top:2px}.feed-song-card{display:flex;align-items:center;gap:10px;padding:8px;margin-top:8px;background:var(--bg-glass-hover);border:1px solid var(--border-glass);border-radius:var(--radius-sm);cursor:pointer;transition:border-color .15s}.feed-song-card:hover{border-color:rgba(var(--accent-rgb),.4)}.feed-song-art{width:44px;height:44px;border-radius:6px;object-fit:cover;flex-shrink:0}.feed-song-art-ph{display:flex;align-items:center;justify-content:center;background:var(--bg-glass);font-size:18px}.feed-song-info{display:flex;flex-direction:column;min-width:0}.feed-song-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feed-song-artist{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feed-interactions{margin-top:10px;padding-top:8px;border-top:1px solid var(--border-glass)}.feed-interactions-pending{font-size:12px;color:var(--text-tertiary)}.feed-interaction-bar{display:flex;gap:16px}.feed-like-btn,.feed-comment-btn{display:inline-flex;align-items:center;gap:5px;background:none;border:none;color:var(--text-secondary);font-size:14px;font-weight:600;cursor:pointer;padding:4px 2px;transition:color .15s}.feed-like-btn:hover,.feed-like-btn.liked{color:var(--accent-text)}.feed-comment-btn:hover{color:var(--text-primary)}.feed-comments{margin-top:10px;display:flex;flex-direction:column;gap:8px}.feed-comments-loading{font-size:12px;color:var(--text-tertiary)}.feed-comment{font-size:13px;line-height:1.4}.feed-comment-author{color:var(--accent-text);font-weight:600;cursor:pointer;margin-right:6px}.feed-comment-author:hover{text-decoration:underline}.feed-comment-text{color:var(--text-primary);word-break:break-word}.feed-comment-time{color:var(--text-tertiary);font-size:11px;margin-left:6px}.feed-comment-compose{display:flex;gap:8px;margin-top:4px}.feed-comment-input{flex:1;background:var(--bg-glass-hover);border:1px solid var(--border-glass);border-radius:20px;padding:8px 14px;color:var(--text-primary);font-size:13px;outline:none}.feed-comment-input:focus{border-color:var(--accent)}.feed-comment-send{background:var(--gradient);border:none;border-radius:20px;color:var(--on-accent);font-size:13px;font-weight:600;padding:8px 16px;cursor:pointer}.feed-comment-send:disabled{opacity:.5;cursor:default}@media (max-width: 768px){.feed-layout{flex-direction:column;gap:16px}.feed-main{width:100%}.feed-sidebar{width:100%;position:static;gap:12px}.feed-profile-card{display:none}.feed-composer-trigger{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;margin-bottom:12px;text-align:left;cursor:pointer;font:inherit}.feed-composer-trigger-text{color:var(--text-tertiary);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-composer{display:none;padding:12px;margin-bottom:12px}.feed-composer.is-open{display:flex}.feed-composer.is-open+.feed-filter-dropdown{margin-top:0}.feed-composer.is-open~* .feed-composer-trigger,.feed-composer-trigger:has(+.feed-composer.is-open){display:none}.feed-composer-input{font-size:14px}.feed-filters{display:none}.feed-filter-dropdown{display:block;position:relative;margin-bottom:16px}.feed-filter-dd-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:11px 14px;border-radius:12px;border:1px solid var(--border-glass);background:var(--bg-glass);color:var(--text-primary);font-size:14px;font-weight:600;font-family:inherit;cursor:pointer}.feed-filter-dd-caret{color:var(--text-tertiary);transition:transform .15s}.feed-filter-dd-caret.open{transform:rotate(180deg)}.feed-filter-dd-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.feed-filter-dd-list{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:41;background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #00000080}.feed-filter-dd-item{display:block;width:100%;text-align:left;padding:12px 14px;background:none;border:none;color:var(--text-secondary);font-size:14px;font-weight:600;font-family:inherit;cursor:pointer}.feed-filter-dd-item:hover{background:var(--bg-glass-hover)}.feed-filter-dd-item.active{color:var(--accent-text);background:rgba(var(--accent-rgb),.1)}}.shared-playlist-page{max-width:760px;margin:0 auto}.sp-header{display:flex;gap:20px;align-items:center;padding:24px;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius);margin-bottom:20px}.sp-cover{width:100px;height:100px;border-radius:14px;background:var(--gradient);display:flex;align-items:center;justify-content:center;font-size:44px;flex-shrink:0}.sp-header-info{flex:1;min-width:0}.sp-label{font-size:11px;letter-spacing:.08em;color:var(--text-tertiary);font-weight:600}.sp-name{font-size:1.7rem;font-weight:700;margin:4px 0 8px;word-break:break-word}.sp-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:14px}.sp-owner{font-size:14px;color:var(--accent-text);cursor:pointer}.sp-owner:hover{text-decoration:underline}.sp-count{font-size:13px;color:var(--text-secondary)}.sp-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.sp-cta{padding:8px 18px;font-size:13px;border-radius:50px}.sp-songs{display:flex;flex-direction:column;gap:8px}.sp-song{display:flex;align-items:center;gap:12px;padding:8px 12px;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-sm)}.sp-song-rank{font-size:13px;font-weight:700;color:var(--text-tertiary);width:22px;text-align:center;flex-shrink:0}.sp-song-art{width:44px;height:44px;border-radius:6px;object-fit:cover;flex-shrink:0}.sp-song-art-placeholder{display:flex;align-items:center;justify-content:center;background:var(--bg-glass-hover);font-size:18px}.sp-song-info{display:flex;flex-direction:column;min-width:0}.sp-song-name{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-song-artist{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.sp-header{flex-direction:column;text-align:center;padding:20px}.sp-meta,.sp-actions{justify-content:center}.sp-name{font-size:1.4rem}}.public-song-page,.public-club-page{max-width:480px;margin:0 auto;padding:20px 4px}.ps-card,.pc-card{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius);padding:32px 24px;text-align:center}.ps-art{width:180px;height:180px;border-radius:14px;object-fit:cover;margin:0 auto 20px;display:block}.ps-art-placeholder{display:flex;align-items:center;justify-content:center;background:var(--gradient);font-size:64px}.ps-label,.pc-track-label{font-size:11px;letter-spacing:.08em;color:var(--text-tertiary);font-weight:600}.ps-name{font-size:1.5rem;font-weight:700;margin:6px 0 4px}.ps-artist{color:var(--text-secondary);margin-bottom:16px}.ps-stats{display:flex;justify-content:center;gap:14px;margin-bottom:24px;font-size:13px;color:var(--text-secondary)}.ps-actions,.pc-actions{display:flex;flex-direction:column;gap:10px;align-items:center}.ps-cta,.pc-cta{width:100%;padding:12px;font-size:15px;border-radius:50px}.pc-status{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.08em;padding:4px 12px;border-radius:20px;background:var(--bg-glass-hover);color:var(--text-secondary);margin-bottom:16px}.pc-status.live{background:#f8717126;color:#f87171}.pc-icon{font-size:56px;margin-bottom:8px}.pc-name{font-size:1.5rem;font-weight:700;margin-bottom:4px}.pc-host{color:var(--text-secondary);margin-bottom:20px}.pc-now-playing{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-glass-hover);border-radius:var(--radius-sm);margin-bottom:24px;text-align:left}.pc-track-art{width:52px;height:52px;border-radius:8px;object-fit:cover;flex-shrink:0}.pc-track-art-placeholder{display:flex;align-items:center;justify-content:center;background:var(--bg-glass);font-size:22px}.pc-track-info{display:flex;flex-direction:column;min-width:0}.pc-track-name{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pc-track-artist{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.share-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:20px;border:1px solid var(--border-glass);background:var(--bg-glass);color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:transform .15s,opacity .15s}.share-btn:hover{color:var(--accent-text);border-color:rgba(var(--accent-rgb),.4);background:rgba(var(--accent-rgb),.08)}.share-btn svg{flex-shrink:0}.share-btn-compact{padding:6px;border-radius:50%;width:32px;height:32px;justify-content:center}.tip-dj-btn{padding:6px 14px;border-radius:20px;border:1px solid rgba(var(--accent-rgb),.4);background:rgba(var(--accent-rgb),.1);color:var(--accent-text);font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;white-space:nowrap;transition:transform .15s,opacity .15s}.tip-dj-btn:hover{background:rgba(var(--accent-rgb),.2)}.tip-modal{background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:20px;padding:30px;width:100%;max-width:420px;text-align:center;position:relative;-webkit-backdrop-filter:var(--blur-strong, blur(40px));backdrop-filter:var(--blur-strong, blur(40px))}.tip-modal-icon{font-size:44px;margin-bottom:8px}.tip-modal-title{font-size:1.25rem;margin-bottom:8px}.tip-modal-sub{font-size:13px;color:var(--text-secondary);line-height:1.5;margin-bottom:18px}.tip-balance{font-size:13px;color:var(--text-secondary);background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:10px;padding:10px;margin-bottom:16px}.tip-balance strong{color:var(--accent-text)}.tip-amounts{display:flex;gap:8px;margin-bottom:18px}.tip-amount{flex:1;padding:12px 8px;border-radius:12px;border:1px solid var(--border-glass);background:var(--bg-glass);color:var(--text-primary);font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:transform .15s,opacity .15s}.tip-amount.active{border-color:var(--accent);background:rgba(var(--accent-rgb),.14);color:var(--accent-text)}.tip-amount:disabled{opacity:.4;cursor:not-allowed}.tip-actions{display:flex;gap:10px}.tip-actions .btn-primary{flex:1;padding:12px;border-radius:50px}.tip-actions .btn-secondary{padding:12px 18px;border-radius:50px}.tip-earn-hint{font-size:11px;color:var(--text-tertiary);margin-top:14px;line-height:1.5}.tip-sent{padding:20px 10px}.tip-sent-icon{font-size:46px;margin-bottom:10px}.tip-sent h2{font-size:1.3rem;margin-bottom:6px}.tip-sent p{color:var(--text-secondary)}.text-feedback-locked{width:100%;padding:10px 14px;border-radius:10px;border:1px dashed rgba(var(--accent-rgb),.35);background:rgba(var(--accent-rgb),.06);color:var(--text-secondary);font-size:13px;font-family:inherit;text-align:left;cursor:pointer;transition:transform .15s,opacity .15s}.text-feedback-locked:hover{background:rgba(var(--accent-rgb),.12);color:var(--text-primary)}.text-feedback-locked strong{color:var(--accent-text)}.cap-modal{background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:20px;padding:32px;width:100%;max-width:420px;text-align:center;-webkit-backdrop-filter:var(--blur-strong, blur(40px));backdrop-filter:var(--blur-strong, blur(40px))}.cap-modal-icon{font-size:46px;margin-bottom:10px}.cap-modal h2{font-size:1.3rem;margin-bottom:8px}.cap-modal p{font-size:14px;color:var(--text-secondary);line-height:1.55;margin-bottom:22px}.cap-modal-actions{display:flex;gap:10px}.cap-modal-actions .btn-primary{flex:1;padding:12px;border-radius:50px}.cap-modal-actions .btn-secondary{padding:12px 18px;border-radius:50px}.beta-badge-btn{border:none;cursor:pointer;font-family:inherit}.beta-badge-btn:hover{filter:brightness(1.15)}.help-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-sm);padding:16px}.help-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.help-copy strong{font-size:14px;color:var(--text-primary)}.help-copy span{font-size:12px;color:var(--text-secondary)}.bug-modal{background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:20px;padding:30px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;position:relative;-webkit-backdrop-filter:var(--blur-strong, blur(40px));backdrop-filter:var(--blur-strong, blur(40px))}.bug-modal-title{font-size:1.4rem;margin-bottom:6px}.bug-modal-sub{font-size:13px;color:var(--text-secondary);margin-bottom:20px}.bug-field{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.bug-field>label{font-size:13px;font-weight:600;color:var(--text-secondary)}.bug-categories{display:flex;flex-wrap:wrap;gap:8px}.bug-cat{padding:8px 14px;border-radius:20px;border:1px solid var(--border-glass);background:var(--bg-glass);color:var(--text-secondary);font-size:13px;font-family:inherit;cursor:pointer;transition:transform .15s,opacity .15s}.bug-cat.active{background:rgba(var(--accent-rgb),.14);border-color:rgba(var(--accent-rgb),.45);color:var(--accent-text)}.bug-textarea{width:100%;box-sizing:border-box;resize:vertical;min-height:110px;font-family:inherit;line-height:1.45}.bug-hint{font-size:11px;color:var(--text-tertiary);align-self:flex-end}.bug-toggle-row{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--text-primary);cursor:pointer;margin-bottom:18px}.bug-toggle-row small{display:block;font-size:11px;color:var(--text-tertiary);margin-top:2px}.bug-actions{display:flex;gap:10px}.bug-actions .btn-primary{flex:1;padding:12px;border-radius:50px}.bug-actions .btn-secondary{padding:12px 20px;border-radius:50px}.bug-sent{text-align:center;padding:30px 10px}.bug-sent-icon{font-size:46px;margin-bottom:10px}.bug-sent h2{font-size:1.3rem;margin-bottom:6px}.bug-sent p{font-size:14px;color:var(--text-secondary)}.share-btn-wrap{position:relative;display:inline-flex}.share-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998}.share-menu{position:fixed;z-index:9999;background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:14px;padding:6px;box-shadow:0 14px 36px #0000008c}.share-menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border:none;background:none;border-radius:10px;cursor:pointer;text-align:left;font-family:inherit;transition:background .15s}.share-menu-item:hover{background:var(--bg-glass-hover)}.share-menu-item:disabled{opacity:.6;cursor:default}.share-menu-icon{font-size:20px;flex-shrink:0}.share-menu-text{display:flex;flex-direction:column;min-width:0}.share-menu-text strong{font-size:14px;font-weight:600;color:var(--text-primary)}.share-menu-text small{font-size:11px;color:var(--text-secondary)}.blossoms-page{display:flex;flex-direction:column;gap:20px}.blossoms-header h1{font-size:1.6rem;font-weight:700;margin-bottom:6px}.blossoms-sub{color:var(--text-secondary);font-size:13px;line-height:1.55;max-width:620px}.blossoms-claim{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.blossoms-claim-copy{display:flex;flex-direction:column;gap:3px;font-size:13px;color:var(--text-secondary)}.blossoms-claim-copy strong{color:var(--text-primary);font-size:14px}.blossoms-claim-error{color:var(--error, #f87171)}.blossoms-claim-btn{min-height:44px;white-space:nowrap}.blossoms-claim-btn:disabled{opacity:.6;cursor:default}.blossoms-claimed{background:rgba(var(--accent-rgb),.12);border:1px solid rgba(var(--accent-rgb),.3);color:var(--accent-text);border-radius:12px;padding:10px 14px;font-size:13px;font-weight:600}.blossoms-stats{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:12px}.blossoms-balance-card,.blossoms-stat{display:flex;flex-direction:column;gap:4px}.blossoms-balance-card{border-color:rgba(var(--accent-rgb),.35)}.blossoms-balance-label{font-size:12px;color:var(--text-secondary)}.blossoms-balance-value{font-size:1.7rem;font-weight:700;color:var(--accent-text)}.blossoms-stat-value{font-size:1.15rem;font-weight:700}.blossoms-stat-label{font-size:11px;color:var(--text-tertiary)}.blossoms-columns{display:grid;grid-template-columns:1fr 1.3fr;gap:16px;align-items:start}.blossoms-panel h2{font-size:1rem;font-weight:700;margin-bottom:4px}.blossoms-panel-sub{font-size:12px;color:var(--text-tertiary);margin-bottom:12px}.blossoms-empty{font-size:13px;color:var(--text-secondary);padding:8px 0}.blossoms-earn-list{list-style:none;display:flex;flex-direction:column;gap:2px;margin-top:10px}.blossoms-earn-list li{display:flex;justify-content:space-between;align-items:center;padding:9px 10px;border-radius:10px;font-size:13px}.blossoms-earn-list li:nth-child(odd){background:#ffffff08}.blossoms-earn-list strong{color:var(--accent-text);font-weight:700}.blossoms-board{list-style:none;display:flex;flex-direction:column;gap:4px}.blossoms-board li.is-you .blossoms-row{background:rgba(var(--accent-rgb),.1);border-color:rgba(var(--accent-rgb),.3)}.blossoms-row{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;transition:background .15s}a.blossoms-row:hover{background:#ffffff0d}.blossoms-rank{width:22px;flex-shrink:0;text-align:center;font-size:13px;font-weight:700;color:var(--text-tertiary)}.blossoms-pic{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0}.blossoms-name{flex:1;min-width:0;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blossoms-amount{font-size:13px;font-weight:700;color:var(--accent-text);flex-shrink:0}@media (max-width: 768px){.blossoms-stats{grid-template-columns:1fr 1fr}.blossoms-columns{grid-template-columns:1fr}}.legal-page{min-height:100vh;display:flex;flex-direction:column;background:var(--bg);color:var(--text-primary)}.legal-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 28px;border-bottom:1px solid var(--border-glass);flex-wrap:wrap}.legal-logo-btn{background:none;border:none;cursor:pointer;padding:0}.legal-nav{display:flex;gap:18px}.legal-nav a{color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:600}.legal-nav a:hover{color:var(--accent-text)}.legal-body{flex:1;width:100%;max-width:760px;margin:0 auto;padding:40px 24px 64px;line-height:1.7}.legal-body h1{font-size:2rem;font-weight:700;margin-bottom:6px}.legal-updated{color:var(--text-tertiary);font-size:13px;margin-bottom:28px}.legal-lead{font-size:1.05rem;color:var(--text-secondary);margin-bottom:8px}.legal-body h2{font-size:1.2rem;font-weight:700;margin:32px 0 10px;padding-bottom:6px;border-bottom:1px solid var(--border-glass)}.legal-body h3{font-size:1rem;font-weight:600;margin:20px 0 6px}.legal-body p{margin-bottom:14px;color:var(--text-secondary)}.legal-body ul,.legal-body ol{margin:0 0 16px 22px;color:var(--text-secondary)}.legal-body li{margin-bottom:8px}.legal-body strong{color:var(--text-primary)}.legal-body a{color:var(--accent-text)}.legal-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:20px 28px;border-top:1px solid var(--border-glass);font-size:13px;color:var(--text-tertiary)}.legal-footer a{color:var(--text-secondary);text-decoration:none}.legal-footer a:hover{color:var(--accent-text)}@media (max-width: 768px){.legal-header{padding:14px 18px}.legal-body{padding:28px 18px 48px}.legal-body h1{font-size:1.5rem}.legal-footer{padding:18px;flex-direction:column;align-items:flex-start}}.upgrade-crypto{margin:24px auto 0;max-width:520px;display:flex;flex-direction:column;gap:8px}.upgrade-crypto-slot:empty{display:none}.upgrade-crypto-sub{color:var(--text-secondary);font-size:13px}.crypto-checkout{display:flex;flex-direction:column;gap:12px}.crypto-checkout-head{display:flex;align-items:center;gap:8px}.crypto-checkout-net{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:2px 8px;border-radius:20px;background:var(--bg-glass);color:var(--text-secondary)}.crypto-chooser{position:relative;width:min(440px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow-y:auto;padding:24px 20px 20px}.crypto-chooser-options{display:flex;flex-direction:column;gap:10px}.crypto-chooser-option{width:100%}.crypto-checkout-note{color:var(--text-secondary);font-size:12px}.crypto-checkout-ok{color:var(--accent-text);font-weight:600}.crypto-checkout-warn{color:var(--text-secondary);font-size:13px}:root{--ca-card-bg: var(--bg-primary);--ca-text: var(--text-primary);--ca-muted: var(--text-primary)}@supports (color: color-mix(in srgb,red,blue)){:root{--ca-card-bg: color-mix(in srgb, var(--bg-primary) 92%, var(--text-primary));--ca-muted: color-mix(in srgb, var(--text-primary) 78%, var(--bg-primary))}}.ca-block{display:flex;flex-direction:column;gap:8px;min-width:0;padding:12px;border-radius:14px;background:var(--ca-card-bg);border:1px solid var(--border-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-size:13px;color:var(--ca-muted)}.ca-head{display:flex;align-items:center;gap:8px;min-width:0}.ca-ticker{font-weight:800;letter-spacing:.4px;font-size:13px;background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;color:transparent}.ca-chain{font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--ca-muted)}.ca-x{margin-left:auto;display:inline-flex;align-items:center;gap:5px;color:var(--ca-muted);font-size:12px;font-weight:600;text-decoration:none;min-height:28px;padding:0 4px;border-radius:8px}.ca-x:hover{color:var(--accent-text)}.ca-row{display:flex;align-items:center;gap:8px;min-width:0}.ca-addr{flex:1;min-width:0;display:flex;align-items:center;gap:8px;min-height:36px;padding:6px 10px;border-radius:10px;cursor:pointer;background:var(--ca-card-bg);border:1px solid var(--border-glass);color:var(--ca-text);transition:border-color .15s,color .15s}.ca-addr:hover:not([aria-disabled=true]){border-color:var(--accent)}.ca-addr:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ca-addr[aria-disabled=true]{cursor:not-allowed;opacity:.7}.ca-value{flex:1;min-width:0;text-align:left;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;white-space:normal;overflow-wrap:anywhere;word-break:break-all;font-variant-ligatures:none;letter-spacing:0;line-height:1.35;-webkit-user-select:all;user-select:all;text-wrap:balance;color:var(--ca-text)}.ca-soon{-webkit-user-select:none;user-select:none;letter-spacing:1px;text-transform:uppercase;font-size:11px;color:var(--ca-muted)}.ca-copy-icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;margin:-8px -10px -8px 0;color:var(--ca-muted)}.ca-addr:hover:not([aria-disabled=true]) .ca-copy-icon{color:var(--accent-text)}.ca-addr-copied,.ca-addr-copied .ca-copy-icon{border-color:var(--accent);color:var(--accent-text)}.ca-buy{flex-shrink:0;display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:10px;background:var(--gradient);color:var(--on-accent);font-weight:700;font-size:12px;text-decoration:none}.ca-warning{margin:0;font-size:11.5px;line-height:1.45;max-width:560px;color:var(--ca-muted)}.ca-status:empty{display:none}.ca-status{font-size:11px;color:var(--accent-text);font-weight:600}.ca-dismiss{min-width:28px;min-height:28px;border:none;background:none;color:var(--ca-muted);font-size:18px;cursor:pointer;line-height:1}.ca-hero{margin:14px 0 6px;max-width:520px;width:100%;padding:14px 16px}.ca-hero .ca-value{font-size:13.5px}.ca-hero{background:color-mix(in srgb,var(--text-primary) 7%,transparent);border-color:color-mix(in srgb,var(--text-primary) 16%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.ca-hero .ca-addr{background:color-mix(in srgb,var(--bg-primary) 30%,transparent)}.ca-sidebar .ca-value,.ca-bar .ca-value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal;word-break:normal;text-wrap:nowrap}.ca-sidebar{margin:-20px 6px 20px;padding:10px;gap:7px}.ca-sidebar .ca-addr{min-height:32px;padding:5px 9px}.ca-sidebar .ca-value{font-size:12px}.ca-sidebar .ca-warning{font-size:10.5px}@media (max-width: 768px){.ca-bar{flex:1;min-width:0;padding:0;gap:2px;background:var(--ca-card-bg);border:none;border-radius:0;backdrop-filter:none;-webkit-backdrop-filter:none}.ca-bar .ca-head{display:contents}.ca-bar{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;column-gap:6px}.ca-bar .ca-ticker{grid-column:1;grid-row:1;font-size:12px}.ca-bar .ca-chain{display:none}.ca-bar .ca-row{grid-column:1 / -1;grid-row:2}.ca-bar .ca-x{grid-column:3;grid-row:1;margin-left:0}.ca-bar .ca-dismiss{grid-column:4;grid-row:1}.ca-bar .ca-warning{grid-column:1 / -1;grid-row:3;font-size:10px}.ca-bar .ca-status{grid-column:1 / -1;grid-row:4}.ca-bar .ca-addr{min-height:30px;padding:3px 8px;gap:6px}.ca-value{font-size:clamp(11px,3.4vw,13px)}.ca-bar .ca-buy{min-height:30px;padding:0 10px}.ca-hero{padding:12px}}.wallet-login{margin-top:14px;display:flex;flex-direction:column;gap:8px;text-align:center}.wallet-login-title{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;opacity:.7;margin:0}.wallet-login-list{display:flex;flex-direction:column;gap:8px}.wallet-btn{justify-content:center;text-decoration:none}.wallet-login-hint{font-size:.75rem;opacity:.65;margin:0}.signin-methods{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:8px}.signin-methods li{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px}.signin-methods-add{display:flex;flex-wrap:wrap;gap:8px}.signin-methods-msg{margin:10px 0 0;font-size:.85rem;opacity:.8}.login-btn.wallet-primary{background:var(--gradient);min-height:48px}.wallet-login .login-divider{margin:6px 0 4px}.wallet-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;background:#0009}.wallet-modal{width:100%;max-width:420px;max-height:90vh;overflow-y:auto;padding:18px;border-radius:18px;background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-glass);display:flex;flex-direction:column;gap:12px}.wallet-modal:focus{outline:none}.wallet-modal-head{display:flex;align-items:center;justify-content:space-between}.wallet-modal-head h2{margin:0;font-size:1.1rem}.wallet-modal-close{min-width:44px;min-height:44px;border:none;background:none;color:var(--text-secondary);font-size:24px;cursor:pointer}.wallet-modal-banner{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border-radius:12px;background:var(--bg-glass-strong);border:1px solid var(--border-glass);font-size:.85rem}.wallet-modal-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.wallet-row{display:flex;align-items:center;gap:12px;padding:10px 12px;min-height:56px;border-radius:14px;background:var(--bg-glass);border:1px solid var(--border-glass)}.wallet-row-icon{width:28px;height:28px;border-radius:8px;flex-shrink:0}.wallet-row-name{flex:1;font-weight:600}.wallet-row-action{min-height:44px;display:inline-flex;align-items:center;text-decoration:none;white-space:nowrap}.login-content:has(.wallet-modal-backdrop){z-index:1000;animation:none;transform:none;backdrop-filter:none;-webkit-backdrop-filter:none}.login-view:has(.wallet-modal-backdrop){animation:none;transform:none;filter:none}@media (max-width: 480px){.wallet-modal-backdrop{padding:12px}.wallet-modal{padding:16px}.wallet-modal .wallet-login-hint{font-size:.875rem;line-height:1.45;opacity:1;color:var(--text-secondary)}.wallet-modal-banner{font-size:.9375rem}.wallet-modal-banner .btn-secondary{width:100%;min-height:44px;font-size:15px}.wallet-row{flex-wrap:wrap;row-gap:10px}.wallet-row-name{min-width:0;overflow-wrap:anywhere}.wallet-row-icon:empty{display:none}.wallet-row-action{flex:1 1 100%;justify-content:center;text-align:center;white-space:normal;font-size:15px;padding:10px 16px}}@media (prefers-reduced-motion: reduce){.welcome-overlay,.welcome-popup{animation:none}}.genre-filter-chip[aria-pressed=true],[data-liquid-glass] .genre-filter-chip[aria-pressed=true]{background:color-mix(in srgb,var(--accent) 30%,var(--bg-primary));border:1px solid var(--accent);box-shadow:0 0 0 1px var(--accent);color:var(--text-primary);font-weight:600}.dj-empty-hint{margin-top:8px;color:var(--text-secondary);font-size:13px}.dj-playlists-empty{margin:8px 0 0;color:var(--text-secondary);font-size:13px}.dj-playlists-create-row button{width:auto;min-width:72px;min-height:36px;padding:0 14px;font-size:14px}:root{--page-max-width: 1200px}.discover-page,.feed-page,.dj-sessions-page,.profile-page{max-width:var(--page-max-width);margin-left:auto;margin-right:auto}@media (min-width: 769px){.dj-sessions-page{padding-left:0;padding-right:0}}.feed-page>:not(.feed-header){max-width:920px}@media (max-width: 900px){.feed-page{max-width:600px}.feed-page>:not(.feed-header){max-width:none}.feed-layout{flex-direction:column;gap:16px}.feed-sidebar{width:100%;position:static;gap:12px}}.bloss{display:block;background:none;border:0;box-shadow:none;object-fit:contain;max-width:100%}.no-ratings-slot .bloss{width:120px;height:120px}.landing-hero-visual{position:relative}.landing-bloss-wrap{position:absolute;right:-6px;bottom:-22px;z-index:2;pointer-events:none}.landing-bloss{filter:drop-shadow(0 8px 24px rgba(168,85,247,.25))}.dj-playlists-empty{display:flex;align-items:center;gap:10px}.dj-playlists-bloss{flex:0 0 auto}.sessions-empty-bloss,.dj-sessions-empty .bloss,.feed-empty .bloss,.upgrade-header .bloss{margin:0 auto 8px}.bloss-loader{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text-secondary)}@media (max-width: 600px){.landing-bloss-wrap{right:0;bottom:-18px}}html,body{overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent}@keyframes bb-page-in{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.ca-bar{column-gap:5px;row-gap:0}.ca-bar .ca-ticker{font-size:11px}.ca-bar .ca-row{grid-column:2;grid-row:1;min-width:0}.ca-bar .ca-addr{min-height:26px;padding:2px 8px}.ca-bar .ca-buy{min-height:26px;padding:0 9px;font-size:12px}.ca-bar .ca-warning{grid-row:2;font-size:9.5px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.main-content>*{animation:bb-page-in .25s ease-out backwards}.app-swiping .main-content>*{animation:none}.sidebar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.nav-link{transition:transform .15s;-webkit-tap-highlight-color:transparent}.nav-link:active{transform:scale(.94)}}@media (prefers-reduced-motion: reduce){.main-content>*{animation:none!important}.nav-link:active{transform:none}}@supports (view-transition-name: none){.app-layout.sh .main-content>*{animation:none}}@media (max-width: 768px){.ca-bar{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;padding:6px 10px;border:1px solid var(--border-glass);border-radius:12px;column-gap:8px}.ca-bar .ca-warning{text-align:center}.ca-bar .ca-x{grid-column:3}.ca-bar .ca-ticker{white-space:nowrap}.ca-bar .ca-row{align-self:center}}html #seo-fallback{color:var(--bb-text-2, #b9b9c6);background:var(--bb-bg, #0c0c14)}html #seo-fallback h1,html #seo-fallback h2,html #seo-fallback h3{color:var(--bb-text, #fff)}html #seo-fallback a{color:var(--accent-text, #c084fc)}:root,[data-theme=midnight]{color-scheme:dark;--bb-bg:#0f0a1a;--bb-bg-raise:#150f21;--bb-bg-panel:#271e2f;--bb-text:#f5f5f7;--bb-text-2:rgba(255, 255, 255, .66);--bb-text-3:rgba(255, 255, 255, .56);--bb-text-dis:rgba(255, 255, 255, .3);--bb-pink:#f472b6;--bb-orange:#fb923c;--bb-pink-soft:#f9a8d4;--bb-purple:#a855f7;--bb-accent-rgb:244,114,182;--bb-accent2-rgb:251,146,60;--accent-text:#f472b6;--accent2-text:#fb923c;--on-accent:#2a0f1f;--on-accent-rgb:42,15,31;--gradient-text:linear-gradient(135deg,#f472b6,#fb923c);--bb-success:#34d399;--bb-danger:#f87171;--bb-star:#fbbf24;--bb-warn:#fbbf24;--bb-grad:linear-gradient(135deg,#f472b6,#fb923c);--bb-grad-subtle:linear-gradient(135deg,rgba(244,114,182,.15),rgba(251,146,60,.15));--bb-glass:rgba(255,255,255,.04);--bb-glass-2:rgba(255,255,255,.065);--bb-glass-3:rgba(255,255,255,.09);--bb-glass-accent:rgba(244, 114, 182, .14);--bb-glass-min:.86;--bb-border:rgba(255,255,255,.08);--bb-border-2:rgba(255,255,255,.14);--bb-border-accent:rgba(244, 114, 182, .28);--bb-bar-bg:rgba(15,10,26,.62);--bb-bar-blur:blur(16px) saturate(1.2);--bb-chip-bg:rgba(15,10,26,.38);--bb-chip-blur:blur(12px);--bb-stage:#23142a;--bb-stage-accent:#f472b6;--bb-card-fill:linear-gradient(170deg,rgba(35,20,42,.92),#23142a);--sh-1:0 1px 2px rgba(0, 0, 0, .4);--sh-2:0 8px 24px rgba(0, 0, 0, .42);--sh-3:0 24px 60px rgba(0, 0, 0, .5), 0 0 60px rgba(244, 114, 182, .14);--sh-card:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 1px rgba(255,255,255,.07),0 24px 60px rgba(0,0,0,.42);--sh-cta:0 10px 30px rgba(244,114,182,.3);--sh-cta-hover:0 14px 36px rgba(244,114,182,.42);--sh-bloss:drop-shadow(0 12px 30px rgba(244,114,182,.35));--focus-ring:0 0 0 2px #0f0a1a,0 0 0 4px #f472b6;--bb-accent:#f472b6;--bb-accent2:#fb923c;--bb-glow-1:rgba(244, 114, 182, .08);--bb-glow-2:rgba(251, 146, 60, .06);--bb-bg-rgb:15,10,26;--bb-bg-raise-rgb:21,15,33;--bb-text-rgb:245,245,247;--bb-ink-rgb:255,255,255;--bb-on-accent-rgb:42,15,31;--bb-accent-ink-rgb:244,114,182;--bb-pink-soft-rgb:249,168,212;--bb-purple-rgb:168,85,247;--bb-shadow-rgb:0,0,0;--bb-scrim-rgb:8,5,14;--bb-stage-rgb:35,20,42;--bb-stage-accent-rgb:244,114,182;--bb-stage-soft-rgb:249,168,212;--bb-success-rgb:52,211,153;--bb-danger-rgb:248,113,113;--bb-pass-rgb:253,164,175;--bb-pass-2-rgb:254,205,211}[data-theme=dawn]{color-scheme:light;--bb-bg:#faf7f5;--bb-bg-raise:#fffefe;--bb-bg-panel:#fefefe;--bb-text:#1a1a2e;--bb-text-2:rgba(26, 26, 46, .8);--bb-text-3:rgba(26, 26, 46, .74);--bb-text-dis:rgba(26, 26, 46, .4);--bb-pink:#e11d48;--bb-orange:#f97316;--bb-pink-soft:#c0183f;--bb-purple:#ed482f;--bb-accent-rgb:225,29,72;--bb-accent2-rgb:249,115,22;--accent-text:#c0183f;--accent2-text:#a04505;--on-accent:#290f15;--on-accent-rgb:41,15,21;--gradient-text:linear-gradient(135deg,#c0183f,#a04505);--bb-success:#046e50;--bb-danger:#b91c1c;--bb-star:#9b4808;--bb-warn:#9b4808;--bb-grad:linear-gradient(135deg,#e64065,#f97316);--bb-grad-subtle:linear-gradient(135deg,rgba(225,29,72,.1),rgba(249,115,22,.1));--bb-glass:rgba(26,26,46,.04);--bb-glass-2:rgba(26,26,46,.06);--bb-glass-3:rgba(26,26,46,.085);--bb-glass-accent:rgba(225, 29, 72, .1);--bb-glass-min:.88;--bb-border:rgba(26,26,46,.1);--bb-border-2:rgba(26,26,46,.16);--bb-border-accent:rgba(225, 29, 72, .3);--bb-bar-bg:rgba(250,247,245,.78);--bb-bar-blur:blur(16px) saturate(1.2);--bb-chip-bg:rgba(255,254,254,.72);--bb-chip-blur:blur(12px);--bb-stage:#151528;--bb-stage-accent:#eb6482;--bb-card-fill:linear-gradient(170deg,rgba(21,21,40,.92),#151528);--sh-1:0 1px 2px rgba(26, 26, 46, .06);--sh-2:0 8px 24px rgba(26, 26, 46, .1);--sh-3:0 24px 60px rgba(26, 26, 46, .14), 0 0 60px rgba(225, 29, 72, .08);--sh-card:inset 0 1px 0 rgba(255,255,255,.65),0 0 0 1px rgba(26,26,46,.08),0 24px 60px rgba(26,26,46,.14);--sh-cta:0 10px 30px rgba(225,29,72,.22);--sh-cta-hover:0 14px 36px rgba(225,29,72,.3);--sh-bloss:drop-shadow(0 12px 30px rgba(225,29,72,.28));--focus-ring:0 0 0 2px #faf7f5,0 0 0 4px #c0183f;--bb-accent:#e11d48;--bb-accent2:#f97316;--bb-glow-1:rgba(225, 29, 72, .06);--bb-glow-2:rgba(249, 115, 22, .04);--bb-bg-rgb:250,247,245;--bb-bg-raise-rgb:255,254,254;--bb-text-rgb:26,26,46;--bb-ink-rgb:26,26,46;--bb-on-accent-rgb:41,15,21;--bb-accent-ink-rgb:192,24,63;--bb-pink-soft-rgb:192,24,63;--bb-purple-rgb:237,72,47;--bb-shadow-rgb:26,26,46;--bb-scrim-rgb:26,26,46;--bb-stage-rgb:21,21,40;--bb-stage-accent-rgb:235,100,130;--bb-stage-soft-rgb:235,100,130;--bb-success-rgb:4,110,80;--bb-danger-rgb:185,28,28;--bb-pass-rgb:185,28,28;--bb-pass-2-rgb:185,28,28}[data-theme=ocean]{color-scheme:dark;--bb-bg:#0a1628;--bb-bg-raise:#0e1a2d;--bb-bg-panel:#1a2b3d;--bb-text:#e8f4f8;--bb-text-2:rgba(255, 255, 255, .66);--bb-text-3:rgba(255, 255, 255, .56);--bb-text-dis:rgba(255, 255, 255, .3);--bb-pink:#06b6d4;--bb-orange:#3b82f6;--bb-pink-soft:#5dd0e3;--bb-purple:#219ce5;--bb-accent-rgb:6,182,212;--bb-accent2-rgb:59,130,246;--accent-text:#06b6d4;--accent2-text:#679ef7;--on-accent:#0f2529;--on-accent-rgb:15,37,41;--gradient-text:linear-gradient(135deg,#06b6d4,#679ef7);--bb-success:#34d399;--bb-danger:#f87676;--bb-star:#fbbf24;--bb-warn:#fbbf24;--bb-grad:linear-gradient(135deg,#06b6d4,#4588f6);--bb-grad-subtle:linear-gradient(135deg,rgba(6,182,212,.15),rgba(59,130,246,.15));--bb-glass:rgba(255,255,255,.04);--bb-glass-2:rgba(255,255,255,.065);--bb-glass-3:rgba(255,255,255,.09);--bb-glass-accent:rgba(6, 182, 212, .14);--bb-glass-min:.86;--bb-border:rgba(255,255,255,.08);--bb-border-2:rgba(255,255,255,.14);--bb-border-accent:rgba(6, 182, 212, .28);--bb-bar-bg:rgba(10,22,40,.62);--bb-bar-blur:blur(16px) saturate(1.2);--bb-chip-bg:rgba(10,22,40,.38);--bb-chip-blur:blur(12px);--bb-stage:#0d2337;--bb-stage-accent:#06b6d4;--bb-card-fill:linear-gradient(170deg,rgba(13,35,55,.92),#0d2337);--sh-1:0 1px 2px rgba(0, 0, 0, .4);--sh-2:0 8px 24px rgba(0, 0, 0, .42);--sh-3:0 24px 60px rgba(0, 0, 0, .5), 0 0 60px rgba(6, 182, 212, .14);--sh-card:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 1px rgba(255,255,255,.07),0 24px 60px rgba(0,0,0,.42);--sh-cta:0 10px 30px rgba(6,182,212,.3);--sh-cta-hover:0 14px 36px rgba(6,182,212,.42);--sh-bloss:drop-shadow(0 12px 30px rgba(6,182,212,.35));--focus-ring:0 0 0 2px #0a1628,0 0 0 4px #06b6d4;--bb-accent:#06b6d4;--bb-accent2:#3b82f6;--bb-glow-1:rgba(6, 182, 212, .08);--bb-glow-2:rgba(59, 130, 246, .06);--bb-bg-rgb:10,22,40;--bb-bg-raise-rgb:14,26,45;--bb-text-rgb:232,244,248;--bb-ink-rgb:255,255,255;--bb-on-accent-rgb:15,37,41;--bb-accent-ink-rgb:6,182,212;--bb-pink-soft-rgb:93,208,227;--bb-purple-rgb:33,156,229;--bb-shadow-rgb:0,0,0;--bb-scrim-rgb:8,5,14;--bb-stage-rgb:13,35,55;--bb-stage-accent-rgb:6,182,212;--bb-stage-soft-rgb:6,182,212;--bb-success-rgb:52,211,153;--bb-danger-rgb:248,118,118;--bb-pass-rgb:253,164,175;--bb-pass-2-rgb:254,205,211}[data-theme=aurora]{color-scheme:dark;--bb-bg:#0f0f1a;--bb-bg-raise:#12121f;--bb-bg-panel:#252431;--bb-text:#f0f0f5;--bb-text-2:rgba(255, 255, 255, .66);--bb-text-3:rgba(255, 255, 255, .56);--bb-text-dis:rgba(255, 255, 255, .3);--bb-pink:#a78bfa;--bb-orange:#34d399;--bb-pink-soft:#c6b4fc;--bb-purple:#6eafca;--bb-accent-rgb:167,139,250;--bb-accent2-rgb:52,211,153;--accent-text:#a78bfa;--accent2-text:#34d399;--on-accent:#160f29;--on-accent-rgb:22,15,41;--gradient-text:linear-gradient(135deg,#a78bfa,#34d399);--bb-success:#34d399;--bb-danger:#f87171;--bb-star:#fbbf24;--bb-warn:#fbbf24;--bb-grad:linear-gradient(135deg,#a78bfa,#34d399);--bb-grad-subtle:linear-gradient(135deg,rgba(167,139,250,.15),rgba(52,211,153,.15));--bb-glass:rgba(255,255,255,.04);--bb-glass-2:rgba(255,255,255,.065);--bb-glass-3:rgba(255,255,255,.09);--bb-glass-accent:rgba(167, 139, 250, .14);--bb-glass-min:.86;--bb-border:rgba(255,255,255,.08);--bb-border-2:rgba(255,255,255,.14);--bb-border-accent:rgba(167, 139, 250, .28);--bb-bar-bg:rgba(15,15,26,.62);--bb-bar-blur:blur(16px) saturate(1.2);--bb-chip-bg:rgba(15,15,26,.38);--bb-chip-blur:blur(12px);--bb-stage:#1b192d;--bb-stage-accent:#a78bfa;--bb-card-fill:linear-gradient(170deg,rgba(27,25,45,.92),#1b192d);--sh-1:0 1px 2px rgba(0, 0, 0, .4);--sh-2:0 8px 24px rgba(0, 0, 0, .42);--sh-3:0 24px 60px rgba(0, 0, 0, .5), 0 0 60px rgba(167, 139, 250, .14);--sh-card:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 1px rgba(255,255,255,.07),0 24px 60px rgba(0,0,0,.42);--sh-cta:0 10px 30px rgba(167,139,250,.3);--sh-cta-hover:0 14px 36px rgba(167,139,250,.42);--sh-bloss:drop-shadow(0 12px 30px rgba(167,139,250,.35));--focus-ring:0 0 0 2px #0f0f1a,0 0 0 4px #a78bfa;--bb-accent:#a78bfa;--bb-accent2:#34d399;--bb-glow-1:rgba(167, 139, 250, .08);--bb-glow-2:rgba(52, 211, 153, .06);--bb-bg-rgb:15,15,26;--bb-bg-raise-rgb:18,18,31;--bb-text-rgb:240,240,245;--bb-ink-rgb:255,255,255;--bb-on-accent-rgb:22,15,41;--bb-accent-ink-rgb:167,139,250;--bb-pink-soft-rgb:198,180,252;--bb-purple-rgb:110,175,202;--bb-shadow-rgb:0,0,0;--bb-scrim-rgb:8,5,14;--bb-stage-rgb:27,25,45;--bb-stage-accent-rgb:167,139,250;--bb-stage-soft-rgb:167,139,250;--bb-success-rgb:52,211,153;--bb-danger-rgb:248,113,113;--bb-pass-rgb:253,164,175;--bb-pass-2-rgb:254,205,211}[data-theme=ember]{color-scheme:dark;--bb-bg:#1a0a0a;--bb-bg-raise:#1e0e0e;--bb-bg-panel:#311d1d;--bb-text:#fef2f2;--bb-text-2:rgba(255, 255, 255, .66);--bb-text-3:rgba(255, 255, 255, .56);--bb-text-dis:rgba(255, 255, 255, .3);--bb-pink:#ef4444;--bb-orange:#f59e0b;--bb-pink-soft:#f69898;--bb-purple:#f27128;--bb-accent-rgb:239,68,68;--bb-accent2-rgb:245,158,11;--accent-text:#f16060;--accent2-text:#f59e0b;--on-accent:#290f0f;--on-accent-rgb:41,15,15;--gradient-text:linear-gradient(135deg,#f16060,#f59e0b);--bb-success:#34d399;--bb-danger:#f87171;--bb-star:#fbbf24;--bb-warn:#fbbf24;--bb-grad:linear-gradient(135deg,#ef4444,#f59e0b);--bb-grad-subtle:linear-gradient(135deg,rgba(239,68,68,.15),rgba(245,158,11,.15));--bb-glass:rgba(255,255,255,.04);--bb-glass-2:rgba(255,255,255,.065);--bb-glass-3:rgba(255,255,255,.09);--bb-glass-accent:rgba(239, 68, 68, .14);--bb-glass-min:.86;--bb-border:rgba(255,255,255,.08);--bb-border-2:rgba(255,255,255,.14);--bb-border-accent:rgba(239, 68, 68, .28);--bb-bar-bg:rgba(26,10,10,.62);--bb-bar-blur:blur(16px) saturate(1.2);--bb-chip-bg:rgba(26,10,10,.38);--bb-chip-blur:blur(12px);--bb-stage:#2a1111;--bb-stage-accent:#f26565;--bb-card-fill:linear-gradient(170deg,rgba(42,17,17,.92),#2a1111);--sh-1:0 1px 2px rgba(0, 0, 0, .4);--sh-2:0 8px 24px rgba(0, 0, 0, .42);--sh-3:0 24px 60px rgba(0, 0, 0, .5), 0 0 60px rgba(239, 68, 68, .14);--sh-card:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 1px rgba(255,255,255,.07),0 24px 60px rgba(0,0,0,.42);--sh-cta:0 10px 30px rgba(239,68,68,.3);--sh-cta-hover:0 14px 36px rgba(239,68,68,.42);--sh-bloss:drop-shadow(0 12px 30px rgba(239,68,68,.35));--focus-ring:0 0 0 2px #1a0a0a,0 0 0 4px #f16060;--bb-accent:#ef4444;--bb-accent2:#f59e0b;--bb-glow-1:rgba(239, 68, 68, .1);--bb-glow-2:rgba(245, 158, 11, .08);--bb-bg-rgb:26,10,10;--bb-bg-raise-rgb:30,14,14;--bb-text-rgb:254,242,242;--bb-ink-rgb:255,255,255;--bb-on-accent-rgb:41,15,15;--bb-accent-ink-rgb:241,96,96;--bb-pink-soft-rgb:246,152,152;--bb-purple-rgb:242,113,40;--bb-shadow-rgb:0,0,0;--bb-scrim-rgb:8,5,14;--bb-stage-rgb:42,17,17;--bb-stage-accent-rgb:242,101,101;--bb-stage-soft-rgb:242,101,101;--bb-success-rgb:52,211,153;--bb-danger-rgb:248,113,113;--bb-pass-rgb:253,164,175;--bb-pass-2-rgb:254,205,211}[data-theme=frost]{color-scheme:light;--bb-bg:#f0f4f8;--bb-bg-raise:#fefefe;--bb-bg-panel:#fdfdfe;--bb-text:#0f172a;--bb-text-2:rgba(15, 23, 42, .8);--bb-text-3:rgba(15, 23, 42, .74);--bb-text-dis:rgba(15, 23, 42, .39);--bb-pink:#0ea5e9;--bb-orange:#6366f1;--bb-pink-soft:#075a80;--bb-purple:#3986ed;--bb-accent-rgb:14,165,233;--bb-accent2-rgb:99,102,241;--accent-text:#075a80;--accent2-text:#4649f0;--on-accent:#0f2129;--on-accent-rgb:15,33,41;--gradient-text:linear-gradient(135deg,#075a80,#4649f0);--bb-success:#046e4f;--bb-danger:#b91c1c;--bb-star:#a04b09;--bb-warn:#a04b09;--bb-grad:linear-gradient(135deg,#0ea5e9,#7678f3);--bb-grad-subtle:linear-gradient(135deg,rgba(14,165,233,.1),rgba(99,102,241,.1));--bb-glass:rgba(15,23,42,.04);--bb-glass-2:rgba(15,23,42,.06);--bb-glass-3:rgba(15,23,42,.085);--bb-glass-accent:rgba(14, 165, 233, .1);--bb-glass-min:.88;--bb-border:rgba(15,23,42,.1);--bb-border-2:rgba(15,23,42,.16);--bb-border-accent:rgba(14, 165, 233, .3);--bb-bar-bg:rgba(240,244,248,.78);--bb-bar-blur:blur(16px) saturate(1.2);--bb-chip-bg:rgba(254,254,254,.72);--bb-chip-blur:blur(12px);--bb-stage:#151b28;--bb-stage-accent:#0ea5e9;--bb-card-fill:linear-gradient(170deg,rgba(21,27,40,.92),#151b28);--sh-1:0 1px 2px rgba(15, 23, 42, .06);--sh-2:0 8px 24px rgba(15, 23, 42, .1);--sh-3:0 24px 60px rgba(15, 23, 42, .14), 0 0 60px rgba(14, 165, 233, .08);--sh-card:inset 0 1px 0 rgba(255,255,255,.65),0 0 0 1px rgba(15,23,42,.08),0 24px 60px rgba(15,23,42,.14);--sh-cta:0 10px 30px rgba(14,165,233,.22);--sh-cta-hover:0 14px 36px rgba(14,165,233,.3);--sh-bloss:drop-shadow(0 12px 30px rgba(14,165,233,.28));--focus-ring:0 0 0 2px #f0f4f8,0 0 0 4px #096892;--bb-accent:#0ea5e9;--bb-accent2:#6366f1;--bb-glow-1:rgba(14, 165, 233, .06);--bb-glow-2:rgba(99, 102, 241, .04);--bb-bg-rgb:240,244,248;--bb-bg-raise-rgb:254,254,254;--bb-text-rgb:15,23,42;--bb-ink-rgb:15,23,42;--bb-on-accent-rgb:15,33,41;--bb-accent-ink-rgb:7,90,128;--bb-pink-soft-rgb:7,90,128;--bb-purple-rgb:57,134,237;--bb-shadow-rgb:15,23,42;--bb-scrim-rgb:15,23,42;--bb-stage-rgb:21,27,40;--bb-stage-accent-rgb:14,165,233;--bb-stage-soft-rgb:14,165,233;--bb-success-rgb:4,110,79;--bb-danger-rgb:185,28,28;--bb-pass-rgb:185,28,28;--bb-pass-2-rgb:185,28,28}[data-theme=sakura]{color-scheme:light;--bb-bg:#fdf2f8;--bb-bg-raise:#fffefe;--bb-bg-panel:#fffdfe;--bb-text:#4a1942;--bb-text-2:rgba(74, 25, 66, .8);--bb-text-3:rgba(74, 25, 66, .74);--bb-text-dis:rgba(74, 25, 66, .42);--bb-pink:#ec4899;--bb-orange:#f9a8d4;--bb-pink-soft:#bf1468;--bb-purple:#f378b7;--bb-accent-rgb:236,72,153;--bb-accent2-rgb:249,168,212;--accent-text:#bf1468;--accent2-text:#bd0d6d;--on-accent:#290f1c;--on-accent-rgb:41,15,28;--gradient-text:linear-gradient(135deg,#bf1468,#bd0d6d);--bb-success:#046e4f;--bb-danger:#b91c1c;--bb-star:#a04b09;--bb-warn:#a04b09;--bb-grad:linear-gradient(135deg,#ec4899,#f9a8d4);--bb-grad-subtle:linear-gradient(135deg,rgba(236,72,153,.1),rgba(249,168,212,.1));--bb-glass:rgba(74,25,66,.04);--bb-glass-2:rgba(74,25,66,.06);--bb-glass-3:rgba(74,25,66,.085);--bb-glass-accent:rgba(236, 72, 153, .1);--bb-glass-min:.88;--bb-border:rgba(74,25,66,.1);--bb-border-2:rgba(74,25,66,.16);--bb-border-accent:rgba(236, 72, 153, .3);--bb-bar-bg:rgba(253,242,248,.78);--bb-bar-blur:blur(16px) saturate(1.2);--bb-chip-bg:rgba(255,254,254,.72);--bb-chip-blur:blur(12px);--bb-stage:#281525;--bb-stage-accent:#ef64a8;--bb-card-fill:linear-gradient(170deg,rgba(40,21,37,.92),#281525);--sh-1:0 1px 2px rgba(74, 25, 66, .06);--sh-2:0 8px 24px rgba(74, 25, 66, .1);--sh-3:0 24px 60px rgba(74, 25, 66, .14), 0 0 60px rgba(236, 72, 153, .08);--sh-card:inset 0 1px 0 rgba(255,255,255,.65),0 0 0 1px rgba(74,25,66,.08),0 24px 60px rgba(74,25,66,.14);--sh-cta:0 10px 30px rgba(236,72,153,.22);--sh-cta-hover:0 14px 36px rgba(236,72,153,.3);--sh-bloss:drop-shadow(0 12px 30px rgba(236,72,153,.28));--focus-ring:0 0 0 2px #fdf2f8,0 0 0 4px #bf1468;--bb-accent:#ec4899;--bb-accent2:#f9a8d4;--bb-glow-1:rgba(236, 72, 153, .05);--bb-glow-2:rgba(249, 168, 212, .04);--bb-bg-rgb:253,242,248;--bb-bg-raise-rgb:255,254,254;--bb-text-rgb:74,25,66;--bb-ink-rgb:74,25,66;--bb-on-accent-rgb:41,15,28;--bb-accent-ink-rgb:191,20,104;--bb-pink-soft-rgb:191,20,104;--bb-purple-rgb:243,120,183;--bb-shadow-rgb:74,25,66;--bb-scrim-rgb:74,25,66;--bb-stage-rgb:40,21,37;--bb-stage-accent-rgb:239,100,168;--bb-stage-soft-rgb:239,100,168;--bb-success-rgb:4,110,79;--bb-danger-rgb:185,28,28;--bb-pass-rgb:185,28,28;--bb-pass-2-rgb:185,28,28}[data-theme=void]{color-scheme:dark;--bb-bg:#000000;--bb-bg-raise:#08080b;--bb-bg-panel:#12191a;--bb-text:#e4e4e7;--bb-text-2:rgba(255, 255, 255, .66);--bb-text-3:rgba(255, 255, 255, .56);--bb-text-dis:rgba(255, 255, 255, .3);--bb-pink:#22d3ee;--bb-orange:#f0abfc;--bb-pink-soft:#6fe2f4;--bb-purple:#89bff5;--bb-accent-rgb:34,211,238;--bb-accent2-rgb:240,171,252;--accent-text:#22d3ee;--accent2-text:#f0abfc;--on-accent:#0f2629;--on-accent-rgb:15,38,41;--gradient-text:linear-gradient(135deg,#22d3ee,#f0abfc);--bb-success:#34d399;--bb-danger:#f87171;--bb-star:#fbbf24;--bb-warn:#fbbf24;--bb-grad:linear-gradient(135deg,#22d3ee,#f0abfc);--bb-grad-subtle:linear-gradient(135deg,rgba(34,211,238,.15),rgba(240,171,252,.15));--bb-glass:rgba(255,255,255,.04);--bb-glass-2:rgba(255,255,255,.065);--bb-glass-3:rgba(255,255,255,.09);--bb-glass-accent:rgba(34, 211, 238, .14);--bb-glass-min:.86;--bb-border:rgba(255,255,255,.08);--bb-border-2:rgba(255,255,255,.14);--bb-border-accent:rgba(34, 211, 238, .28);--bb-bar-bg:rgba(0,0,0,.62);--bb-bar-blur:blur(16px) saturate(1.2);--bb-chip-bg:rgba(0,0,0,.38);--bb-chip-blur:blur(12px);--bb-stage:#091419;--bb-stage-accent:#22d3ee;--bb-card-fill:linear-gradient(170deg,rgba(9,20,25,.92),#091419);--sh-1:0 1px 2px rgba(0, 0, 0, .4);--sh-2:0 8px 24px rgba(0, 0, 0, .42);--sh-3:0 24px 60px rgba(0, 0, 0, .5), 0 0 60px rgba(34, 211, 238, .14);--sh-card:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 1px rgba(255,255,255,.07),0 24px 60px rgba(0,0,0,.42);--sh-cta:0 10px 30px rgba(34,211,238,.3);--sh-cta-hover:0 14px 36px rgba(34,211,238,.42);--sh-bloss:drop-shadow(0 12px 30px rgba(34,211,238,.35));--focus-ring:0 0 0 2px #000000,0 0 0 4px #22d3ee;--bb-accent:#22d3ee;--bb-accent2:#f0abfc;--bb-glow-1:rgba(34, 211, 238, .06);--bb-glow-2:rgba(240, 171, 252, .05);--bb-bg-rgb:0,0,0;--bb-bg-raise-rgb:8,8,11;--bb-text-rgb:228,228,231;--bb-ink-rgb:255,255,255;--bb-on-accent-rgb:15,38,41;--bb-accent-ink-rgb:34,211,238;--bb-pink-soft-rgb:111,226,244;--bb-purple-rgb:137,191,245;--bb-shadow-rgb:0,0,0;--bb-scrim-rgb:8,5,14;--bb-stage-rgb:9,20,25;--bb-stage-accent-rgb:34,211,238;--bb-stage-soft-rgb:34,211,238;--bb-success-rgb:52,211,153;--bb-danger-rgb:248,113,113;--bb-pass-rgb:253,164,175;--bb-pass-2-rgb:254,205,211}[data-theme=forest]{color-scheme:dark;--bb-bg:#0a1a0a;--bb-bg-raise:#0e1c0e;--bb-bg-panel:#1b2f1d;--bb-text:#ecfdf5;--bb-text-2:rgba(255, 255, 255, .66);--bb-text-3:rgba(255, 255, 255, .56);--bb-text-dis:rgba(255, 255, 255, .3);--bb-pink:#22c55e;--bb-orange:#eab308;--bb-pink-soft:#6fd996;--bb-purple:#86bc33;--bb-accent-rgb:34,197,94;--bb-accent2-rgb:234,179,8;--accent-text:#22c55e;--accent2-text:#eab308;--on-accent:#0f2919;--on-accent-rgb:15,41,25;--gradient-text:linear-gradient(135deg,#22c55e,#eab308);--bb-success:#34d399;--bb-danger:#f87676;--bb-star:#fbbf24;--bb-warn:#fbbf24;--bb-grad:linear-gradient(135deg,#22c55e,#eab308);--bb-grad-subtle:linear-gradient(135deg,rgba(34,197,94,.15),rgba(234,179,8,.15));--bb-glass:rgba(255,255,255,.04);--bb-glass-2:rgba(255,255,255,.065);--bb-glass-3:rgba(255,255,255,.09);--bb-glass-accent:rgba(34, 197, 94, .14);--bb-glass-min:.86;--bb-border:rgba(255,255,255,.08);--bb-border-2:rgba(255,255,255,.14);--bb-border-accent:rgba(34, 197, 94, .28);--bb-bar-bg:rgba(10,26,10,.62);--bb-bar-blur:blur(16px) saturate(1.2);--bb-chip-bg:rgba(10,26,10,.38);--bb-chip-blur:blur(12px);--bb-stage:#0f2612;--bb-stage-accent:#22c55e;--bb-card-fill:linear-gradient(170deg,rgba(15,38,18,.92),#0f2612);--sh-1:0 1px 2px rgba(0, 0, 0, .4);--sh-2:0 8px 24px rgba(0, 0, 0, .42);--sh-3:0 24px 60px rgba(0, 0, 0, .5), 0 0 60px rgba(34, 197, 94, .14);--sh-card:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 1px rgba(255,255,255,.07),0 24px 60px rgba(0,0,0,.42);--sh-cta:0 10px 30px rgba(34,197,94,.3);--sh-cta-hover:0 14px 36px rgba(34,197,94,.42);--sh-bloss:drop-shadow(0 12px 30px rgba(34,197,94,.35));--focus-ring:0 0 0 2px #0a1a0a,0 0 0 4px #22c55e;--bb-accent:#22c55e;--bb-accent2:#eab308;--bb-glow-1:rgba(34, 197, 94, .08);--bb-glow-2:rgba(234, 179, 8, .06);--bb-bg-rgb:10,26,10;--bb-bg-raise-rgb:14,28,14;--bb-text-rgb:236,253,245;--bb-ink-rgb:255,255,255;--bb-on-accent-rgb:15,41,25;--bb-accent-ink-rgb:34,197,94;--bb-pink-soft-rgb:111,217,150;--bb-purple-rgb:134,188,51;--bb-shadow-rgb:0,0,0;--bb-scrim-rgb:8,5,14;--bb-stage-rgb:15,38,18;--bb-stage-accent-rgb:34,197,94;--bb-stage-soft-rgb:34,197,94;--bb-success-rgb:52,211,153;--bb-danger-rgb:248,118,118;--bb-pass-rgb:253,164,175;--bb-pass-2-rgb:254,205,211}[data-theme=retrowave]{color-scheme:dark;--bb-bg:#0d0221;--bb-bg-raise:#100427;--bb-bg-panel:#261736;--bb-text:#ffe4f9;--bb-text-2:rgba(255, 255, 255, .66);--bb-text-3:rgba(255, 255, 255, .56);--bb-text-dis:rgba(255, 255, 255, .3);--bb-pink:#ff6ec7;--bb-orange:#00fff7;--bb-pink-soft:#ffa1db;--bb-purple:#80b7df;--bb-accent-rgb:255,110,199;--bb-accent2-rgb:0,255,247;--accent-text:#ff6ec7;--accent2-text:#00fff7;--on-accent:#290f1f;--on-accent-rgb:41,15,31;--gradient-text:linear-gradient(135deg,#ff6ec7,#00fff7);--bb-success:#34d399;--bb-danger:#f87171;--bb-star:#fbbf24;--bb-warn:#fbbf24;--bb-grad:linear-gradient(135deg,#ff6ec7,#00fff7);--bb-grad-subtle:linear-gradient(135deg,rgba(255,110,199,.15),rgba(0,255,247,.15));--bb-glass:rgba(255,255,255,.04);--bb-glass-2:rgba(255,255,255,.065);--bb-glass-3:rgba(255,255,255,.09);--bb-glass-accent:rgba(255, 110, 199, .14);--bb-glass-min:.86;--bb-border:rgba(255,255,255,.08);--bb-border-2:rgba(255,255,255,.14);--bb-border-accent:rgba(255, 110, 199, .28);--bb-bar-bg:rgba(13,2,33,.62);--bb-bar-blur:blur(16px) saturate(1.2);--bb-chip-bg:rgba(13,2,33,.38);--bb-chip-blur:blur(12px);--bb-stage:#1e0a31;--bb-stage-accent:#ff6ec7;--bb-card-fill:linear-gradient(170deg,rgba(30,10,49,.92),#1e0a31);--sh-1:0 1px 2px rgba(0, 0, 0, .4);--sh-2:0 8px 24px rgba(0, 0, 0, .42);--sh-3:0 24px 60px rgba(0, 0, 0, .5), 0 0 60px rgba(255, 110, 199, .14);--sh-card:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 1px rgba(255,255,255,.07),0 24px 60px rgba(0,0,0,.42);--sh-cta:0 10px 30px rgba(255,110,199,.3);--sh-cta-hover:0 14px 36px rgba(255,110,199,.42);--sh-bloss:drop-shadow(0 12px 30px rgba(255,110,199,.35));--focus-ring:0 0 0 2px #0d0221,0 0 0 4px #ff6ec7;--bb-accent:#ff6ec7;--bb-accent2:#00fff7;--bb-glow-1:rgba(255, 110, 199, .12);--bb-glow-2:rgba(0, 255, 247, .08);--bb-bg-rgb:13,2,33;--bb-bg-raise-rgb:16,4,39;--bb-text-rgb:255,228,249;--bb-ink-rgb:255,255,255;--bb-on-accent-rgb:41,15,31;--bb-accent-ink-rgb:255,110,199;--bb-pink-soft-rgb:255,161,219;--bb-purple-rgb:128,183,223;--bb-shadow-rgb:0,0,0;--bb-scrim-rgb:8,5,14;--bb-stage-rgb:30,10,49;--bb-stage-accent-rgb:255,110,199;--bb-stage-soft-rgb:255,110,199;--bb-success-rgb:52,211,153;--bb-danger-rgb:248,113,113;--bb-pass-rgb:253,164,175;--bb-pass-2-rgb:254,205,211}[data-theme=sandstorm]{color-scheme:light;--bb-bg:#fef7ed;--bb-bg-raise:#fffbf3;--bb-bg-panel:#fffefc;--bb-text:#451a03;--bb-text-2:rgba(69, 26, 3, .8);--bb-text-3:rgba(69, 26, 3, .74);--bb-text-dis:rgba(69, 26, 3, .41);--bb-pink:#d97706;--bb-orange:#92400e;--bb-pink-soft:#985305;--bb-purple:#b65c0a;--bb-accent-rgb:217,119,6;--bb-accent2-rgb:146,64,14;--accent-text:#985305;--accent2-text:#92400e;--on-accent:#ffffff;--on-accent-rgb:255,255,255;--gradient-text:linear-gradient(135deg,#985305,#92400e);--bb-success:#047353;--bb-danger:#b91c1c;--bb-star:#a54d09;--bb-warn:#a54d09;--bb-grad:linear-gradient(135deg,#b16105,#92400e);--bb-grad-subtle:linear-gradient(135deg,rgba(217,119,6,.1),rgba(146,64,14,.1));--bb-glass:rgba(69,26,3,.04);--bb-glass-2:rgba(69,26,3,.06);--bb-glass-3:rgba(69,26,3,.085);--bb-glass-accent:rgba(217, 119, 6, .1);--bb-glass-min:.88;--bb-border:rgba(69,26,3,.1);--bb-border-2:rgba(69,26,3,.16);--bb-border-accent:rgba(217, 119, 6, .3);--bb-bar-bg:rgba(254,247,237,.78);--bb-bar-blur:blur(16px) saturate(1.2);--bb-chip-bg:rgba(255,251,243,.72);--bb-chip-blur:blur(12px);--bb-stage:#281c15;--bb-stage-accent:#e87f06;--bb-card-fill:linear-gradient(170deg,rgba(40,28,21,.92),#281c15);--sh-1:0 1px 2px rgba(69, 26, 3, .06);--sh-2:0 8px 24px rgba(69, 26, 3, .1);--sh-3:0 24px 60px rgba(69, 26, 3, .14), 0 0 60px rgba(217, 119, 6, .08);--sh-card:inset 0 1px 0 rgba(255,255,255,.65),0 0 0 1px rgba(69,26,3,.08),0 24px 60px rgba(69,26,3,.14);--sh-cta:0 10px 30px rgba(217,119,6,.22);--sh-cta-hover:0 14px 36px rgba(217,119,6,.3);--sh-bloss:drop-shadow(0 12px 30px rgba(217,119,6,.28));--focus-ring:0 0 0 2px #fef7ed,0 0 0 4px #985305;--bb-accent:#d97706;--bb-accent2:#92400e;--bb-glow-1:rgba(217, 119, 6, .06);--bb-glow-2:rgba(146, 64, 14, .04);--bb-bg-rgb:254,247,237;--bb-bg-raise-rgb:255,251,243;--bb-text-rgb:69,26,3;--bb-ink-rgb:69,26,3;--bb-on-accent-rgb:255,255,255;--bb-accent-ink-rgb:152,83,5;--bb-pink-soft-rgb:152,83,5;--bb-purple-rgb:182,92,10;--bb-shadow-rgb:69,26,3;--bb-scrim-rgb:69,26,3;--bb-stage-rgb:40,28,21;--bb-stage-accent-rgb:232,127,6;--bb-stage-soft-rgb:232,127,6;--bb-success-rgb:4,115,83;--bb-danger-rgb:185,28,28;--bb-pass-rgb:185,28,28;--bb-pass-2-rgb:185,28,28}[data-theme=liquidGlass]{color-scheme:dark;--bb-bg:#0a0a16;--bb-bg-raise:#0c0c19;--bb-bg-panel:#1f212e;--bb-text:#f0f0ff;--bb-text-2:rgba(255, 255, 255, .66);--bb-text-3:rgba(255, 255, 255, .56);--bb-text-dis:rgba(255, 255, 255, .3);--bb-pink:#88c8ff;--bb-orange:#e0aaff;--bb-pink-soft:#b2dbff;--bb-purple:#b4b9ff;--bb-accent-rgb:136,200,255;--bb-accent2-rgb:224,170,255;--accent-text:#88c8ff;--accent2-text:#e0aaff;--on-accent:#0f1d29;--on-accent-rgb:15,29,41;--gradient-text:linear-gradient(135deg,#88c8ff,#e0aaff);--bb-success:#34d399;--bb-danger:#f87676;--bb-star:#fbbf24;--bb-warn:#fbbf24;--bb-grad:linear-gradient(135deg,#88c8ff,#e0aaff);--bb-grad-subtle:linear-gradient(135deg,rgba(136,200,255,.15),rgba(224,170,255,.15));--bb-glass:rgba(255,255,255,.04);--bb-glass-2:rgba(255,255,255,.065);--bb-glass-3:rgba(255,255,255,.09);--bb-glass-accent:rgba(136, 200, 255, .14);--bb-glass-min:.86;--bb-border:rgba(255,255,255,.08);--bb-border-2:rgba(255,255,255,.14);--bb-border-accent:rgba(136, 200, 255, .28);--bb-bar-bg:rgba(10,10,22,.62);--bb-bar-blur:blur(24px) saturate(1.6);--bb-chip-bg:rgba(10,10,22,.38);--bb-chip-blur:blur(12px);--bb-stage:#131727;--bb-stage-accent:#88c8ff;--bb-card-fill:linear-gradient(170deg,rgba(19,23,39,.92),#131727);--sh-1:0 1px 2px rgba(0, 0, 0, .4);--sh-2:0 8px 24px rgba(0, 0, 0, .42);--sh-3:0 24px 60px rgba(0, 0, 0, .5), 0 0 60px rgba(136, 200, 255, .14);--sh-card:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 1px rgba(255,255,255,.07),0 24px 60px rgba(0,0,0,.42);--sh-cta:0 10px 30px rgba(136,200,255,.3);--sh-cta-hover:0 14px 36px rgba(136,200,255,.42);--sh-bloss:drop-shadow(0 12px 30px rgba(136,200,255,.35));--focus-ring:0 0 0 2px #0a0a16,0 0 0 4px #88c8ff;--bb-accent:#88c8ff;--bb-accent2:#e0aaff;--bb-glow-1:rgba(136, 200, 255, .14);--bb-glow-2:rgba(224, 170, 255, .1);--bb-bg-rgb:10,10,22;--bb-bg-raise-rgb:12,12,25;--bb-text-rgb:240,240,255;--bb-ink-rgb:255,255,255;--bb-on-accent-rgb:15,29,41;--bb-accent-ink-rgb:136,200,255;--bb-pink-soft-rgb:178,219,255;--bb-purple-rgb:180,185,255;--bb-shadow-rgb:0,0,0;--bb-scrim-rgb:8,5,14;--bb-stage-rgb:19,23,39;--bb-stage-accent-rgb:136,200,255;--bb-stage-soft-rgb:136,200,255;--bb-success-rgb:52,211,153;--bb-danger-rgb:248,118,118;--bb-pass-rgb:253,164,175;--bb-pass-2-rgb:254,205,211}[data-theme=galaxy]{color-scheme:dark;--bb-bg:#070514;--bb-bg-raise:#0a0818;--bb-bg-panel:#1c192c;--bb-text:#ede9fe;--bb-text-2:rgba(255, 255, 255, .66);--bb-text-3:rgba(255, 255, 255, .56);--bb-text-dis:rgba(255, 255, 255, .3);--bb-pink:#8b5cf6;--bb-orange:#ec4899;--bb-pink-soft:#bca2fa;--bb-purple:#bc52c8;--bb-accent-rgb:139,92,246;--bb-accent2-rgb:236,72,153;--accent-text:#9870f7;--accent2-text:#ec4899;--on-accent:#170f29;--on-accent-rgb:23,15,41;--gradient-text:linear-gradient(135deg,#9870f7,#ec4899);--bb-success:#34d399;--bb-danger:#f87171;--bb-star:#fbbf24;--bb-warn:#fbbf24;--bb-grad:linear-gradient(135deg,#8e61f6,#ec4899);--bb-grad-subtle:linear-gradient(135deg,rgba(139,92,246,.15),rgba(236,72,153,.15));--bb-glass:rgba(255,255,255,.04);--bb-glass-2:rgba(255,255,255,.065);--bb-glass-3:rgba(255,255,255,.09);--bb-glass-accent:rgba(139, 92, 246, .14);--bb-glass-min:.86;--bb-border:rgba(255,255,255,.08);--bb-border-2:rgba(255,255,255,.14);--bb-border-accent:rgba(139, 92, 246, .28);--bb-bar-bg:rgba(7,5,20,.62);--bb-bar-blur:blur(16px) saturate(1.2);--bb-chip-bg:rgba(7,5,20,.38);--bb-chip-blur:blur(12px);--bb-stage:#120d25;--bb-stage-accent:#9c74f7;--bb-card-fill:linear-gradient(170deg,rgba(18,13,37,.92),#120d25);--sh-1:0 1px 2px rgba(0, 0, 0, .4);--sh-2:0 8px 24px rgba(0, 0, 0, .42);--sh-3:0 24px 60px rgba(0, 0, 0, .5), 0 0 60px rgba(139, 92, 246, .14);--sh-card:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 1px rgba(255,255,255,.07),0 24px 60px rgba(0,0,0,.42);--sh-cta:0 10px 30px rgba(139,92,246,.3);--sh-cta-hover:0 14px 36px rgba(139,92,246,.42);--sh-bloss:drop-shadow(0 12px 30px rgba(139,92,246,.35));--focus-ring:0 0 0 2px #070514,0 0 0 4px #9870f7;--bb-accent:#8b5cf6;--bb-accent2:#ec4899;--bb-glow-1:rgba(139, 92, 246, .1);--bb-glow-2:rgba(236, 72, 153, .08);--bb-bg-rgb:7,5,20;--bb-bg-raise-rgb:10,8,24;--bb-text-rgb:237,233,254;--bb-ink-rgb:255,255,255;--bb-on-accent-rgb:23,15,41;--bb-accent-ink-rgb:152,112,247;--bb-pink-soft-rgb:188,162,250;--bb-purple-rgb:188,82,200;--bb-shadow-rgb:0,0,0;--bb-scrim-rgb:8,5,14;--bb-stage-rgb:18,13,37;--bb-stage-accent-rgb:156,116,247;--bb-stage-soft-rgb:156,116,247;--bb-success-rgb:52,211,153;--bb-danger-rgb:248,113,113;--bb-pass-rgb:253,164,175;--bb-pass-2-rgb:254,205,211}[data-theme=lotus]{color-scheme:dark;--accent-text:#f472b6;--on-accent:#290f1d;--on-accent-rgb:41,15,29;--gradient-text:linear-gradient(135deg,#f472b6,#34d399);--bb-bg:#0a1614;--bb-bg-raise:#0e1d1a;--bb-bg-panel:#23292a;--bb-text:#f3faf7;--bb-text-2:rgba(255, 255, 255, .66);--bb-text-3:rgba(255, 255, 255, .56);--bb-text-dis:rgba(255, 255, 255, .3);--bb-pink:#f472b6;--bb-orange:#34d399;--bb-pink-soft:#f8a3d0;--bb-purple:#94a3a8;--bb-accent-rgb:244,114,182;--bb-accent2-rgb:52,211,153;--accent2-text:#34d399;--bb-success:#34d399;--bb-danger:#f87171;--bb-star:#fbbf24;--bb-warn:#fbbf24;--bb-grad:linear-gradient(135deg,#f472b6,#34d399);--bb-grad-subtle:linear-gradient(135deg,rgba(244,114,182,.15),rgba(52,211,153,.15));--bb-glass:rgba(255,255,255,.04);--bb-glass-2:rgba(255,255,255,.065);--bb-glass-3:rgba(255,255,255,.09);--bb-glass-accent:rgba(244, 114, 182, .14);--bb-glass-min:.86;--bb-border:rgba(255,255,255,.08);--bb-border-2:rgba(255,255,255,.14);--bb-border-accent:rgba(244, 114, 182, .28);--bb-bar-bg:rgba(10,22,20,.62);--bb-bar-blur:blur(16px) saturate(1.2);--bb-chip-bg:rgba(10,22,20,.38);--bb-chip-blur:blur(12px);--bb-stage:#1b2224;--bb-stage-accent:#f472b6;--bb-card-fill:linear-gradient(170deg,rgba(27,34,36,.92),#1b2224);--sh-1:0 1px 2px rgba(0, 0, 0, .4);--sh-2:0 8px 24px rgba(0, 0, 0, .42);--sh-3:0 24px 60px rgba(0, 0, 0, .5), 0 0 60px rgba(244, 114, 182, .14);--sh-card:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 1px rgba(255,255,255,.07),0 24px 60px rgba(0,0,0,.42);--sh-cta:0 10px 30px rgba(244,114,182,.3);--sh-cta-hover:0 14px 36px rgba(244,114,182,.42);--sh-bloss:drop-shadow(0 12px 30px rgba(244,114,182,.35));--focus-ring:0 0 0 2px #0a1614,0 0 0 4px #f472b6;--bb-accent:#f472b6;--bb-accent2:#34d399;--bb-glow-1:rgba(244, 114, 182, .09);--bb-glow-2:rgba(52, 211, 153, .06);--bb-bg-rgb:10,22,20;--bb-bg-raise-rgb:14,29,26;--bb-text-rgb:243,250,247;--bb-ink-rgb:255,255,255;--bb-on-accent-rgb:41,15,29;--bb-accent-ink-rgb:244,114,182;--bb-pink-soft-rgb:248,163,208;--bb-purple-rgb:148,163,168;--bb-shadow-rgb:0,0,0;--bb-scrim-rgb:8,5,14;--bb-stage-rgb:27,34,36;--bb-stage-accent-rgb:244,114,182;--bb-stage-soft-rgb:244,114,182;--bb-success-rgb:52,211,153;--bb-danger-rgb:248,113,113;--bb-pass-rgb:253,164,175;--bb-pass-2-rgb:254,205,211}[data-theme=vinyl]{color-scheme:dark;--accent-text:#f5a524;--on-accent:#291f0f;--on-accent-rgb:41,31,15;--gradient-text:linear-gradient(135deg,#f5a524,#fcd9a8);--bb-bg:#14100c;--bb-bg-raise:#1d1712;--bb-bg-panel:#2c251d;--bb-text:#fbf3e6;--bb-text-2:rgba(255, 255, 255, .66);--bb-text-3:rgba(255, 255, 255, .56);--bb-text-dis:rgba(255, 255, 255, .3);--bb-pink:#f5a524;--bb-orange:#fcd9a8;--bb-pink-soft:#f9c571;--bb-purple:#f9bf66;--bb-accent-rgb:245,165,36;--bb-accent2-rgb:252,217,168;--accent2-text:#fcd9a8;--bb-success:#34d399;--bb-danger:#f87171;--bb-star:#fbbf24;--bb-warn:#fbbf24;--bb-grad:linear-gradient(135deg,#f5a524,#fcd9a8);--bb-grad-subtle:linear-gradient(135deg,rgba(245,165,36,.15),rgba(252,217,168,.15));--bb-glass:rgba(255,255,255,.04);--bb-glass-2:rgba(255,255,255,.065);--bb-glass-3:rgba(255,255,255,.09);--bb-glass-accent:rgba(245, 165, 36, .14);--bb-glass-min:.86;--bb-border:rgba(255,255,255,.08);--bb-border-2:rgba(255,255,255,.14);--bb-border-accent:rgba(245, 165, 36, .28);--bb-bar-bg:rgba(20,16,12,.62);--bb-bar-blur:blur(16px) saturate(1.2);--bb-chip-bg:rgba(20,16,12,.38);--bb-chip-blur:blur(12px);--bb-stage:#2a2013;--bb-stage-accent:#f5a524;--bb-card-fill:linear-gradient(170deg,rgba(42,32,19,.92),#2a2013);--sh-1:0 1px 2px rgba(0, 0, 0, .4);--sh-2:0 8px 24px rgba(0, 0, 0, .42);--sh-3:0 24px 60px rgba(0, 0, 0, .5), 0 0 60px rgba(245, 165, 36, .14);--sh-card:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 1px rgba(255,255,255,.07),0 24px 60px rgba(0,0,0,.42);--sh-cta:0 10px 30px rgba(245,165,36,.3);--sh-cta-hover:0 14px 36px rgba(245,165,36,.42);--sh-bloss:drop-shadow(0 12px 30px rgba(245,165,36,.35));--focus-ring:0 0 0 2px #14100c,0 0 0 4px #f5a524;--bb-accent:#f5a524;--bb-accent2:#fcd9a8;--bb-glow-1:rgba(245, 165, 36, .09);--bb-glow-2:rgba(252, 217, 168, .05);--bb-bg-rgb:20,16,12;--bb-bg-raise-rgb:29,23,18;--bb-text-rgb:251,243,230;--bb-ink-rgb:255,255,255;--bb-on-accent-rgb:41,31,15;--bb-accent-ink-rgb:245,165,36;--bb-pink-soft-rgb:249,197,113;--bb-purple-rgb:249,191,102;--bb-shadow-rgb:0,0,0;--bb-scrim-rgb:8,5,14;--bb-stage-rgb:42,32,19;--bb-stage-accent-rgb:245,165,36;--bb-stage-soft-rgb:245,165,36;--bb-success-rgb:52,211,153;--bb-danger-rgb:248,113,113;--bb-pass-rgb:253,164,175;--bb-pass-2-rgb:254,205,211}[data-theme=matcha]{color-scheme:light;--accent-text:#41690c;--on-accent:#1e290f;--on-accent-rgb:30,41,15;--gradient-text:linear-gradient(135deg,#41690c,#47690c);--bb-bg:#f4f2e8;--bb-bg-raise:#fefefd;--bb-bg-panel:#fdfdfc;--bb-text:#1c2612;--bb-text-2:rgba(28, 38, 18, .8);--bb-text-3:rgba(28, 38, 18, .74);--bb-text-dis:rgba(28, 38, 18, .42);--bb-pink:#4d7c0f;--bb-orange:#a3e635;--bb-pink-soft:#41690c;--bb-purple:#78b122;--bb-accent-rgb:77,124,15;--bb-accent2-rgb:163,230,53;--accent2-text:#47690c;--bb-success:#046e4f;--bb-danger:#b91c1c;--bb-star:#9b4808;--bb-warn:#9b4808;--bb-grad:linear-gradient(135deg,#619c13,#a3e635);--bb-grad-subtle:linear-gradient(135deg,rgba(77,124,15,.1),rgba(163,230,53,.1));--bb-glass:rgba(28,38,18,.04);--bb-glass-2:rgba(28,38,18,.06);--bb-glass-3:rgba(28,38,18,.085);--bb-glass-accent:rgba(77, 124, 15, .1);--bb-glass-min:.88;--bb-border:rgba(28,38,18,.1);--bb-border-2:rgba(28,38,18,.16);--bb-border-accent:rgba(77, 124, 15, .3);--bb-bar-bg:rgba(244,242,232,.78);--bb-bar-blur:blur(16px) saturate(1.2);--bb-chip-bg:rgba(254,254,253,.72);--bb-chip-blur:blur(12px);--bb-stage:#1f2815;--bb-stage-accent:#6fb316;--bb-card-fill:linear-gradient(170deg,rgba(31,40,21,.92),#1f2815);--sh-1:0 1px 2px rgba(28, 38, 18, .06);--sh-2:0 8px 24px rgba(28, 38, 18, .1);--sh-3:0 24px 60px rgba(28, 38, 18, .14), 0 0 60px rgba(77, 124, 15, .08);--sh-card:inset 0 1px 0 rgba(255,255,255,.65),0 0 0 1px rgba(28,38,18,.08),0 24px 60px rgba(28,38,18,.14);--sh-cta:0 10px 30px rgba(77,124,15,.22);--sh-cta-hover:0 14px 36px rgba(77,124,15,.3);--sh-bloss:drop-shadow(0 12px 30px rgba(77,124,15,.28));--focus-ring:0 0 0 2px #f4f2e8,0 0 0 4px #41690c;--bb-accent:#4d7c0f;--bb-accent2:#a3e635;--bb-glow-1:rgba(77, 124, 15, .06);--bb-glow-2:rgba(163, 230, 53, .05);--bb-bg-rgb:244,242,232;--bb-bg-raise-rgb:254,254,253;--bb-text-rgb:28,38,18;--bb-ink-rgb:28,38,18;--bb-on-accent-rgb:30,41,15;--bb-accent-ink-rgb:65,105,12;--bb-pink-soft-rgb:65,105,12;--bb-purple-rgb:120,177,34;--bb-shadow-rgb:28,38,18;--bb-scrim-rgb:28,38,18;--bb-stage-rgb:31,40,21;--bb-stage-accent-rgb:111,179,22;--bb-stage-soft-rgb:111,179,22;--bb-success-rgb:4,110,79;--bb-danger-rgb:185,28,28;--bb-pass-rgb:185,28,28;--bb-pass-2-rgb:185,28,28}[data-theme=lavenderHaze]{color-scheme:light;--accent-text:#7631ec;--on-accent:#190f29;--on-accent-rgb:25,15,41;--gradient-text:linear-gradient(135deg,#7631ec,#a407bf);--bb-bg:#f5f3ff;--bb-bg-raise:#fefeff;--bb-bg-panel:#fefdff;--bb-text:#24123f;--bb-text-2:rgba(36, 18, 63, .8);--bb-text-3:rgba(36, 18, 63, .74);--bb-text-dis:rgba(36, 18, 63, .4);--bb-pink:#7c3aed;--bb-orange:#f0abfc;--bb-pink-soft:#7631ec;--bb-purple:#b673f5;--bb-accent-rgb:124,58,237;--bb-accent2-rgb:240,171,252;--accent2-text:#a407bf;--bb-success:#046e4f;--bb-danger:#b91c1c;--bb-star:#9b4808;--bb-warn:#9b4808;--bb-grad:linear-gradient(135deg,#955ff0,#f0abfc);--bb-grad-subtle:linear-gradient(135deg,rgba(124,58,237,.1),rgba(240,171,252,.1));--bb-glass:rgba(36,18,63,.04);--bb-glass-2:rgba(36,18,63,.06);--bb-glass-3:rgba(36,18,63,.085);--bb-glass-accent:rgba(124, 58, 237, .1);--bb-glass-min:.88;--bb-border:rgba(36,18,63,.1);--bb-border-2:rgba(36,18,63,.16);--bb-border-accent:rgba(124, 58, 237, .3);--bb-bar-bg:rgba(245,243,255,.78);--bb-bar-blur:blur(16px) saturate(1.2);--bb-chip-bg:rgba(254,254,255,.72);--bb-chip-blur:blur(12px);--bb-stage:#1d1528;--bb-stage-accent:#a87bf3;--bb-card-fill:linear-gradient(170deg,rgba(29,21,40,.92),#1d1528);--sh-1:0 1px 2px rgba(36, 18, 63, .06);--sh-2:0 8px 24px rgba(36, 18, 63, .1);--sh-3:0 24px 60px rgba(36, 18, 63, .14), 0 0 60px rgba(124, 58, 237, .08);--sh-card:inset 0 1px 0 rgba(255,255,255,.65),0 0 0 1px rgba(36,18,63,.08),0 24px 60px rgba(36,18,63,.14);--sh-cta:0 10px 30px rgba(124,58,237,.22);--sh-cta-hover:0 14px 36px rgba(124,58,237,.3);--sh-bloss:drop-shadow(0 12px 30px rgba(124,58,237,.28));--focus-ring:0 0 0 2px #f5f3ff,0 0 0 4px #7631ec;--bb-accent:#7c3aed;--bb-accent2:#f0abfc;--bb-glow-1:rgba(124, 58, 237, .06);--bb-glow-2:rgba(240, 171, 252, .05);--bb-bg-rgb:245,243,255;--bb-bg-raise-rgb:254,254,255;--bb-text-rgb:36,18,63;--bb-ink-rgb:36,18,63;--bb-on-accent-rgb:25,15,41;--bb-accent-ink-rgb:118,49,236;--bb-pink-soft-rgb:118,49,236;--bb-purple-rgb:182,115,245;--bb-shadow-rgb:36,18,63;--bb-scrim-rgb:36,18,63;--bb-stage-rgb:29,21,40;--bb-stage-accent-rgb:168,123,243;--bb-stage-soft-rgb:168,123,243;--bb-success-rgb:4,110,79;--bb-danger-rgb:185,28,28;--bb-pass-rgb:185,28,28;--bb-pass-2-rgb:185,28,28}[data-theme=mono]{color-scheme:dark;--accent-text:#f472b6;--on-accent:#290f1d;--on-accent-rgb:41,15,29;--gradient-text:linear-gradient(135deg,#f472b6,#f9a8d4);--bb-bg:#111112;--bb-bg-raise:#19191b;--bb-bg-panel:#292428;--bb-text:#f4f4f5;--bb-text-2:rgba(255, 255, 255, .66);--bb-text-3:rgba(255, 255, 255, .56);--bb-text-dis:rgba(255, 255, 255, .3);--bb-pink:#f472b6;--bb-orange:#f9a8d4;--bb-pink-soft:#f8a3d0;--bb-purple:#f78dc5;--bb-accent-rgb:244,114,182;--bb-accent2-rgb:249,168,212;--accent2-text:#f9a8d4;--bb-success:#34d399;--bb-danger:#f87171;--bb-star:#fbbf24;--bb-warn:#fbbf24;--bb-grad:linear-gradient(135deg,#f472b6,#f9a8d4);--bb-grad-subtle:linear-gradient(135deg,rgba(244,114,182,.15),rgba(249,168,212,.15));--bb-glass:rgba(255,255,255,.04);--bb-glass-2:rgba(255,255,255,.065);--bb-glass-3:rgba(255,255,255,.09);--bb-glass-accent:rgba(244, 114, 182, .14);--bb-glass-min:.86;--bb-border:rgba(255,255,255,.08);--bb-border-2:rgba(255,255,255,.14);--bb-border-accent:rgba(244, 114, 182, .28);--bb-bar-bg:rgba(17,17,18,.62);--bb-bar-blur:blur(16px) saturate(1.2);--bb-chip-bg:rgba(17,17,18,.38);--bb-chip-blur:blur(12px);--bb-stage:#261f24;--bb-stage-accent:#f472b6;--bb-card-fill:linear-gradient(170deg,rgba(38,31,36,.92),#261f24);--sh-1:0 1px 2px rgba(0, 0, 0, .4);--sh-2:0 8px 24px rgba(0, 0, 0, .42);--sh-3:0 24px 60px rgba(0, 0, 0, .5), 0 0 60px rgba(244, 114, 182, .14);--sh-card:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 1px rgba(255,255,255,.07),0 24px 60px rgba(0,0,0,.42);--sh-cta:0 10px 30px rgba(244,114,182,.3);--sh-cta-hover:0 14px 36px rgba(244,114,182,.42);--sh-bloss:drop-shadow(0 12px 30px rgba(244,114,182,.35));--focus-ring:0 0 0 2px #111112,0 0 0 4px #f472b6;--bb-accent:#f472b6;--bb-accent2:#f9a8d4;--bb-glow-1:rgba(244, 114, 182, .05);--bb-glow-2:rgba(249, 168, 212, 0);--bb-bg-rgb:17,17,18;--bb-bg-raise-rgb:25,25,27;--bb-text-rgb:244,244,245;--bb-ink-rgb:255,255,255;--bb-on-accent-rgb:41,15,29;--bb-accent-ink-rgb:244,114,182;--bb-pink-soft-rgb:248,163,208;--bb-purple-rgb:247,141,197;--bb-shadow-rgb:0,0,0;--bb-scrim-rgb:8,5,14;--bb-stage-rgb:38,31,36;--bb-stage-accent-rgb:244,114,182;--bb-stage-soft-rgb:244,114,182;--bb-success-rgb:52,211,153;--bb-danger-rgb:248,113,113;--bb-pass-rgb:253,164,175;--bb-pass-2-rgb:254,205,211}[data-theme=custom]{color-scheme:dark;--bb-bg:#121212;--bb-bg-raise:#121212;--bb-bg-panel:#26252a;--bb-text:#f5f5f7;--bb-text-2:rgba(255, 255, 255, .66);--bb-text-3:rgba(255, 255, 255, .56);--bb-text-dis:rgba(255, 255, 255, .3);--bb-pink:#8b5cf6;--bb-orange:#ec4899;--bb-pink-soft:#c3abfa;--bb-purple:#bc52c8;--bb-accent-rgb:139,92,246;--bb-accent2-rgb:236,72,153;--accent-text:#a27ef8;--accent2-text:#ee5fa6;--on-accent:#170f29;--on-accent-rgb:23,15,41;--gradient-text:linear-gradient(135deg,#a27ef8,#ee5fa6);--bb-success:#34d399;--bb-danger:#f87171;--bb-star:#fbbf24;--bb-warn:#fbbf24;--bb-grad:linear-gradient(135deg,#8e61f6,#ec4899);--bb-grad-subtle:linear-gradient(135deg,rgba(139,92,246,.15),rgba(236,72,153,.15));--bb-glass:rgba(255,255,255,.04);--bb-glass-2:rgba(255,255,255,.065);--bb-glass-3:rgba(255,255,255,.09);--bb-glass-accent:rgba(139, 92, 246, .14);--bb-glass-min:.86;--bb-border:rgba(255,255,255,.08);--bb-border-2:rgba(255,255,255,.14);--bb-border-accent:rgba(139, 92, 246, .28);--bb-bar-bg:rgba(18,18,18,.62);--bb-bar-blur:blur(16px) saturate(1.2);--bb-chip-bg:rgba(18,18,18,.38);--bb-chip-blur:blur(12px);--bb-stage:#191620;--bb-stage-accent:#a37ef8;--bb-card-fill:linear-gradient(170deg,rgba(25,22,32,.92),#191620);--sh-1:0 1px 2px rgba(0, 0, 0, .4);--sh-2:0 8px 24px rgba(0, 0, 0, .42);--sh-3:0 24px 60px rgba(0, 0, 0, .5), 0 0 60px rgba(139, 92, 246, .14);--sh-card:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 1px rgba(255,255,255,.07),0 24px 60px rgba(0,0,0,.42);--sh-cta:0 10px 30px rgba(139,92,246,.3);--sh-cta-hover:0 14px 36px rgba(139,92,246,.42);--sh-bloss:drop-shadow(0 12px 30px rgba(139,92,246,.35));--focus-ring:0 0 0 2px #121212,0 0 0 4px #a27ef8;--bb-accent:#8b5cf6;--bb-accent2:#ec4899;--bb-glow-1:rgba(139, 92, 246, .08);--bb-glow-2:rgba(236, 72, 153, .06);--bb-bg-rgb:18,18,18;--bb-bg-raise-rgb:18,18,18;--bb-text-rgb:245,245,247;--bb-ink-rgb:255,255,255;--bb-on-accent-rgb:23,15,41;--bb-accent-ink-rgb:162,126,248;--bb-pink-soft-rgb:195,171,250;--bb-purple-rgb:188,82,200;--bb-shadow-rgb:0,0,0;--bb-scrim-rgb:8,5,14;--bb-stage-rgb:25,22,32;--bb-stage-accent-rgb:163,126,248;--bb-stage-soft-rgb:163,126,248;--bb-success-rgb:52,211,153;--bb-danger-rgb:248,113,113;--bb-pass-rgb:253,164,175;--bb-pass-2-rgb:254,205,211}:root{--dur-instant: .1s;--dur-fast: .15s;--dur-base: .25s;--dur-slow: .42s;--dur-lazy: .6s;--ease: cubic-bezier(.22,1,.36,1);--ease-back: cubic-bezier(.34,1.56,.64,1);--ease-in: cubic-bezier(.4,0,1,1);--ease-in-out: cubic-bezier(.65,0,.35,1);--ease-breathe:cubic-bezier(.45,0,.55,1);--spring-snappy: linear(0, .007 1.3%, .025 2.5%, .058 4.1%, .1 5.6%, .193 8.4%, .417 14.4%, .523 17.5%, .619 20.5%, .702 23.5%, .772 26.6%, .83 29.6%, .88 32.9%, .921 36.5%, .954 40.3%, .977 44.3%, 1.003 53.9%, 1.007 64.8%, 1);--spring-gentle: linear(0, .007 1.4%, .024 2.8%, .054 4.4%, .092 6%, .184 9.2%, .5 19.2%, .595 22.6%, .677 26.1%, .744 29.3%, .803 32.7%, .851 36.1%, .892 39.7%, .928 43.9%, .956 48.5%, .977 53.5%, .991 59.3%, 1.003 73.5%, 1);--spring-bouncy: linear(0, .01 1%, .036 2%, .083 3.2%, .143 4.4%, .281 6.6%, .583 10.8%, .711 12.7%, .826 14.6%, .924 16.5%, 1.004 18.4%, 1.065 20.3%, 1.108 22.2%, 1.137 24.2%, 1.151 26.9%, 1.142 29.9%, 1.12 32.7%, 1.017 43.1%, .993 47%, .98 51.1%, .978 57.1%, 1.003 76.9%, 1);--spring-soft: linear(0, .006 1.2%, .02 2.4%, .084 5.4%, .161 8.1%, .46 17.8%, .553 21.2%, .631 24.5%, .697 27.9%, .756 31.3%, .807 34.9%, .851 38.9%, .89 43.4%, .922 48.3%, .947 53.9%, .966 60.1%, .989 74.8%, 1);--spring-snappy-dur: 395ms;--spring-gentle-dur: 499ms;--spring-bouncy-dur: 685ms;--spring-soft-dur: 664ms;--lg-blur: blur(24px)}@supports not (transition-timing-function: linear(0,1)){:root{--spring-snappy: cubic-bezier(.22,1,.36,1);--spring-gentle: cubic-bezier(.22,1,.36,1);--spring-soft: cubic-bezier(.22,1,.36,1);--spring-bouncy: cubic-bezier(.34,1.56,.64,1)}}:root{--bb-bar-blur: blur(16px) saturate(1.2)}[data-theme=liquidGlass]{--bb-bar-blur: blur(24px) saturate(1.6)}@media (max-width: 767px),(pointer: coarse){:root,[data-theme]{--bb-bar-blur: blur(12px) saturate(1.2);--bb-chip-blur: blur(8px);--blur: blur(12px);--blur-strong: blur(12px);--lg-blur: blur(16px)}[data-theme=liquidGlass]{--bb-bar-blur: blur(16px) saturate(1.4)}}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.bb-glass{background:rgba(var(--bb-bg-raise-rgb),var(--bb-glass-min))}:root,[data-theme]{--bb-bar-bg: rgba(var(--bb-bg-rgb), var(--bb-glass-min));--bb-chip-bg: rgba(var(--bb-bg-raise-rgb), var(--bb-glass-min))}}html[data-low-power] .bb-glass{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(var(--bb-bg-raise-rgb),var(--bb-glass-min))}html[data-low-power],html[data-low-power] [data-theme]{--bb-bar-blur: none;--bb-chip-blur: none;--blur: none;--blur-strong: none;--lg-blur: none;--bb-bar-bg: rgba(var(--bb-bg-rgb), var(--bb-glass-min));--bb-chip-bg: rgba(var(--bb-bg-raise-rgb), var(--bb-glass-min))}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}html.mo-vt-route .app-layout.sh .page{view-transition-name:page}::view-transition-group(page){animation:none}html.mo-vt-push::view-transition-group(*){animation-duration:var(--dur-slow);animation-timing-function:var(--spring-soft)}html.mo-vt-push::view-transition-group(page){animation:none}::view-transition-old(page){animation:mo-page-out var(--dur-instant) var(--ease-in) both}::view-transition-new(page){animation:mo-page-in var(--dur-base) var(--ease) both}@keyframes mo-page-out{to{opacity:0}}@keyframes mo-page-in{0%{opacity:0;transform:translateY(6px)}}.app-layout.sh .sidebar .nav{isolation:isolate;position:relative}.mo-nav-hold{background:transparent!important;box-shadow:none!important}.mo-nav-hold:before{opacity:0!important}.app-layout.sh .sidebar .nav-link.active:before{transition:opacity var(--dur-fast) var(--ease)}@media (prefers-reduced-motion: reduce){*:not(.swp):not(.swp *):not(.bb-spin),*:not(.swp):not(.swp *):not(.bb-spin):before,*:not(.swp):not(.swp *):not(.bb-spin):after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.15s!important;scroll-behavior:auto!important}::view-transition-old(page),::view-transition-new(page){animation:none}}.bb-press{transition:transform var(--spring-snappy-dur) var(--spring-snappy)}.bb-press:active{transform:scale(var(--press-scale, .96));transition:transform var(--dur-instant) var(--ease)}.bb-press:focus-visible{outline:none;box-shadow:var(--focus-ring)}.bb-press.bb-glow{position:relative}.bb-press.bb-glow:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:var(--sh-cta-hover);opacity:0;pointer-events:none;transition:opacity var(--dur-base) var(--ease)}@media (hover: hover) and (pointer: fine){.bb-press:hover:not(:active){transform:translateY(-1px);transition:transform var(--dur-fast) var(--ease)}.bb-press.bb-glow:hover:after{opacity:1;transition-duration:var(--dur-fast)}}@media (prefers-reduced-motion: reduce){.bb-press{transition:transform var(--dur-fast) linear}.bb-press:hover:not(:active){transform:none}}.bloss-floor{position:relative}.bloss-floor:after{content:"";position:absolute;left:50%;bottom:2%;width:56%;height:9%;margin-left:-28%;border-radius:50%;pointer-events:none;opacity:.5;background:radial-gradient(closest-side,rgba(var(--bb-shadow-rgb, 0,0,0),.55),transparent)}.bloss-halo{position:relative}.bloss-halo:before{content:"";position:absolute;top:-12%;right:-12%;bottom:-12%;left:-12%;border-radius:50%;pointer-events:none;z-index:-1;background:radial-gradient(closest-side,rgba(var(--bb-accent-rgb),.22),transparent 70%)}[data-theme-mode=light] .bloss-halo:before{background:radial-gradient(closest-side,rgba(var(--bb-accent-rgb),.22),transparent 70%),radial-gradient(closest-side,rgba(var(--bb-ink-rgb),.06),transparent)}@media (prefers-reduced-motion: reduce){img.bloss{will-change:auto!important}.bloss-floor:after{opacity:.5;transform:none}}.bb-card{position:relative;border-radius:20px;padding:22px;background:radial-gradient(120% 90% at 12% 0%,rgba(var(--accent-rgb),.1),transparent 58%),linear-gradient(158deg,#ffffff0e,#ffffff04);border:1px solid rgba(255,255,255,.09);box-shadow:inset 0 1px #ffffff14,0 14px 34px #00000047}.bb-card-interactive{cursor:pointer;transition:transform .22s cubic-bezier(.22,1,.36,1),border-color .22s,box-shadow .22s}.bb-card-interactive:hover{transform:translateY(-4px);border-color:rgba(var(--accent-rgb),.42);box-shadow:inset 0 1px #ffffff1a,0 20px 44px #0000005c,0 0 30px rgba(var(--accent-rgb),.16)}.bb-card-interactive:active{transform:translateY(-1px)}@media (prefers-reduced-motion: reduce){.bb-card-interactive{transition:border-color .22s,box-shadow .22s}.bb-card-interactive:hover{transform:none}}.bb-card-tight{padding:16px;border-radius:16px}.bb-section-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.bb-section-head h2,.bb-section-head h3{font-size:1.05rem;font-weight:700;letter-spacing:-.01em;color:var(--text-primary);white-space:nowrap}.bb-section-head:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(var(--accent-rgb),.35),transparent)}.bb-icon-tile{display:flex;align-items:center;justify-content:center;flex:none;width:40px;height:40px;border-radius:12px;color:var(--accent-text);background:rgba(var(--accent-rgb),.13);border:1px solid rgba(var(--accent-rgb),.26)}.bb-icon-tile svg{display:block;width:20px;height:20px}.bb-icon-tile-round{border-radius:50%}.bb-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:44px 24px}.bb-empty .bb-icon-tile{width:56px;height:56px;border-radius:18px}.bb-empty .bb-icon-tile svg{width:26px;height:26px}.bb-empty h3{font-size:1.05rem;font-weight:700;color:var(--text-primary)}.bb-empty p{font-size:.88rem;line-height:1.55;color:var(--text-secondary);max-width:40ch}.bb-empty>button{margin-top:6px}.dj-sessions-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px}.dj-sessions-title,.feed-title,.feed-header h1,.feed-header h2,.library-header h1,.library-header h2,.discover-header h2,.profile-display-name{font-size:clamp(1.5rem,3vw,2rem);font-weight:800;letter-spacing:-.025em;background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@media (max-width: 768px){.dj-sessions-title,.feed-title,.feed-header h1,.feed-header h2,.library-header h1,.library-header h2,.discover-header h2,.profile-display-name{font-size:1.3rem}.dj-sessions-header{align-items:stretch;text-align:left}.create-session-trigger{width:100%}}.dj-sessions-subtitle{margin-top:4px;font-size:.88rem;color:var(--text-secondary)}.dj-invite-section.bb-card{padding:16px 18px;margin-bottom:22px}.dj-invite-input-wrap{max-width:420px}.dj-invite-input{flex:1;min-width:0;letter-spacing:.18em;text-transform:uppercase;font-variant-numeric:tabular-nums}.dj-sessions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(288px,1fr));gap:16px}.session-card{position:relative;overflow:hidden}.session-card-name{font-size:1.02rem;font-weight:700;letter-spacing:-.01em;color:var(--text-primary)}.session-card-now-playing{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:12px;background:#00000038;border:1px solid rgba(255,255,255,.06)}.session-card-track-art{width:34px;height:34px;border-radius:7px;object-fit:cover;flex:none}.session-card-track-info{display:flex;flex-direction:column;min-width:0}.session-card-track-name,.session-card-track-artist{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-card-join-btn{margin-top:auto}@media (max-width: 640px){.dj-sessions-grid{grid-template-columns:1fr;gap:12px}.dj-sessions-header{margin-bottom:16px}}.dj-leaderboard-list,.dj-cards{display:flex;flex-direction:column;gap:10px}.dj-card{gap:6px}.follow-self-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--accent-text);background:rgba(var(--accent-rgb),.14);border:1px solid rgba(var(--accent-rgb),.36);white-space:nowrap}.feed-header{margin-bottom:18px}.feed-subtitle{margin-top:4px;font-size:.88rem;color:var(--text-secondary)}.feed-list{display:flex;flex-direction:column;gap:12px}.feed-item{align-items:flex-start;gap:12px}.feed-composer{gap:12px;margin-bottom:16px}.feed-live-list{gap:10px}.feed-live-card{gap:12px}.feed-song-card{padding:9px 10px;margin-top:8px;border-radius:12px;background:#00000038;border:1px solid rgba(255,255,255,.06)}.feed-song-art{width:36px;height:36px;border-radius:8px;object-fit:cover;flex:none}.feed-song-art-ph{display:flex;align-items:center;justify-content:center;color:var(--accent-text);background:rgba(var(--accent-rgb),.13);border:1px solid rgba(var(--accent-rgb),.24)}.feed-song-art-ph svg{width:18px;height:18px}.feed-song-info{min-width:0;display:flex;flex-direction:column}.feed-song-name,.feed-song-artist{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-sidebar{display:flex;flex-direction:column;gap:14px}.feed-suggested h4,.feed-sidebar-tip h4{font-size:.86rem;font-weight:700;color:var(--text-primary);margin-bottom:10px}@media (max-width: 768px){.feed-list{gap:10px}}.feed-filter-chip,.feed-filter-dd-item,.feed-filter-dd-btn{display:inline-flex;align-items:center;gap:6px}.feed-filter-dd-item{width:100%;justify-content:flex-start}.feed-search-icon{display:inline-flex;align-items:center;color:var(--text-tertiary)}.feed-like-btn,.feed-comment-btn{display:inline-flex;align-items:center;gap:6px}.feed-like-btn.liked{color:var(--accent-text)}.library-header{margin-bottom:18px}.library-list,.library-playlist-list{display:flex;flex-direction:column;gap:10px}.library-item{gap:12px}.library-art{width:44px;height:44px;border-radius:9px;object-fit:cover;flex:none}.library-info{min-width:0}.library-name,.library-artist{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-connect-banner{border-style:dashed}.library-search-icon{display:inline-flex;align-items:center;color:var(--text-tertiary)}.library-pl-action{display:inline-flex;align-items:center;justify-content:center;min-width:30px;min-height:30px;padding:0 6px;border-radius:8px;color:var(--text-secondary);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:color .15s,border-color .15s,background .15s}.library-pl-action:hover{color:var(--accent-text);border-color:rgba(var(--accent-rgb),.45)}.library-pl-action svg{display:block}.library-pl-export{padding:0 14px!important;min-height:30px}.library-export-label{font-size:12.5px;font-weight:600;letter-spacing:.01em}.library-pl-export{width:auto;min-width:28px;padding:0 11px;gap:6px;font-size:12px;font-weight:600}.library-export-label{white-space:nowrap;line-height:1}.profile-tab{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.profile-tab-icon{display:inline-flex;align-items:center;color:currentColor}.profile-tab-icon svg{display:block}.profile-tabs{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:44px 24px;color:var(--text-secondary)}.empty-state h3{font-size:1.05rem;font-weight:700;color:var(--text-primary)}.profile-tabs{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,.08)}.profile-tabs::-webkit-scrollbar{display:none}.profile-tab{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;padding:10px 14px;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-size:13.5px;font-weight:600;white-space:nowrap;cursor:pointer;transition:color .15s,border-color .15s}.profile-tab:hover{color:var(--text-primary)}.profile-tab.active{color:var(--accent-text);border-bottom-color:var(--accent)}.profile-tab-icon{display:inline-flex;align-items:center;flex:none}.stat-card{display:flex;flex-direction:column;gap:4px}.stat-value{font-size:1.6rem;font-weight:800;letter-spacing:-.02em;line-height:1.1;color:var(--text-primary);font-variant-numeric:tabular-nums}.stat-label{font-size:.74rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary)}.ratings-list,.history-list{display:flex;flex-direction:column;gap:10px}.rating-item,.history-item{gap:12px}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:44px 24px;color:var(--text-secondary)}.empty-state h3{font-size:1.02rem;font-weight:700;color:var(--text-primary)}.empty-state p{font-size:.88rem;line-height:1.55;max-width:40ch}.blossoms-board{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.blossoms-row{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}.blossoms-rank{flex:none;min-width:26px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--text-tertiary)}.blossoms-pic{width:34px;height:34px;border-radius:50%;object-fit:cover;flex:none}.blossoms-amount{margin-left:auto;font-weight:800;color:var(--accent-text);font-variant-numeric:tabular-nums}.blossoms-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px}.blossoms-stat{display:flex;flex-direction:column;gap:4px}.settings-page{display:flex;flex-direction:column;gap:16px}.settings-section{margin:0}.accounts-list{display:flex;flex-direction:column;gap:10px}.account-row{display:flex;align-items:center;gap:12px}.account-icon{display:inline-flex;align-items:center;justify-content:center;flex:none}.account-info{min-width:0;flex:1}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;align-items:stretch}.plan-card{display:flex;flex-direction:column;gap:12px;min-width:0}@media (max-width: 768px){.plan-card{padding:16px;gap:10px}}.plan-card.featured{border-color:rgba(var(--accent-rgb),.45);box-shadow:inset 0 1px #ffffff1a,0 20px 44px #0000005c,0 0 34px rgba(var(--accent-rgb),.18)}.plan-card.current{border-color:rgba(var(--accent-rgb),.3)}.plan-price{display:flex;align-items:baseline;gap:4px}.price-amount{font-size:2.1rem;font-weight:800;letter-spacing:-.03em;color:var(--text-primary);font-variant-numeric:tabular-nums}.price-period{font-size:.85rem;color:var(--text-tertiary)}.plan-features{display:flex;flex-direction:column;gap:7px}.plan-btn{margin-top:auto}@media (max-width: 640px){.plans-grid{grid-template-columns:1fr}.settings-page{gap:12px}}.admin-page{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:18px;animation:slideUp .4s ease-out}.admin-page:not(.am-shell *){padding:calc(24px + var(--sat,0px)) 20px 24px;max-width:480px;margin:0 auto}.admin-page:not(.am-shell *) h1{font-family:var(--bb-font-display,Righteous);font-size:28px}.admin-page:not(.am-shell *) .card{display:flex;flex-direction:column;gap:18px;padding:24px}.admin-header{margin-bottom:2px}.admin-title{font-size:clamp(1.5rem,3vw,2rem);font-weight:800;letter-spacing:-.025em;background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.admin-subtitle{margin-top:4px;font-size:.88rem;color:var(--text-secondary)}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media (max-width: 768px){.admin-grid{grid-template-columns:1fr}}.admin-card{padding:18px 20px}.admin-live-tag{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#34d399}.admin-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.admin-card-head h2{font-size:1rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:8px}.admin-count{font-size:.75rem;font-weight:700;color:#34d399;background:#34d39926;padding:1px 8px;border-radius:10px}.admin-export{display:flex;gap:6px}.admin-btn{font-size:12px;font-weight:600;color:var(--text-secondary);background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:8px;padding:5px 10px;cursor:pointer;transition:color .15s,border-color .15s}.admin-page:not(.am-shell *) .admin-btn{min-height:44px;padding:0 20px;font-size:15px;border-radius:999px}.admin-btn:hover{color:var(--text-primary);border-color:var(--accent)}.admin-search{width:100%;box-sizing:border-box;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:10px;padding:10px 12px;color:var(--text-primary);font-size:14px;margin-bottom:10px;outline:none}.admin-search:focus{border-color:var(--accent)}.admin-user-list{list-style:none;display:flex;flex-direction:column;gap:2px;max-height:320px;overflow-y:auto}.admin-user-row{width:100%;display:flex;align-items:center;gap:10px;padding:9px 10px;background:none;border:none;border-radius:8px;color:var(--text-primary);font-size:14px;text-align:left;cursor:pointer}.admin-user-row:hover{background:var(--bg-glass)}.admin-online-dot{flex:none;width:7px;height:7px;border-radius:50%;background:#34d399}.admin-user-name{font-weight:600}.admin-user-meta{margin-left:auto;font-size:12px;color:var(--text-tertiary)}.admin-empty{color:var(--text-tertiary);font-size:13px;padding:8px 2px}.admin-help{color:var(--text-secondary);font-size:12.5px;line-height:1.45;margin:4px 0 10px}.admin-detail-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px 22px}.admin-detail-group h3{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--accent-text);margin-bottom:8px}.admin-detail-group dl{margin:0}.admin-detail-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:5px 0;font-size:13px;border-bottom:1px solid rgba(255,255,255,.04)}.admin-detail-row dt{color:var(--text-secondary);flex:none;margin:0}.admin-detail-row dd{color:var(--text-primary);text-align:right;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums}.admin-stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:12px}.admin-stat{text-align:center}.admin-stat-val{display:block;font-size:clamp(1.3rem,2.4vw,1.8rem);font-weight:800;line-height:1.1;background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-variant-numeric:tabular-nums}.admin-stat-label{display:block;margin-top:3px;font-size:11.5px;color:var(--text-secondary)}.admin-bars{list-style:none;display:flex;flex-direction:column;gap:8px}.admin-bar-row{display:flex;align-items:center;gap:10px;font-size:13px}.admin-bar-label{flex:0 0 90px;color:var(--text-secondary)}.admin-bar-track{flex:1;height:8px;border-radius:4px;background:var(--bg-glass);overflow:hidden}.admin-bar-fill{display:block;height:100%;border-radius:4px;background:var(--gradient)}.admin-bar-val{flex:0 0 auto;min-width:42px;text-align:right;color:var(--text-primary);font-variant-numeric:tabular-nums}.admin-range{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:4px 0 8px}.admin-btn-on{outline:2px solid var(--accent);outline-offset:1px}.admin-tag{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:999px;font-size:.68rem;font-weight:600;letter-spacing:.02em;color:var(--text-secondary);border:1px solid var(--border-color, rgba(128,128,128,.4));text-transform:none}.admin-sub{font-size:.8rem;font-weight:700;color:var(--text-secondary);margin:14px 0 6px}.admin-kv{margin:0}.admin-nottracked{display:flex;flex-direction:column;gap:2px;padding:8px 0;border-bottom:1px solid var(--border-color, rgba(128,128,128,.25));font-size:.85rem;color:var(--text-secondary)}.admin-nottracked strong{color:var(--text-primary)}.admin-ops-row{display:flex;justify-content:space-between;gap:10px;padding:6px 0;font-size:.85rem;overflow-wrap:anywhere}.admin-links{display:flex;gap:14px;flex-wrap:wrap;margin:10px 0 0}.admin-table-wrap{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;font-size:.82rem}.admin-table th,.admin-table td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--border-color, rgba(128,128,128,.25));white-space:nowrap}@media (max-width: 768px){.admin-grid{grid-template-columns:1fr}.admin-stat-row{grid-template-columns:repeat(2,1fr)}}.admin-note{margin:0 0 12px;padding:8px 12px;border-radius:10px;border:1px solid var(--border-glass);color:var(--text-secondary);font-size:.85rem}.dsc-search{display:flex;gap:10px;margin-bottom:14px}.dsc-search-field{flex:1;display:flex;align-items:center;gap:10px;padding:0 16px;height:48px;border-radius:14px;background:var(--bg-glass);border:1px solid var(--border-glass)}.dsc-search-icon{width:18px;height:18px;color:var(--text-tertiary);flex-shrink:0}.dsc-search-input{flex:1;min-width:0;background:none;border:none;outline:none;color:var(--text-primary);font-size:15px}.dsc-search-input::placeholder{color:var(--text-tertiary)}.dsc-search-go{width:48px;height:48px;flex-shrink:0;border-radius:14px;background:var(--bg-glass);border:1px solid var(--border-glass);color:var(--text-secondary);display:grid;place-items:center;cursor:pointer;transition:border-color .15s,color .15s}.dsc-search-go svg{width:20px;height:20px}.dsc-search-go:not(:disabled):hover{color:var(--accent-text);border-color:rgba(var(--accent-rgb),.5)}.dsc-search-go:disabled{opacity:.5;cursor:default}.dsc-genres{display:flex;gap:8px;margin-bottom:16px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.dsc-genres::-webkit-scrollbar{display:none}.dsc-tune{display:inline-flex;align-items:center;gap:6px}.tune-panel{position:fixed;z-index:1200;overflow-y:auto;padding:16px 18px;border-radius:18px;background:var(--bg-primary);border:1px solid var(--border-glass);box-shadow:0 18px 50px #00000059;display:grid;gap:12px}.tune-panel.tune-sheet{left:0;right:0;bottom:0;max-height:85vh;border-radius:20px 20px 0 0;padding-bottom:calc(18px + var(--sab, 0px))}.tune-head{display:flex;align-items:center;justify-content:space-between}.tune-head h3{margin:0;font-size:15px;color:var(--text-primary)}.tune-close{background:none;border:none;color:var(--text-secondary);font-size:22px;line-height:1;cursor:pointer;padding:2px 6px}.tune-row{display:grid;grid-template-columns:92px 1fr;align-items:center;gap:10px}.tune-label{font-size:13px;font-weight:600;color:var(--text-secondary)}.tune-seg{display:inline-flex;flex-wrap:wrap;gap:4px;padding:3px;border-radius:999px;background:var(--bg-glass);border:1px solid var(--border-glass);width:fit-content}.tune-chips{display:flex;flex-wrap:wrap;gap:6px}.tune-opt{padding:6px 12px;border-radius:999px;border:1px solid transparent;background:none;color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer}.tune-chips .tune-opt{border-color:var(--border-glass);background:var(--bg-glass)}.tune-opt:hover{color:var(--text-primary)}.tune-opt.on{background:var(--gradient);color:var(--on-accent);border-color:transparent}.tune-import{grid-template-columns:auto 1fr}.tune-note{font-size:13px;color:var(--text-secondary)}.tune-actions{display:flex;justify-content:flex-end;gap:8px}@media (max-width: 768px){.tune-row{grid-template-columns:1fr;gap:6px}.tune-import{grid-template-columns:1fr}}.dsc-genre{flex-shrink:0;padding:9px 18px;border-radius:999px;border:1px solid var(--border-glass);background:var(--bg-glass);color:var(--text-secondary);font-size:14px;font-weight:600;cursor:pointer;transition:color .15s,border-color .15s}.dsc-genre:hover{color:var(--text-primary);border-color:rgba(var(--accent-rgb),.4)}.dsc-genre.active{background:var(--gradient);border-color:transparent;color:var(--on-accent)}.dsc-main{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px;align-items:start;margin-bottom:16px}.np-card{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1fr);grid-template-areas:"art info" "stats stats";gap:24px 28px;padding:24px;border-radius:20px;background:var(--bg-glass);border:1px solid var(--border-glass)}.np-art-col{grid-area:art;min-width:0;display:flex;flex-direction:column;gap:16px}.np-info-col{grid-area:info;min-width:0;display:flex;flex-direction:column}.np-stats{grid-area:stats}.np-art-frame{position:relative;width:100%;aspect-ratio:1;display:grid;place-items:center}.np-art-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(from 210deg,rgba(var(--accent-rgb),0) 0deg,var(--accent) 90deg,var(--accent-secondary) 180deg,rgba(var(--accent-rgb),0) 260deg,rgba(var(--accent-rgb),0) 360deg);-webkit-mask:radial-gradient(circle,transparent 0 calc(50% - 4px),#000 calc(50% - 4px) 50%,transparent 50%);mask:radial-gradient(circle,transparent 0 calc(50% - 4px),#000 calc(50% - 4px) 50%,transparent 50%);filter:drop-shadow(0 0 14px rgba(var(--accent-rgb),.55));animation:np-ring-spin 18s linear infinite}@keyframes np-ring-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.np-art-ring{animation:none}}.np-art-inner{position:relative;width:calc(100% - 26px);aspect-ratio:1;border-radius:50%;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:0 0 40px rgba(var(--accent-rgb),.28)}.np-art{width:100%;height:100%;object-fit:cover;display:block}.np-art-play{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;border:none;background:#00000059;color:#fff;cursor:pointer;opacity:0;transition:opacity .18s}.np-art-inner:hover .np-art-play,.np-art-play:focus-visible{opacity:1}.np-art-play svg{width:54px;height:54px;filter:drop-shadow(0 2px 10px rgba(0,0,0,.5))}.np-wave-wrap{display:flex;flex-direction:column;gap:6px}.wave{display:flex;align-items:center;gap:2px;height:56px;width:100%}.wave-bar{flex:1;min-width:1px;border-radius:2px;background:rgba(var(--accent-rgb),.22);transition:height .08s linear}.wave-bar.played{background:linear-gradient(180deg,var(--accent),var(--accent-secondary))}.np-times{display:flex;justify-content:space-between;font-size:12px;color:var(--text-tertiary);font-variant-numeric:tabular-nums}.np-title-row{display:flex;align-items:flex-start;gap:12px}.np-title{flex:1;min-width:0;font-size:2rem;font-weight:800;line-height:1.15;color:var(--text-primary);word-break:break-word}.np-share-wrap{position:relative;flex-shrink:0}.np-more{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--bg-glass-strong);border:1px solid var(--border-glass);color:var(--text-secondary);cursor:pointer}.np-more svg{width:16px;height:16px}.np-more:hover{color:var(--accent-text)}.np-artist{font-size:1.05rem;font-weight:700;color:var(--accent-text);margin-top:6px}.np-album{font-size:.95rem;color:var(--text-tertiary);margin-top:2px}.np-reason{display:inline-block;margin-top:6px;padding:3px 10px;border-radius:999px;font-size:.8rem;color:var(--accent-text);background:var(--bg-glass);border:1px solid var(--border-glass);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.np-rate-block{margin-top:auto;padding-top:18px}.np-rate-label{font-size:13px;color:var(--text-secondary);font-weight:600}.np-rate-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin-top:4px}.np-stars{display:flex;gap:4px}.np-star{background:none;border:none;cursor:pointer;font-size:30px;line-height:1;padding:0;color:var(--star-empty);transition:color .12s,transform .12s}.np-star.filled{color:#fbbf24}.np-star:hover{transform:scale(1.12)}.np-avg{font-size:15px;font-weight:700;color:var(--text-secondary)}.np-avg-count{font-weight:500;color:var(--text-tertiary)}.np-mood-toggle{margin-top:16px;width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 16px;border-radius:12px;background:var(--bg-glass-strong);border:1px solid var(--border-glass);color:var(--text-primary);font-size:15px;font-weight:600;cursor:pointer}.np-mood-toggle:hover{border-color:rgba(var(--accent-rgb),.45)}.np-chevron{width:18px;height:18px;transition:transform .2s;flex-shrink:0}.np-mood-toggle.open .np-chevron{transform:rotate(180deg)}.np-mood-panel{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.np-mood-chip{padding:7px 13px;border-radius:999px;border:1px solid var(--border-glass);background:var(--bg-glass);color:var(--text-secondary);font-size:13px;cursor:pointer}.np-mood-chip.selected{background:rgba(var(--accent-rgb),.18);border-color:var(--accent);color:var(--accent-text)}.np-note{margin-top:12px}.np-note-input{width:100%;padding:12px 14px;border-radius:12px;background:var(--bg-glass-strong);border:1px solid var(--border-glass);color:var(--text-primary);font-size:14px;outline:none}.np-note-input:focus{border-color:rgba(var(--accent-rgb),.6)}.np-note-locked{width:100%;padding:12px 14px;border-radius:12px;background:rgba(var(--accent-rgb),.07);border:1px dashed rgba(var(--accent-rgb),.4);color:var(--text-secondary);font-size:13px;text-align:left;cursor:pointer}.np-actions{display:flex;gap:10px;margin-top:14px}.np-action{flex:1;padding:13px 12px;border-radius:12px;background:transparent;border:1px solid var(--border-glass);color:var(--text-primary);font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.np-action:hover{border-color:rgba(var(--accent-rgb),.5)}.np-action.saved{border-color:var(--accent);color:var(--accent-text)}.np-action-icon{font-size:16px;line-height:1}.np-cta-row{display:flex;gap:10px;margin-top:12px}.np-rate-next{flex:1;padding:15px 20px;border-radius:14px;border:none;background:var(--gradient);color:var(--on-accent);font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:filter .15s,transform .1s}.np-rate-next:hover:not(:disabled){filter:brightness(1.08)}.np-rate-next:active:not(:disabled){transform:translateY(1px)}.np-rate-next:disabled{opacity:.45;cursor:default}.np-cta-icon{width:18px;height:18px}.np-skip{padding:15px 20px;border-radius:14px;background:transparent;border:1px solid var(--border-glass);color:var(--text-secondary);font-size:15px;font-weight:600;cursor:pointer}.np-skip:hover{color:var(--text-primary)}.np-notforme{padding:15px 14px;display:inline-flex;align-items:center;justify-content:center}.np-stats{display:grid;grid-template-columns:repeat(3,1fr);padding-top:18px;border-top:1px solid var(--border-glass)}.np-stat{display:flex;align-items:center;justify-content:center;gap:8px;position:relative}.np-stat+.np-stat:before{content:"";position:absolute;left:0;top:10%;height:80%;width:1px;background:var(--border-glass)}.np-stat-icon{color:var(--accent-text);display:grid;place-items:center}.np-stat-icon svg{width:20px;height:20px}.np-stat-num{font-size:17px;font-weight:700;color:var(--text-primary)}.np-stat-label{font-size:11px;letter-spacing:.08em;color:var(--text-tertiary);font-weight:600}.dsc-comments{border-radius:20px;background:var(--bg-glass);border:1px solid var(--border-glass);overflow:hidden;min-width:0}.dsc-upnext{padding:18px 20px 20px;border-radius:20px;background:var(--bg-glass);border:1px solid var(--border-glass)}.dsc-upnext-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.dsc-upnext-head h4{font-size:12px;letter-spacing:.1em;color:var(--text-tertiary);font-weight:700}.dsc-upnext-clear{background:none;border:none;color:var(--accent-text);font-size:13px;font-weight:600;cursor:pointer}.dsc-upnext-clear:disabled{opacity:.4;cursor:default}.dsc-upnext-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.dsc-upnext-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;background:var(--bg-glass-strong);border:1px solid var(--border-glass);min-width:0}.dsc-upnext-art{width:46px;height:46px;border-radius:8px;object-fit:cover;flex-shrink:0}.dsc-upnext-text{display:flex;flex-direction:column;min-width:0;flex:1}.dsc-upnext-name{font-size:14px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dsc-upnext-artist{font-size:12px;color:var(--text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dsc-upnext-remove{flex-shrink:0;background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:4px}.dsc-upnext-remove svg{width:18px;height:18px}.dsc-upnext-remove:hover{color:var(--accent-text)}.dsc-upnext-empty{grid-column:1 / -1;font-size:13px;color:var(--text-tertiary)}@media (max-width: 1100px){.dsc-main{grid-template-columns:1fr}.dsc-comments{order:2}}@media (max-width: 768px){.discover-header{flex-wrap:nowrap;gap:8px;align-items:center}.discover-title-area{min-width:0;flex-shrink:1}.discover-header h2{font-size:1.05rem;white-space:nowrap}.discover-header .live-count{font-size:10px;margin-left:6px;gap:5px}.discover-header-right{gap:8px;flex-shrink:0}.xp-bar-widget{min-width:86px}.xp-level-row{font-size:11px;gap:5px}.xp-streak{font-size:10px}.xp-label{font-size:9px}.track-counter{font-size:11px;padding:4px 10px;white-space:nowrap}.dsc-search{gap:8px;margin-bottom:12px}.dsc-search-field,.dsc-search-go{height:44px}.dsc-search-go{width:44px}.dsc-genre{padding:8px 15px;font-size:13px}.np-card{grid-template-columns:minmax(0,.85fr) minmax(0,1fr);grid-template-areas:"art info" "wave wave" "stats stats";gap:14px;padding:14px;border-radius:18px}.np-art-col{display:contents}.np-art-slot{grid-area:art}.np-wave-wrap{grid-area:wave}.np-title{font-size:1.35rem}.np-artist{font-size:.95rem}.np-album{font-size:.85rem}.np-star{font-size:24px}.np-avg{font-size:13px}.np-rate-block{margin-top:12px}.np-mood-toggle{margin-top:12px;padding:11px 13px;font-size:14px}.np-actions{margin-top:10px}.np-action{padding:11px 8px;font-size:13px}.np-cta-row{margin-top:10px;flex-direction:column;gap:8px}.np-rate-next{padding:13px 16px;font-size:15px}.np-skip{padding:11px 14px;font-size:14px;width:100%}.wave{height:44px}.np-stats{padding-top:14px}.np-stat{flex-wrap:wrap;gap:4px 6px}.np-stat-label{width:100%;text-align:center}.dsc-upnext{padding:14px 14px 16px;border-radius:18px}.dsc-upnext-list{grid-template-columns:1fr;gap:8px}}@media (max-width: 340px){.np-card{grid-template-columns:1fr;grid-template-areas:"art" "info" "wave" "stats"}.np-art-frame{max-width:220px;margin:0 auto}}.np-transport{display:flex;align-items:center;gap:14px;margin-top:2px}.np-play{width:42px;height:42px;flex-shrink:0;border-radius:50%;border:none;background:var(--gradient);color:var(--on-accent);display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 16px rgba(var(--accent-rgb),.4);transition:filter .15s,transform .1s}.np-play svg{width:20px;height:20px;margin-left:1px}.np-play:hover{filter:brightness(1.1)}.np-play:active{transform:scale(.94)}.np-volume{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.np-vol-btn{background:none;border:none;padding:0;cursor:pointer;color:var(--text-secondary);display:grid;place-items:center;flex-shrink:0}.np-vol-btn svg{width:18px;height:18px}.np-vol-btn:hover{color:var(--accent-text)}.np-vol-range{flex:1;min-width:40px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:999px;outline:none;cursor:pointer;background:linear-gradient(to right,var(--accent) 0%,var(--accent) var(--vol, 100%),rgba(255,255,255,.15) var(--vol, 100%),rgba(255,255,255,.15) 100%)}.np-vol-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:13px;height:13px;border-radius:50%;background:#fff;border:none;cursor:pointer;box-shadow:0 1px 4px #00000080}.np-vol-range::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:#fff;border:none;cursor:pointer}.np-detail-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:999px;border:1px solid rgba(var(--accent-rgb),.5);background:rgba(var(--accent-rgb),.12);color:var(--accent-text);font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}.np-detail-btn svg{width:13px;height:13px}.np-detail-btn:hover{background:rgba(var(--accent-rgb),.2)}.np-card-detail{display:flex;flex-direction:column;gap:18px}.npd-head{display:flex;align-items:center;gap:14px}.npd-back{width:36px;height:36px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;background:var(--bg-glass-strong);border:1px solid var(--border-glass);color:var(--text-secondary);cursor:pointer}.npd-back svg{width:18px;height:18px}.npd-back:hover{color:var(--accent-text)}.npd-art{width:56px;height:56px;border-radius:12px;object-fit:cover;flex-shrink:0}.npd-meta{flex:1;min-width:0}.npd-title{font-size:1.25rem;font-weight:800;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.npd-artist{font-size:.9rem;color:var(--accent-text);font-weight:600}.npd-progress{text-align:right;flex-shrink:0}.npd-progress-count{display:block;font-size:1.1rem;font-weight:800;color:var(--text-primary)}.npd-progress-label{font-size:11px;letter-spacing:.08em;color:var(--text-tertiary)}.npd-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 24px;align-content:start}.npd-group{min-width:0}.npd-group-title{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);font-weight:700;padding-bottom:8px;margin-bottom:4px;border-bottom:1px solid var(--border-glass)}.npd-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0}.npd-row-label{min-width:0;flex:1}.npd-row-name{display:block;font-size:14px;font-weight:600;color:var(--text-primary)}.npd-row-desc{display:block;font-size:11px;line-height:1.35;color:var(--text-tertiary);white-space:normal}.npd-stars{display:flex;gap:2px;flex-shrink:0;align-self:center}.npd-star{background:none;border:none;padding:0;cursor:pointer;font-size:19px;line-height:1;color:var(--star-empty);transition:color .12s,transform .12s}.npd-star.filled{color:#fbbf24}.npd-star:hover{transform:scale(1.15)}.npd-foot{display:flex;gap:10px;padding-top:16px;border-top:1px solid var(--border-glass)}.npd-foot .np-rate-next{flex:1}@media (max-width: 1100px){.npd-groups{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.npd-groups{grid-template-columns:1fr;gap:14px}.npd-title{font-size:1.05rem}.npd-art{width:46px;height:46px}.npd-foot{flex-direction:column-reverse}.npd-foot .np-skip{width:100%}.np-times{flex-wrap:wrap}.np-volume{order:3;width:100%;flex-basis:100%}}@media (min-width: 1101px) and (min-height: 880px){.discover-page{height:calc(100vh - 56px);overflow:hidden}.discover-header,.dsc-search,.dsc-genres,.dsc-upnext{flex-shrink:0}.dsc-main{flex:1;min-height:0;margin-bottom:16px}.np-card{height:100%;min-height:0;grid-template-rows:minmax(0,1fr) auto}.dsc-comments{height:100%;min-height:0}.np-art-col{min-height:0}.np-art-slot{flex:1;min-height:0}.np-info-col{min-height:0;overflow-y:auto;scrollbar-width:thin}.np-card-detail{height:auto;align-self:start}.npd-head,.npd-foot{flex-shrink:0}}.dsc-comments>.track-comments{height:100%;border:none;border-radius:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;flex:1 1 auto}.np-art-inner{isolation:isolate;background:#0a0710}.np-art-bg{position:absolute;top:-12%;right:-12%;bottom:-12%;left:-12%;width:124%;height:124%;object-fit:cover;filter:blur(22px) saturate(1.5) brightness(.55);z-index:0}.np-art{position:relative;z-index:1;object-fit:cover;transform:scale(1.14)}.np-art-halo{position:absolute;top:-6%;right:-6%;bottom:-6%;left:-6%;border-radius:50%;background:radial-gradient(circle,rgba(var(--accent-rgb),.22) 40%,rgba(var(--accent-rgb),.06) 62%,transparent 72%);pointer-events:none}.np-art-ring2{position:absolute;top:9px;right:9px;bottom:9px;left:9px;border-radius:50%;background:conic-gradient(from 40deg,transparent 0deg,rgba(var(--accent2-rgb),.85) 70deg,rgba(var(--accent-rgb),.5) 130deg,transparent 200deg,transparent 360deg);-webkit-mask:radial-gradient(circle,transparent 0 calc(50% - 2px),#000 calc(50% - 2px) 50%,transparent 50%);mask:radial-gradient(circle,transparent 0 calc(50% - 2px),#000 calc(50% - 2px) 50%,transparent 50%);animation:np-ring-spin 26s linear infinite reverse;pointer-events:none}.np-art-inner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;z-index:2;pointer-events:none;box-shadow:inset 0 0 0 1px #ffffff29,inset 0 0 22px #0000008c}@media (prefers-reduced-motion: reduce){.np-art-ring2{animation:none}}.np-card-detail{min-width:0;max-width:100%}.npd-groups{min-width:0}@media (min-width: 1101px){.dsc-main{align-items:stretch}.dsc-comments{display:flex;flex-direction:column}}.np-art-frame:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.07),transparent 55%),linear-gradient(160deg,#28163af2,#0e0918fa);box-shadow:inset 0 0 0 1px #ffffff12,0 18px 44px #0000008c;pointer-events:none}.np-art-halo{top:-9%;right:-9%;bottom:-9%;left:-9%;background:radial-gradient(circle,rgba(var(--accent-rgb),.3) 42%,rgba(var(--accent-rgb),.1) 60%,transparent 74%);filter:blur(6px)}.np-art-ring{top:3px;right:3px;bottom:3px;left:3px;-webkit-mask:radial-gradient(circle,transparent 0 calc(50% - 3px),#000 calc(50% - 3px) 50%,transparent 50%);mask:radial-gradient(circle,transparent 0 calc(50% - 3px),#000 calc(50% - 3px) 50%,transparent 50%);filter:drop-shadow(0 0 10px rgba(var(--accent-rgb),.7))}.np-art-ring2{top:15px;right:15px;bottom:15px;left:15px}.np-art-inner{width:calc(100% - 46px);box-shadow:0 0 0 1px #ffffff1f,0 0 34px rgba(var(--accent-rgb),.25)}.np-art-inner:after{box-shadow:inset 0 0 0 1px #ffffff2e,inset 0 0 26px #0009}@media (max-width: 768px){.np-art-inner{width:calc(100% - 24px)}.np-art-ring2{top:9px;right:9px;bottom:9px;left:9px}.np-play{width:36px;height:36px}.np-play svg{width:17px;height:17px}}.np-art-frame:before{background:radial-gradient(circle at 32% 18%,rgba(255,255,255,.05),transparent 58%),linear-gradient(155deg,#241536,#150c22 55%,#0c0715);box-shadow:inset 0 0 0 1px #ffffff0d,0 20px 50px #0009}.np-art-ring{top:6px;right:6px;bottom:6px;left:6px;background:conic-gradient(from 135deg,var(--accent-secondary) 0deg,var(--accent) 90deg,#c084fc 180deg,var(--accent) 270deg,var(--accent-secondary) 360deg);-webkit-mask:radial-gradient(circle,transparent 0 calc(50% - 3px),#000 calc(50% - 3px) 50%,transparent 50%);mask:radial-gradient(circle,transparent 0 calc(50% - 3px),#000 calc(50% - 3px) 50%,transparent 50%);filter:drop-shadow(0 0 12px rgba(var(--accent-rgb),.55));animation:np-ring-spin 40s linear infinite}.np-art-ring2{top:20px;right:20px;bottom:20px;left:20px;background:conic-gradient(from 315deg,rgba(var(--accent2-rgb),.9),rgba(var(--accent-rgb),.85),#c084fccc,rgba(var(--accent2-rgb),.9) 360deg);-webkit-mask:radial-gradient(circle,transparent 0 calc(50% - 2px),#000 calc(50% - 2px) 50%,transparent 50%);mask:radial-gradient(circle,transparent 0 calc(50% - 2px),#000 calc(50% - 2px) 50%,transparent 50%);filter:drop-shadow(0 0 7px rgba(var(--accent-rgb),.4));animation:np-ring-spin 60s linear infinite reverse}.np-art-inner{width:calc(100% - 62px)}@media (max-width: 768px){.np-art-ring{top:4px;right:4px;bottom:4px;left:4px}.np-art-ring2{top:13px;right:13px;bottom:13px;left:13px}.np-art-inner{width:calc(100% - 40px)}}.np-art-slot{container-type:size;display:grid;place-items:center;width:100%;min-width:0}.np-art-frame{width:100%;aspect-ratio:1}@supports (container-type: size){.np-art-slot{aspect-ratio:1}.np-art-frame{width:min(100cqw,100cqh);height:min(100cqw,100cqh);aspect-ratio:auto}}@media (min-width: 1101px) and (min-height: 880px){@supports (container-type: size){.np-art-slot{aspect-ratio:auto}}}.np-art-ticks{position:absolute;top:11px;right:11px;bottom:11px;left:11px;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(255,255,255,.34) 0deg .7deg,transparent .7deg 6deg);-webkit-mask:radial-gradient(circle,transparent 0 calc(50% - 7px),#000 calc(50% - 7px) calc(50% - 1px),transparent calc(50% - 1px));mask:radial-gradient(circle,transparent 0 calc(50% - 7px),#000 calc(50% - 7px) calc(50% - 1px),transparent calc(50% - 1px));opacity:.5;pointer-events:none}.np-art-nodes{position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 50% 0%,#fff 0 1.5px,rgba(var(--accent-rgb),.9) 1.5px 4px,transparent 4px),radial-gradient(circle at 100% 50%,#fff 0 1.5px,rgba(var(--accent2-rgb),.9) 1.5px 4px,transparent 4px),radial-gradient(circle at 50% 100%,#fff 0 1.5px,rgba(var(--accent-rgb),.9) 1.5px 4px,transparent 4px),radial-gradient(circle at 0% 50%,#fff 0 1.5px,rgba(192,132,252,.9) 1.5px 4px,transparent 4px);filter:drop-shadow(0 0 5px rgba(var(--accent-rgb),.8));animation:np-ring-spin 24s linear infinite}.np-art-frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none;background:conic-gradient(from 0deg,transparent 0deg,rgba(255,255,255,.16) 22deg,transparent 52deg,transparent 360deg);-webkit-mask:radial-gradient(circle,transparent 0 calc(50% - 30px),#000 calc(50% - 30px) 50%,transparent 50%);mask:radial-gradient(circle,transparent 0 calc(50% - 30px),#000 calc(50% - 30px) 50%,transparent 50%);animation:np-ring-spin 9s linear infinite}.np-art-halo{animation:np-halo-pulse 6s ease-in-out infinite}@keyframes np-halo-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.68;transform:scale(1.025)}}@media (prefers-reduced-motion: reduce){.np-art-nodes,.np-art-frame:after,.np-art-halo{animation:none}}@media (max-width: 768px){.np-art-ticks{top:8px;right:8px;bottom:8px;left:8px}.np-art-nodes{top:4px;right:4px;bottom:4px;left:4px}.np-art-frame:after{-webkit-mask:radial-gradient(circle,transparent 0 calc(50% - 20px),#000 calc(50% - 20px) 50%,transparent 50%);mask:radial-gradient(circle,transparent 0 calc(50% - 20px),#000 calc(50% - 20px) 50%,transparent 50%)}}.np-art-slot{padding:12px}.np-art-frame:before{background:repeating-conic-gradient(from 0deg,#ffffff0b,#ffffff0b .35deg,#0000000d .35deg,#0000000d .9deg),radial-gradient(circle at 30% 16%,rgba(255,255,255,.16),transparent 46%),radial-gradient(circle at 68% 92%,rgba(var(--accent-rgb),.2),transparent 44%),linear-gradient(152deg,#3b2555,#221436 42%,#120b1e 74%,#0a0612);box-shadow:inset 0 1px #ffffff2e,inset 0 -1px #0009,inset 0 0 0 1px #ffffff0f,0 22px 55px #000000a6,0 2px #ffffff0d}.np-art-ring{top:5px;right:5px;bottom:5px;left:5px;background:conic-gradient(from 128deg,#fdba74 0deg,var(--accent) 62deg,#e879f9 118deg,#a855f7 174deg,var(--accent) 236deg,var(--accent-secondary) 300deg,#fdba74 360deg);-webkit-mask:radial-gradient(circle,transparent 0 calc(50% - 5px),#000 calc(50% - 5px) 50%,transparent 50%);mask:radial-gradient(circle,transparent 0 calc(50% - 5px),#000 calc(50% - 5px) 50%,transparent 50%);filter:drop-shadow(0 0 14px rgba(var(--accent-rgb),.6)) saturate(1.15);animation-duration:50s}.np-art-groove{position:absolute;top:12px;right:12px;bottom:12px;left:12px;border-radius:50%;pointer-events:none;background:linear-gradient(160deg,#0b0713,#17102a 55%,#0b0713);-webkit-mask:radial-gradient(circle,transparent 0 calc(50% - 9px),#000 calc(50% - 9px) 50%,transparent 50%);mask:radial-gradient(circle,transparent 0 calc(50% - 9px),#000 calc(50% - 9px) 50%,transparent 50%);box-shadow:inset 0 2px 4px #000000e6,inset 0 -1px #ffffff12}.np-art-ticks{top:13px;right:13px;bottom:13px;left:13px;background:repeating-conic-gradient(from 0deg,rgba(255,255,255,.5) 0deg .35deg,transparent .35deg 3deg);-webkit-mask:radial-gradient(circle,transparent 0 calc(50% - 7px),#000 calc(50% - 7px) calc(50% - 2px),transparent calc(50% - 2px));mask:radial-gradient(circle,transparent 0 calc(50% - 7px),#000 calc(50% - 7px) calc(50% - 2px),transparent calc(50% - 2px));opacity:.28}.np-art-ring2{top:21px;right:21px;bottom:21px;left:21px;background:conic-gradient(from 300deg,#ffffffd9,#ffffff26 60deg,#ffffff8c,#ffffff1a 240deg,#ffffffd9 360deg);-webkit-mask:radial-gradient(circle,transparent 0 calc(50% - 1.5px),#000 calc(50% - 1.5px) 50%,transparent 50%);mask:radial-gradient(circle,transparent 0 calc(50% - 1.5px),#000 calc(50% - 1.5px) 50%,transparent 50%);filter:none;animation:none;opacity:.55}.np-art-frame:after{background:conic-gradient(from 0deg,transparent 0deg,rgba(255,255,255,.2) 16deg,rgba(255,255,255,.05) 34deg,transparent 60deg,transparent 360deg);-webkit-mask:radial-gradient(circle,transparent 0 calc(50% - 24px),#000 calc(50% - 24px) 50%,transparent 50%);mask:radial-gradient(circle,transparent 0 calc(50% - 24px),#000 calc(50% - 24px) 50%,transparent 50%);animation-duration:14s}.np-art-inner{width:calc(100% - 46px);box-shadow:0 0 0 1px #000000e6,0 6px 18px #0009,0 0 46px rgba(var(--accent-rgb),.22)}.np-art-inner:after{box-shadow:inset 0 1px #ffffff47,inset 0 0 0 1px #ffffff1a,inset 0 0 30px #0000008c}.np-art-halo{top:-7%;right:-7%;bottom:-7%;left:-7%;background:radial-gradient(circle,rgba(var(--accent-rgb),.34) 44%,rgba(168,85,247,.14) 60%,transparent 74%)}@media (prefers-reduced-motion: reduce){.np-art-groove,.np-art-ticks{animation:none}}@media (max-width: 768px){.np-art-slot{padding:8px}.np-art-ring{top:3px;right:3px;bottom:3px;left:3px}.np-art-groove{top:8px;right:8px;bottom:8px;left:8px}.np-art-ticks{top:9px;right:9px;bottom:9px;left:9px}.np-art-ring2{top:14px;right:14px;bottom:14px;left:14px}.np-art-inner{width:calc(100% - 30px)}}.np-stats{padding-top:14px}.np-stat{gap:6px}.np-stat-icon svg{width:15px;height:15px}.np-stat-num{font-size:14px}.np-stat-label{font-size:9px;letter-spacing:.1em}@media (max-width: 768px){.np-stat-icon svg{width:14px;height:14px}.np-stat-num{font-size:13px}.np-stat-label{font-size:9px}}@media (min-width: 1400px) and (min-height: 1000px){.np-stats{padding-top:18px}.np-stat{gap:9px}.np-stat-icon svg{width:19px;height:19px}.np-stat-num{font-size:18px}.np-stat-label{font-size:11px}}@media (max-width: 560px){.np-card{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);grid-template-areas:"art  info" "wave wave" "stats stats";gap:10px 12px;padding:12px;border-radius:16px}.np-art-col{display:contents}.np-art-slot{grid-area:art;padding:4px;aspect-ratio:1;align-self:center}.np-art-frame{width:100%;height:auto;aspect-ratio:1}.np-wave-wrap{grid-area:wave;gap:4px}.np-art-ring{top:2px;right:2px;bottom:2px;left:2px}.np-art-groove{top:6px;right:6px;bottom:6px;left:6px}.np-art-ticks{top:7px;right:7px;bottom:7px;left:7px;opacity:.2}.np-art-ring2{top:11px;right:11px;bottom:11px;left:11px}.np-art-inner{width:calc(100% - 24px)}.np-art-halo{top:-5%;right:-5%;bottom:-5%;left:-5%}.np-title{font-size:1.15rem;line-height:1.2}.np-artist{font-size:.85rem;margin-top:3px}.np-album{font-size:.75rem}.np-more{width:28px;height:28px}.np-more svg{width:13px;height:13px}.np-rate-block{margin-top:8px;padding-top:0}.np-rate-label{font-size:11px}.np-rate-row{gap:4px 8px;margin-top:2px}.np-star{font-size:19px}.np-avg{font-size:12px}.np-detail-btn{padding:4px 9px;font-size:11px}.np-mood-toggle{margin-top:8px;padding:9px 11px;font-size:13px;border-radius:10px}.np-chevron{width:15px;height:15px}.np-note{margin-top:7px}.np-note-input{padding:9px 11px;font-size:12px;border-radius:10px}.np-note-locked{padding:6px 9px;font-size:10.5px;border-radius:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.np-actions{gap:7px;margin-top:8px}.np-action{padding:9px 6px;font-size:12px;border-radius:10px;gap:5px}.np-action-icon{font-size:13px}.np-cta-row{flex-direction:row;gap:7px;margin-top:8px}.np-rate-next{padding:10px 12px;font-size:13px;border-radius:11px}.np-cta-icon{width:14px;height:14px}.np-skip{padding:10px 12px;font-size:12px;border-radius:11px;width:auto;flex-shrink:0}.wave{height:38px}.np-times{font-size:11px}.np-transport{gap:10px;margin-top:0}.np-play{width:32px;height:32px}.np-play svg{width:15px;height:15px}.np-vol-btn svg{width:16px;height:16px}.np-stats{padding-top:10px}.np-stat{flex-wrap:nowrap;gap:5px}.np-stat-icon svg{width:13px;height:13px}.np-stat-num{font-size:12px}.np-stat-label{width:auto;font-size:8px;letter-spacing:.06em}}.np-art-ring{background:repeating-conic-gradient(from -22deg,var(--accent) 0deg,var(--accent) 20deg,var(--accent-secondary) 45deg,var(--accent-secondary) 65deg,var(--accent) 90deg);filter:drop-shadow(0 0 14px rgba(var(--accent-rgb),.55)) saturate(1.2)}.np-art-ring2{background:repeating-conic-gradient(from 23deg,var(--accent-secondary) 0deg,var(--accent-secondary) 20deg,var(--accent) 45deg,var(--accent) 65deg,var(--accent-secondary) 90deg);-webkit-mask:radial-gradient(circle,transparent 0 calc(50% - 2.5px),#000 calc(50% - 2.5px) 50%,transparent 50%);mask:radial-gradient(circle,transparent 0 calc(50% - 2.5px),#000 calc(50% - 2.5px) 50%,transparent 50%);filter:drop-shadow(0 0 8px rgba(var(--accent-rgb),.45));opacity:1;animation:np-ring-spin 70s linear infinite reverse}.np-art-halo{background:radial-gradient(circle at 30% 30%,rgba(var(--accent-rgb),.36) 40%,transparent 68%),radial-gradient(circle at 72% 74%,var(--accent-secondary) 0%,transparent 58%);opacity:.55}.np-art-inner{width:calc(100% - 32px)}.np-art-groove{top:8px;right:8px;bottom:8px;left:8px}.np-art-ticks{top:9px;right:9px;bottom:9px;left:9px;opacity:.2}.np-art-ring{top:4px;right:4px;bottom:4px;left:4px;background:conic-gradient(from 0deg,var(--accent) 0deg,var(--accent-secondary) 120deg,var(--accent) 240deg,var(--accent-secondary) 360deg);-webkit-mask:radial-gradient(circle,transparent 0 calc(50% - 2px),#000 calc(50% - 2px) 50%,transparent 50%);mask:radial-gradient(circle,transparent 0 calc(50% - 2px),#000 calc(50% - 2px) 50%,transparent 50%);filter:drop-shadow(0 0 5px rgba(var(--accent-rgb),.3));animation:np-ring-spin 22s linear infinite}.np-art-ring:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;background:conic-gradient(from 186deg,transparent 0deg,var(--accent-secondary) 16deg,var(--accent-secondary) 78deg,transparent 100deg,transparent 360deg);-webkit-mask:radial-gradient(circle,transparent 0 calc(50% - 6px),#000 calc(50% - 6px) 50%,transparent 50%);mask:radial-gradient(circle,transparent 0 calc(50% - 6px),#000 calc(50% - 6px) 50%,transparent 50%);filter:drop-shadow(0 0 6px rgba(var(--accent2-rgb),.4))}.np-art-ring:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:50%;background:conic-gradient(from 8deg,transparent 0deg,var(--accent) 14deg,var(--accent) 74deg,transparent 96deg,transparent 360deg);-webkit-mask:radial-gradient(circle,transparent 0 calc(50% - 4px),#000 calc(50% - 4px) 50%,transparent 50%);mask:radial-gradient(circle,transparent 0 calc(50% - 4px),#000 calc(50% - 4px) 50%,transparent 50%);filter:drop-shadow(0 0 5px rgba(var(--accent-rgb),.35))}.np-art-ring2{top:14px;right:14px;bottom:14px;left:14px;background:conic-gradient(from 180deg,var(--accent-secondary) 0deg,var(--accent) 140deg,var(--accent-secondary) 280deg,var(--accent-secondary) 360deg);-webkit-mask:radial-gradient(circle,transparent 0 calc(50% - 1.5px),#000 calc(50% - 1.5px) 50%,transparent 50%);mask:radial-gradient(circle,transparent 0 calc(50% - 1.5px),#000 calc(50% - 1.5px) 50%,transparent 50%);filter:drop-shadow(0 0 4px rgba(var(--accent-rgb),.25));opacity:.9;animation:np-ring-spin 32s linear infinite reverse}.np-art-ring2:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;background:conic-gradient(from 96deg,transparent 0deg,var(--accent) 12deg,var(--accent) 60deg,transparent 80deg,transparent 360deg);-webkit-mask:radial-gradient(circle,transparent 0 calc(50% - 4px),#000 calc(50% - 4px) 50%,transparent 50%);mask:radial-gradient(circle,transparent 0 calc(50% - 4px),#000 calc(50% - 4px) 50%,transparent 50%)}.np-art-halo{top:-4%;right:-4%;bottom:-4%;left:-4%;background:radial-gradient(circle at 32% 30%,rgba(var(--accent-rgb),.2) 42%,transparent 66%),radial-gradient(circle at 70% 72%,rgba(var(--accent2-rgb),.16) 0%,transparent 60%);opacity:.75;filter:blur(4px)}.np-art-frame:after{background:conic-gradient(from 0deg,transparent 0deg,rgba(255,255,255,.12) 16deg,transparent 46deg,transparent 360deg)}@media (max-width: 560px){.np-art-inner{width:calc(100% - 20px)}.np-art-ring{top:2px;right:2px;bottom:2px;left:2px}.np-art-ring:before{top:-2px;right:-2px;bottom:-2px;left:-2px}.np-art-groove{top:5px;right:5px;bottom:5px;left:5px}.np-art-ticks{top:6px;right:6px;bottom:6px;left:6px}.np-art-ring2{top:9px;right:9px;bottom:9px;left:9px}}.np-card,.dsc-comments,.dsc-upnext{background:radial-gradient(120% 90% at 12% 0%,rgba(var(--accent-rgb),.1),transparent 58%),radial-gradient(90% 80% at 100% 100%,rgba(168,85,247,.1),transparent 60%),linear-gradient(158deg,#ffffff0e,#ffffff04);border:1px solid rgba(255,255,255,.09);box-shadow:inset 0 1px #ffffff14,0 18px 44px #00000059}.dsc-upnext-item{background:linear-gradient(150deg,#ffffff0f,#ffffff05);box-shadow:inset 0 1px #ffffff0f}.np-card{grid-template-areas:"art   info" "wave  wave" "trans trans" "stats stats";gap:18px 28px}.np-wave-wrap{grid-area:wave}.np-transport{grid-area:trans}.np-art-col{gap:0}.np-wave-wrap{display:flex;align-items:center;gap:12px}.np-wave-wrap .wave{flex:1;min-width:0;height:46px}.np-time-left,.np-time-right{font-size:12px;color:var(--text-tertiary);font-variant-numeric:tabular-nums;flex-shrink:0}.np-transport{display:flex;align-items:center;gap:14px;margin-top:0}.np-prev{width:34px;height:34px;flex-shrink:0;border-radius:50%;border:none;background:transparent;color:var(--text-secondary);display:grid;place-items:center;cursor:pointer}.np-prev svg{width:18px;height:18px}.np-prev:hover{color:var(--accent-text)}.np-play{width:50px;height:50px}.np-transport .np-volume{flex:0 1 190px}.np-transport .np-cta-row{margin-left:auto;margin-top:0;flex:0 0 auto}.np-transport .np-rate-next{padding:13px 26px}.np-icon-actions{display:flex;gap:10px;margin-top:14px}.np-icon-btn{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#ffffff0a;border:1px solid var(--border-glass);color:var(--text-secondary);cursor:pointer;transition:color .15s,border-color .15s,background .15s}.np-icon-btn svg{width:18px;height:18px}.np-icon-btn:hover{color:var(--accent-text);border-color:rgba(var(--accent-rgb),.5);background:rgba(var(--accent-rgb),.1)}.np-icon-btn.saved{color:var(--accent-text);border-color:var(--accent);background:rgba(var(--accent-rgb),.14)}.rw{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3}.rw-bar{position:absolute;left:50%;bottom:50%;width:1.6px;margin-left:-.8px;border-radius:1px;transform-origin:50% 100%;transform:rotate(var(--a)) translateY(-40cqmin);height:calc(2cqmin + var(--h) * 7cqmin);background:#ffffff29;transition:height .1s linear}.rw-bar.played{background:linear-gradient(to top,var(--accent),var(--accent-secondary));box-shadow:0 0 5px rgba(var(--accent-rgb),.6)}.np-art-dots{position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:50%;pointer-events:none;background:repeating-conic-gradient(from 0deg,rgba(var(--accent-rgb),.85) 0deg 1.1deg,transparent 1.1deg 4deg);-webkit-mask:radial-gradient(circle,transparent 0 calc(50% - 1.6px),#000 calc(50% - 1.6px) 50%,transparent 50%);mask:radial-gradient(circle,transparent 0 calc(50% - 1.6px),#000 calc(50% - 1.6px) 50%,transparent 50%);opacity:.5;animation:np-ring-spin 90s linear infinite}.np-art-slot{overflow:visible;padding:14px}.np-art-frame{overflow:visible}.np-art-ring{top:12px;right:12px;bottom:12px;left:12px}.np-art-ring2{top:20px;right:20px;bottom:20px;left:20px}.np-art-groove{top:15px;right:15px;bottom:15px;left:15px}.np-art-ticks{top:16px;right:16px;bottom:16px;left:16px;opacity:.14}.np-art-inner{width:calc(100% - 44px)}.np-art-halo{top:-2%;right:-2%;bottom:-2%;left:-2%;opacity:.4}.np-art-frame:before{top:10px;right:10px;bottom:10px;left:10px}.np-art-frame:after{top:10px;right:10px;bottom:10px;left:10px}@media (prefers-reduced-motion: reduce){.np-art-dots{animation:none}}@media (max-width: 560px){.np-card{grid-template-areas:"art   info" "wave  wave" "trans trans" "stats stats";gap:12px}.np-art-slot{padding:9px}.np-art-ring{top:8px;right:8px;bottom:8px;left:8px}.np-art-ring2{top:13px;right:13px;bottom:13px;left:13px}.np-art-groove{top:10px;right:10px;bottom:10px;left:10px}.np-art-ticks{top:11px;right:11px;bottom:11px;left:11px}.np-art-inner{width:calc(100% - 30px)}.np-art-frame:before,.np-art-frame:after{top:6px;right:6px;bottom:6px;left:6px}.rw-bar{width:1.2px;transform:rotate(var(--a)) translateY(-41cqmin);height:calc(1.5cqmin + var(--h) * 5.5cqmin)}.np-icon-actions{gap:7px;margin-top:10px}.np-icon-btn{width:34px;height:34px;border-radius:10px}.np-icon-btn svg{width:15px;height:15px}.np-wave-wrap{gap:8px}.np-wave-wrap .wave{height:34px}.np-time-left,.np-time-right{font-size:10px}.np-transport{flex-wrap:wrap;gap:8px 10px}.np-play{width:40px;height:40px}.np-play svg{width:18px;height:18px}.np-prev{width:28px;height:28px}.np-prev svg{width:15px;height:15px}.np-transport .np-volume{flex:1 1 90px}.np-transport .np-cta-row{margin-left:0;flex:1 1 100%}.np-transport .np-rate-next{padding:10px 14px}.np-stats{grid-template-columns:repeat(4,1fr)}.np-stat-label{font-size:7.5px}}.np-stats{grid-template-columns:repeat(4,1fr)}.np-wave-wrap{flex-direction:row;align-items:center;gap:14px}.np-wave-wrap .wave{height:52px}.wave-bar{background:#ffffff21}.wave-bar.played{background:linear-gradient(180deg,var(--accent-secondary),var(--accent));box-shadow:0 0 6px rgba(var(--accent-rgb),.5)}.np-time-left,.np-time-right{font-size:12px;font-weight:600;color:var(--text-secondary)}.np-prev{width:38px;height:38px;border:1px solid rgba(var(--accent-rgb),.45);background:rgba(var(--accent-rgb),.1);color:var(--accent-text);box-shadow:inset 0 1px #ffffff1f;transition:background .15s,box-shadow .15s,transform .1s}.np-prev:hover{background:rgba(var(--accent-rgb),.2);box-shadow:0 0 14px rgba(var(--accent-rgb),.4),inset 0 1px #ffffff26}.np-prev:active{transform:scale(.94)}.np-vol-btn{width:38px;height:38px;flex-shrink:0;border-radius:50%;border:1px solid rgba(var(--accent-rgb),.45);background:rgba(var(--accent-rgb),.1);color:var(--accent-text);box-shadow:inset 0 1px #ffffff1f;transition:background .15s,box-shadow .15s}.np-vol-btn svg{width:17px;height:17px}.np-vol-btn:hover{background:rgba(var(--accent-rgb),.2);box-shadow:0 0 14px rgba(var(--accent-rgb),.4);color:var(--accent-text)}.np-vol-range{height:6px;background:linear-gradient(to right,var(--accent-secondary) 0%,var(--accent) var(--vol, 100%),rgba(255,255,255,.12) var(--vol, 100%),rgba(255,255,255,.12) 100%);box-shadow:inset 0 1px 2px #00000080}.np-vol-range::-webkit-slider-thumb{width:15px;height:15px;background:#fff;box-shadow:0 0 0 3px rgba(var(--accent-rgb),.35),0 0 10px rgba(var(--accent-rgb),.7)}.np-vol-range::-moz-range-thumb{width:15px;height:15px;background:#fff;box-shadow:0 0 0 3px rgba(var(--accent-rgb),.35),0 0 10px rgba(var(--accent-rgb),.7)}.np-transport .np-cta-row{gap:12px}.np-transport .np-rate-next{padding:17px 40px;font-size:17px;border-radius:16px;box-shadow:0 6px 20px rgba(var(--accent-rgb),.35)}.np-transport .np-rate-next:hover:not(:disabled){box-shadow:0 8px 26px rgba(var(--accent-rgb),.45)}.np-transport .np-skip{padding:17px 34px;font-size:16px;border-radius:16px;border-color:#ffffff29}.np-transport .np-skip:hover{border-color:rgba(var(--accent-rgb),.5);background:rgba(var(--accent-rgb),.08)}@media (max-width: 560px){.np-wave-wrap{gap:8px}.np-wave-wrap .wave{height:36px}.np-prev,.np-vol-btn{width:32px;height:32px}.np-prev svg,.np-vol-btn svg{width:15px;height:15px}.np-transport .np-rate-next,.np-transport .np-skip{padding:13px 18px;font-size:14px;border-radius:13px}}.np-transport{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1fr);gap:28px;align-items:center}.np-transport-left{display:flex;align-items:center;gap:12px;min-width:0}.np-play,.np-prev,.np-vol-btn{width:50px;height:50px;flex-shrink:0}.np-play svg{width:22px;height:22px}.np-prev svg,.np-vol-btn svg{width:20px;height:20px}.np-prev{border-radius:50%}.np-transport .np-volume{flex:1 1 auto;min-width:0;gap:12px}.np-vol-range{height:8px}.np-vol-range::-webkit-slider-thumb{width:18px;height:18px}.np-vol-range::-moz-range-thumb{width:18px;height:18px}.np-transport .np-cta-row{margin-left:0;margin-top:0;display:flex;gap:12px;min-width:0}.np-transport .np-rate-next{flex:1 1 auto;padding:18px 28px;font-size:17px}.np-transport .np-skip{flex:0 0 auto;padding:18px 40px;font-size:16px}.rw-bar{background:linear-gradient(to top,var(--accent),var(--accent-secondary));box-shadow:0 0 4px rgba(var(--accent-rgb),.45)}@media (max-width: 560px){.np-transport{grid-template-columns:1fr;gap:10px}.np-play,.np-prev,.np-vol-btn{width:40px;height:40px}.np-play svg{width:18px;height:18px}.np-prev svg,.np-vol-btn svg{width:16px;height:16px}.np-vol-range{height:6px}.np-vol-range::-webkit-slider-thumb{width:15px;height:15px}.np-transport .np-rate-next{padding:13px 16px;font-size:14px}.np-transport .np-skip{padding:13px 22px;font-size:14px}}.np-art-slot{padding:38px}.rw{animation:np-ring-spin 20s linear infinite}.rw-bar{width:3px;margin-left:-1.5px;border-radius:1.5px;transform:rotate(var(--a)) translateY(calc(-50cqmin - 5px));height:calc(2.5cqmin + var(--h) * 7cqmin)}.rw-bar.a{background:var(--accent);box-shadow:0 0 6px rgba(var(--accent-rgb),.55)}.rw-bar.b{background:var(--accent-secondary);box-shadow:0 0 6px rgba(var(--accent2-rgb),.5)}@media (prefers-reduced-motion: reduce){.rw{animation:none}}@media (max-width: 560px){.np-art-slot{padding:22px}.rw-bar{width:2.2px;margin-left:-1.1px;transform:rotate(var(--a)) translateY(calc(-50cqmin - 3px));height:calc(2cqmin + var(--h) * 5.5cqmin)}}.np-art-slot{padding:6px}@supports (container-type: size){.np-art-frame{width:min(82cqw,82cqh);height:min(82cqw,82cqh)}}.rw-bar{transform:rotate(var(--a)) translateY(calc(-41cqmin - 4px));height:calc(2cqmin + var(--h) * 6.5cqmin)}@media (max-width: 560px){.np-art-slot{padding:4px}.rw-bar{transform:rotate(var(--a)) translateY(calc(-41cqmin - 3px));height:calc(1.8cqmin + var(--h) * 5.5cqmin)}}.rw{opacity:0;transition:opacity .45s ease;animation:np-ring-spin 48s linear infinite}.rw.on{opacity:1}.rw-bar{transform:rotate(var(--a)) translateY(calc(-41cqmin - 2px))}.np-art-halo{top:0;right:0;bottom:0;left:0;opacity:.34}@media (max-width: 560px){.rw-bar{transform:rotate(var(--a)) translateY(calc(-41cqmin - 2px))}}@media (min-width: 769px){:root{--sidebar-inset-x: 14px;--sidebar-inset-y: 28px;--sidebar-pad-x: 14px}.sidebar{top:var(--sidebar-inset-y);left:var(--sidebar-inset-x);bottom:var(--sidebar-inset-y);border-radius:22px;border:1px solid rgba(255,255,255,.09);border-right:1px solid rgba(255,255,255,.09);background:radial-gradient(110% 60% at 20% 0%,rgba(var(--accent-rgb),.12),transparent 58%),radial-gradient(90% 50% at 100% 100%,rgba(168,85,247,.1),transparent 60%),linear-gradient(170deg,#ffffff0e,#ffffff04);box-shadow:inset 0 1px #ffffff14,0 18px 44px #0006;padding:24px var(--sidebar-pad-x)}.mini-player,.club-mini-sidebar{left:calc(var(--sidebar-inset-x) + var(--sidebar-pad-x));width:calc(var(--sidebar-width) - var(--sidebar-pad-x) * 2);bottom:calc(var(--sidebar-user-gap, 128px) + 14px)}}.np-reactive-wrap{position:relative;flex-shrink:0}.np-reactive{display:inline-flex;align-items:center;gap:6px;height:50px;padding:0 16px;border-radius:25px;border:1px solid var(--border-glass);background:#ffffff0a;color:var(--text-secondary);font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;transition:color .15s,border-color .15s,background .15s}.np-reactive svg{width:17px;height:17px}.np-reactive:hover{color:var(--accent-text);border-color:rgba(var(--accent-rgb),.5)}.np-reactive.on{color:var(--on-accent);border-color:transparent;background:var(--gradient);box-shadow:0 0 16px rgba(var(--accent-rgb),.45)}.np-reactive-err{position:absolute;bottom:calc(100% + 8px);right:0;width:230px;padding:8px 10px;border-radius:10px;background:var(--bg-glass-strong);border:1px solid rgba(var(--accent-rgb),.4);color:var(--text-secondary);font-size:11px;line-height:1.4;z-index:5}@media (max-width: 560px){.np-reactive-wrap{display:none}}.np-reactive-meter{display:inline-block;width:34px;height:4px;border-radius:2px;background:#00000059;overflow:hidden;margin-left:2px}.np-reactive-meter-fill{display:block;width:100%;height:100%;transform-origin:left center;background:#fff;transition:transform .08s linear}.rx-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:400;display:grid;place-items:center;padding:20px;animation:fadeIn .2s}.rx-modal{width:100%;max-width:480px;max-height:90vh;overflow-y:auto;padding:26px;border-radius:20px;border:1px solid rgba(255,255,255,.1);background:radial-gradient(110% 70% at 15% 0%,rgba(var(--accent-rgb),.14),transparent 58%),linear-gradient(160deg,#1b1130,#120c1e);box-shadow:0 30px 70px #0009}.rx-modal h3{font-size:1.25rem;font-weight:800;margin-bottom:8px}.rx-lead{font-size:13px;color:var(--text-secondary);line-height:1.6;margin-bottom:16px}.rx-steps{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:18px}.rx-steps li{display:flex;align-items:flex-start;gap:10px;font-size:13.5px;color:var(--text-secondary);line-height:1.5}.rx-steps strong{color:var(--text-primary)}.rx-num{flex-shrink:0;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--gradient);color:var(--on-accent);font-size:12px;font-weight:800}.rx-mock{border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:12px;background:#ffffff09;margin-bottom:16px}.rx-mock-tabs{display:flex;gap:6px;margin-bottom:10px}.rx-mock-tab{font-size:10.5px;padding:5px 10px;border-radius:999px;color:var(--text-tertiary);border:1px solid transparent}.rx-mock-tab.active{color:var(--accent-text);border-color:rgba(var(--accent-rgb),.6);background:rgba(var(--accent-rgb),.12);font-weight:700}.rx-mock-list{display:flex;flex-direction:column;gap:5px;margin-bottom:10px}.rx-mock-row{height:24px;border-radius:6px;background:#ffffff0d;display:flex;align-items:center;padding:0 8px;font-size:10.5px;color:var(--text-tertiary)}.rx-mock-row.selected{background:rgba(var(--accent-rgb),.16);border:1px solid rgba(var(--accent-rgb),.45);color:var(--text-primary)}.rx-mock-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}.rx-mock-check{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;color:var(--accent-text);font-weight:700}.rx-mock-check i{width:12px;height:12px;border-radius:3px;background:var(--accent);box-shadow:0 0 8px rgba(var(--accent-rgb),.7)}.rx-mock-share{font-size:10.5px;font-weight:700;color:var(--on-accent);padding:4px 12px;border-radius:999px;background:var(--gradient)}.rx-note{font-size:11.5px;color:var(--text-tertiary);line-height:1.55;margin-bottom:18px}.rx-actions{display:flex;gap:10px}.rx-actions .np-rate-next{flex:1;padding:13px 18px;font-size:14px}.rx-actions .np-skip{padding:13px 20px;font-size:14px}.np-title-row .np-reactive-wrap{align-self:flex-start}.np-title-row .np-reactive{height:34px;padding:0 12px;border-radius:17px;font-size:12px;gap:5px}.np-title-row .np-reactive svg{width:15px;height:15px}.np-title-row .np-reactive-meter{width:24px;height:3px}.np-title-row .np-reactive-err{bottom:auto;top:calc(100% + 8px);right:0}.np-transport .np-volume{flex:1 1 auto}@media (max-width: 560px){.np-title-row .np-reactive-wrap{display:none}}.wave.live .wave-bar,.rw.live .rw-bar{transition:none}.rw.live .rw-bar{height:calc(1.5cqmin + var(--h) * 11cqmin)}@media (max-width: 560px){.rw.live .rw-bar{height:calc(1.2cqmin + var(--h) * 8cqmin)}}.wave{align-items:center;gap:2px}.wave-bar{min-height:3px;border-radius:999px;align-self:center;background:#ffffff29;transition:background .2s}.wave-bar.played{background:linear-gradient(180deg,var(--accent-secondary),var(--accent));box-shadow:0 0 6px rgba(var(--accent-rgb),.45)}.rw-bar{transition:none}.rw-bar{transform:rotate(var(--a)) translateY(calc(-41cqmin - 2px - var(--pulse, 0px)))}@media (max-width: 560px){.rw-bar{transform:rotate(var(--a)) translateY(calc(-41cqmin - 2px - var(--pulse, 0px)))}}.rw-bar{width:2.2px;margin-left:-1.1px}@media (max-width: 560px){.rw-bar{width:1.8px;margin-left:-.9px}}.wave{gap:1.5px}.np-art-ring{top:3%;right:3%;bottom:3%;left:3%}.np-art-groove{top:3.9%;right:3.9%;bottom:3.9%;left:3.9%}.np-art-ticks{top:4.3%;right:4.3%;bottom:4.3%;left:4.3%}.np-art-ring2{top:5.4%;right:5.4%;bottom:5.4%;left:5.4%}.np-art-inner{width:87%}@media (max-width: 560px){.np-art-ring{top:2.4%;right:2.4%;bottom:2.4%;left:2.4%}.np-art-groove{top:3.2%;right:3.2%;bottom:3.2%;left:3.2%}.np-art-ticks{top:3.6%;right:3.6%;bottom:3.6%;left:3.6%}.np-art-ring2{top:4.6%;right:4.6%;bottom:4.6%;left:4.6%}.np-art-inner{width:89%}}.np-art-inner{-webkit-mask-image:radial-gradient(circle at center,#000 99.5%,transparent 100%);mask-image:radial-gradient(circle at center,#000 99.5%,transparent 100%);-webkit-mask-size:100% 100%;mask-size:100% 100%;transform:translateZ(0)}.np-art-bg{border-radius:50%}.dj-room-header,.club-now-playing,.club-room-side>*,.club-collapsible,.dance-floor,.session-chat,.session-queue,.club-panel{background:radial-gradient(120% 90% at 12% 0%,rgba(var(--accent-rgb),.1),transparent 58%),radial-gradient(90% 80% at 100% 100%,rgba(168,85,247,.1),transparent 60%),linear-gradient(158deg,#ffffff0e,#ffffff04);border:1px solid rgba(255,255,255,.09);box-shadow:inset 0 1px #ffffff14,0 18px 44px #00000059}@media (min-width: 769px){.main-content:has(.dj-room){padding-top:28px;padding-bottom:28px}.dj-room{padding:0;height:calc(100vh - 56px)}}.np-reactive-wrap.compact .np-reactive{height:36px;padding:0 13px;border-radius:18px;font-size:12px}.np-reactive-wrap.compact .np-reactive svg{width:15px;height:15px}.np-reactive-wrap.compact .np-reactive-meter{width:26px;height:3px}.np-reactive-wrap.compact .np-reactive-err{right:0}.np-reactive-wrap.compact .np-reactive-err{top:calc(100% + 8px);bottom:auto;right:0}.dj-room-actions{flex-wrap:wrap;justify-content:flex-end}.dj-room-actions .dj-start-btn,.dj-room-actions .dj-end-btn,.dj-room-actions .dj-leave-btn{flex-shrink:0}.np-reactive-wrap.compact{flex-shrink:1;min-width:0}.app-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.app-sky{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center center;filter:saturate(.9) brightness(.62)}.app-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(80% 70% at 50% 45%,transparent 0%,rgba(10,6,20,.5) 70%,rgba(8,5,16,.82) 100%),linear-gradient(180deg,#0f0a1a73,#0f0a1ab3)}.discover-page,.main-content>*{position:relative;z-index:1}.bgp{position:fixed;left:50%;bottom:18px;transform:translate(-50%);z-index:9000;width:min(460px,calc(100vw - 24px));display:flex;flex-direction:column;gap:9px;padding:12px 14px;border-radius:14px;background:#0c0814ed;border:1px solid rgba(255,255,255,.16);box-shadow:0 20px 50px #0009;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:#ece6f6}@media (max-width: 768px){.bgp{bottom:calc(64px + var(--sab, 0px))}}.bgp-row{display:flex;align-items:center;gap:9px}.bgp-tag{font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;padding:3px 8px;border-radius:999px;color:var(--on-accent);background:var(--gradient);white-space:nowrap}.bgp-name{flex:1;min-width:0;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bgp-count{font-size:11px;opacity:.6;white-space:nowrap;font-variant-numeric:tabular-nums}.bgp-slider{flex:1;min-width:0;accent-color:var(--accent);cursor:pointer}.bgp-step{flex:none;padding:6px 10px;border-radius:8px;font-size:12px;line-height:1;color:#ece6f6;background:#ffffff12;border:1px solid rgba(255,255,255,.16);cursor:pointer}.bgp-step:hover:not(:disabled){background:#ffffff24}.bgp-step:disabled{opacity:.35;cursor:default}.bgp-strength label{font-size:11.5px;opacity:.75;white-space:nowrap}.bgp-strength input{flex:1;min-width:0;accent-color:var(--accent);cursor:pointer}.bgp-strength input:disabled{opacity:.4;cursor:default}.bgp-pct{font-size:11px;opacity:.7;min-width:34px;text-align:right;font-variant-numeric:tabular-nums}.bgp-hint{background:none;border:none;padding:0;text-align:left;font-size:11.5px;color:var(--accent-text);cursor:pointer;text-decoration:underline}.bgp-error{font-size:11.5px;color:#f87171}.bgp-commit{gap:10px}.bgp-save,.bgp-cancel{flex:1;padding:9px 12px;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;border:1px solid transparent}.bgp-save{background:var(--gradient);color:var(--on-accent)}.bgp-save:hover{filter:brightness(1.07)}.bgp-cancel{background:#ffffff0f;border-color:#ffffff29;color:#ece6f6}.bgp-cancel:hover{background:#ffffff21}.bgp-note{font-size:11.5px;line-height:1.45;opacity:.7}.bgp-save.is-saved{background:rgba(var(--accent-rgb),.18);color:var(--accent-text);border:1px solid rgba(var(--accent-rgb),.5);cursor:default;filter:none}.bgp-confirm{margin-top:2px;padding:12px;border-radius:11px;background:radial-gradient(120% 100% at 0% 0%,rgba(var(--accent-rgb),.14),transparent 60%),#140d20f5;border:1px solid rgba(var(--accent-rgb),.45);box-shadow:0 10px 26px #00000073;animation:bgp-confirm-in .18s cubic-bezier(.22,1,.36,1)}@keyframes bgp-confirm-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.bgp-confirm strong{display:block;font-size:12.5px;color:var(--text-primary, #f5f5f7)}.bgp-confirm p{margin-top:3px;font-size:11.5px;line-height:1.45;opacity:.75}.bgp-confirm-actions{display:flex;gap:8px;margin-top:10px}.bgp-confirm-actions button{flex:1;padding:8px 6px;font-size:12px}.bgp-discard{border-radius:10px;font-weight:700;cursor:pointer;color:#fca5a5;background:#f871711f;border:1px solid rgba(248,113,113,.4)}.bgp-discard:hover{background:#f8717133}@media (prefers-reduced-motion: reduce){.bgp-confirm{animation:none}}.bgp-tabs{display:flex;gap:2px;padding:2px;border-radius:999px;background:#ffffff12}.bgp-tabs button{padding:4px 10px;border:none;border-radius:999px;background:none;color:#ece6f699;font-size:11px;font-weight:700;cursor:pointer}.bgp-tabs button.is-on{background:var(--gradient);color:var(--on-accent)}.bgp-chips{flex-wrap:wrap;gap:6px}.bgp-chips button{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:999px;font-size:11.5px;color:#ece6f6b8;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);cursor:pointer}.bgp-chips button.is-on{color:#fff;border-color:var(--accent);background:rgba(var(--accent-rgb),.22)}.bgp-chips button i{width:10px;height:10px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background-image:linear-gradient(135deg,transparent 44%,rgba(255,255,255,.5) 44% 56%,transparent 56%)}.bgp-swatches{flex-wrap:wrap;gap:6px}.bgp-swatches button{display:inline-flex;overflow:hidden;width:34px;height:20px;padding:0;border-radius:6px;border:1px solid rgba(255,255,255,.2);cursor:pointer;background:none;transition:transform .14s cubic-bezier(.22,1,.36,1),border-color .14s}.bgp-swatches button:hover{transform:translateY(-2px)}.bgp-swatches button.is-on{border-color:#fff;box-shadow:0 0 0 2px rgba(var(--accent-rgb),.55)}.bgp-swatches button i{flex:1;display:block}.bgs-card{display:grid;grid-template-columns:minmax(0,1fr) 168px;gap:18px;align-items:stretch}.bgs-card-body{display:flex;flex-direction:column;gap:8px;min-width:0}.bgs-head{display:flex;align-items:center;gap:10px}.bgs-head h3{font-size:1rem;font-weight:700;color:var(--text-primary)}.bgs-badge{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:999px;color:var(--on-accent);background:var(--gradient)}.bgs-summary{font-size:.86rem;font-weight:600;color:var(--accent-text);overflow-wrap:anywhere}.bgs-sub{font-size:.8rem;line-height:1.5;color:var(--text-secondary)}.bgs-launch{align-self:flex-start;margin-top:4px}.bgs-card-art{display:grid;grid-template-columns:1fr 1fr;gap:4px;min-height:104px;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#ffffff08}.bgs-card-art img:only-child{grid-column:span 2}.bgs-card-art img:nth-child(3):last-child{grid-column:span 2}.bgs-card-art img{width:100%;height:100%;object-fit:cover;display:block;min-height:50px}.bgs-card-empty{grid-column:span 2;display:grid;place-items:center;font-size:.76rem;color:var(--text-tertiary);background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.04) 0 7px,transparent 7px 14px)}.bgs-card-locked .bgs-card-art{opacity:.5}@media (max-width: 640px){.bgs-card{grid-template-columns:1fr;gap:14px}.bgs-card-art{min-height:88px;order:-1}}.bgp-modes{gap:6px}.bgp-modes button{flex:1;padding:6px 10px;border-radius:8px;font-size:11.5px;font-weight:700;color:#ece6f6a8;background:#ffffff0d;border:1px solid rgba(255,255,255,.13);cursor:pointer}.bgp-modes button.is-on{color:#fff;border-color:var(--accent);background:rgba(var(--accent-rgb),.22)}.bgp-tools{gap:8px}.bgp-tool{flex:1;padding:6px 10px;border-radius:8px;font-size:11.5px;font-weight:600;color:#ece6f6cc;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);cursor:pointer}.bgp-tool:hover:not(:disabled){background:#ffffff21}.bgp-tool:disabled{opacity:.5;cursor:default}.bgp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:5px;max-height:168px;overflow-y:auto;padding:2px}.bgp-grid button{position:relative;aspect-ratio:16 / 10;padding:0;border-radius:6px;overflow:hidden;border:1px solid rgba(255,255,255,.14);background:#ffffff0d;cursor:pointer}.bgp-grid button.is-on{border-color:var(--accent);box-shadow:0 0 0 2px rgba(var(--accent-rgb),.45)}.bgp-grid img{width:100%;height:100%;object-fit:cover;display:block}.bgp-grid .is-none span,.bgp-grid button.is-none span{display:grid;place-items:center;width:100%;height:100%;font-size:9px;color:#ece6f699}.bgp-reset{justify-content:center}.bgp-reset button{background:none;border:none;padding:2px 4px;font-size:11px;color:#ece6f68c;cursor:pointer;text-decoration:underline}.bgp-reset button:hover{color:#ece6f6e6}.pp-tab-hint{font-size:.76rem;line-height:1.45;color:var(--text-tertiary);margin-bottom:10px}.pp-tab-limit{color:var(--text-secondary)}.pp-tab-error{margin-top:10px;font-size:.78rem;color:#f87171}.playlist-item .playlist-thumb.placeholder svg{width:18px;height:18px;color:var(--accent-text)}@media (max-width: 768px){.dsc-genres{-webkit-mask-image:linear-gradient(to right,#000 85%,transparent);mask-image:linear-gradient(to right,#000 85%,transparent);padding-right:24px}.np-mood-panel{max-height:38vh;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.dsc-upnext-remove{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.dsc-upnext-clear{min-height:44px;padding:0 8px}.discover-page{padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}}@media (max-width: 560px){.np-card{grid-template-columns:minmax(0,1fr);grid-template-areas:"art" "info" "wave" "trans" "stats"}.np-art-slot{width:min(50vw,200px);justify-self:center}.np-info-col{text-align:left}}.np-player-status{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center;margin:8px 0;padding:8px 14px;border-radius:12px;background:var(--bg-glass);border:1px solid var(--border-glass);color:var(--text-secondary);font-size:.85rem;text-align:center}.np-player-error{border-color:#f8717180;color:var(--text-primary)}.np-retry{min-height:44px;padding:6px 16px;border-radius:999px;cursor:pointer;border:1px solid var(--accent);background:transparent;color:var(--text-primary);font-weight:600}.np-retry:hover{background:color-mix(in srgb,var(--accent) 14%,transparent)}.apple-cta{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:0 0 14px;padding:14px 16px;border-radius:16px;background:var(--bg-glass);border:1px solid var(--border-glass)}.apple-cta-text{flex:1 1 260px;min-width:0}.apple-cta-title{margin:0 0 4px;font-size:15px;color:var(--text-primary)}.apple-cta-copy{margin:0;font-size:13px;line-height:1.45;color:var(--text-secondary)}.apple-cta-actions{display:flex;gap:8px;flex-wrap:wrap}.apple-cta-actions .btn-primary,.apple-cta-actions .btn-secondary{white-space:nowrap}@container bb-main (max-width: 1100px){.discover-page{height:auto}.dsc-main{grid-template-columns:1fr;flex:none}.dsc-comments{order:2;height:auto}.np-card{height:auto}}.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);transition-delay:0ms;will-change:opacity,transform}.reveal.is-in{opacity:1;transform:none}.reveal:nth-of-type(2){transition-delay:90ms}.reveal:nth-of-type(3){transition-delay:.18s}.reveal:nth-of-type(4){transition-delay:.27s}.reveal:nth-of-type(5){transition-delay:.36s}.reveal:nth-of-type(6){transition-delay:.45s}.reveal:nth-of-type(n+7){transition-delay:.54s}@media (prefers-reduced-motion: reduce){.reveal{opacity:1;transform:none;transition:none}}.profile-since{display:inline-block;margin:2px 0 0;padding:2px 10px;border-radius:999px;font-size:12px;color:var(--text-secondary);border:1px solid var(--border-glass)}.no-ratings-yet{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:36px 16px}.no-ratings-slot{width:120px;height:120px;flex:0 0 auto}.no-ratings-title{font-size:1.15rem;font-weight:700;color:var(--text-primary);margin:6px 0 0}.no-ratings-nudge{color:var(--text-secondary);margin:0;max-width:34ch}.no-ratings-btn{margin-top:6px}.ca-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.lp,.lp *,.lp *:before,.lp *:after{box-sizing:border-box}html.lp-lock body{margin:0;background:var(--bb-bg);color:var(--bb-text);font:400 var(--t-body)/var(--t-body-lh) var(--bb-font-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}.lp img{display:block;max-width:100%}.lp a{color:inherit}.lp .i{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}.lp :focus-visible{outline:2px solid var(--bb-pink);outline-offset:3px}.lp .skip{position:fixed;left:12px;top:-60px;z-index:60;background:var(--bb-bg-raise);padding:12px 16px;border-radius:var(--r-sm);text-decoration:none;font-weight:700}.lp .skip:focus{top:12px}.lp .atmo{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-atmo);background:var(--bb-atmo);pointer-events:none}.lp .grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-atmo);pointer-events:none;opacity:calc(.045 * var(--bb-grain-a,1));background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.lp .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--btn-h);padding:0 22px;border-radius:var(--r-pill);border:0;font:var(--t-btn-w) var(--t-btn)/1 var(--bb-font-body);text-decoration:none;cursor:pointer;white-space:nowrap;transition:transform var(--d-fast) var(--ease),box-shadow var(--d-base) var(--ease),background var(--d-base) var(--ease)}.lp .btn:active{transform:scale(var(--press-scale))}.lp .btn-lg{min-height:var(--btn-h-lg);padding:0 28px;font-size:16px}.lp .btn-sm{min-height:var(--btn-h-sm);padding:0 16px;font-size:14px}.lp .btn-block{width:100%}.lp .btn-grad{background:var(--bb-grad);color:var(--bb-ink);box-shadow:var(--sh-cta)}.lp .btn-grad:hover{box-shadow:var(--sh-cta-hover)}.lp .btn-grad:hover:where(:not(:active)){transform:translateY(-1px)}.lp .btn-grad .i{stroke-width:2.4}.lp .btn-glass{background:var(--bb-glass);color:var(--bb-text);box-shadow:inset 0 0 0 1px var(--bb-border-2)}.lp .btn-glass:hover{background:var(--bb-glass-2)}.lp .btn-sm.signin{position:relative}.lp .btn-sm.signin:after{content:"";position:absolute;top:-2px;right:-0px;bottom:-2px;left:-0px}.lp .btn-text{display:inline-flex;align-items:center;gap:6px;min-height:var(--tap);padding:0 6px;color:var(--bb-text-2);font-weight:600;font-size:15px;text-decoration:none;border-radius:var(--r-sm)}.lp .btn-text:hover{color:var(--bb-text)}.lp .btn-text .i{width:16px;height:16px}.lp .btn.is-busy{pointer-events:none}.lp .btn.is-busy:before{content:"";width:16px;height:16px;border-radius:50%;border:2px solid rgba(var(--bb-on-accent-rgb),.3);border-top-color:var(--bb-ink);animation:lp-spin .7s linear infinite}.lp .btn.is-busy .i{display:none}@keyframes lp-spin{to{transform:rotate(360deg)}}html.lp-lock,html.lp-lock body,html.lp-lock #root{height:100%;overflow:hidden;overscroll-behavior:none}.lp .app{position:relative;z-index:var(--z-content);height:100vh;height:100dvh;width:100%;max-width:600px;margin:0 auto;display:flex;flex-direction:column;overflow:hidden;padding:env(safe-area-inset-top,0px) max(var(--gutter),env(safe-area-inset-right,0px)) env(safe-area-inset-bottom,0px) max(var(--gutter),env(safe-area-inset-left,0px))}.lp .top{flex:none;height:clamp(52px,7.6dvh,64px);display:flex;align-items:center;gap:10px}.lp .brand{flex:none;display:inline-flex;align-items:center;gap:10px;min-height:var(--tap);text-decoration:none;border-radius:var(--r-sm)}.lp .brand img{width:32px;height:32px}.lp .brand span{font:400 20px/1 var(--bb-font-display);letter-spacing:.005em}.lp .beta{font:700 10px/1 var(--bb-font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--bb-pink-soft);padding:5px 8px;border-radius:var(--r-pill);background:rgba(var(--bb-accent-rgb),.1);box-shadow:inset 0 0 0 1px rgba(var(--bb-accent-rgb),.25)}.lp .top .signin{margin-left:auto}.lp .land{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:clamp(10px,1.9dvh,20px);padding-top:clamp(2px,1dvh,10px)}.lp .head,.lp .act{flex:none}.lp .grad-text{background:var(--bb-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.lp h1,.lp h2{font-family:var(--bb-font-display);font-weight:400;margin:0}.lp h1{font-size:clamp(26px,min(9.6vw,5.3dvh),46px);line-height:1.06;letter-spacing:-.01em}.lp:is([data-theme-mode=light] *) .grad-text{background-image:var(--gradient-text)}.lp:is([data-theme-mode=light] *) .beta{color:var(--bb-text)}.lp:is([data-theme-mode=light] *) :focus-visible{outline-color:var(--accent-text)}.lp h1 .grad-text{display:block}.lp .lead{display:none;margin:0;color:var(--bb-text-2)}.lp .stage{flex:1 1 auto;min-height:0;container-type:size;display:grid;place-items:center}.lp .card-wrap{--meta-h:62px;--acts-h:62px;--art:min(100cqw, calc(100cqh - var(--meta-h) - var(--acts-h)), 400px);position:relative;width:var(--art)}.lp .sw-card{position:relative;border-radius:clamp(16px,calc(var(--art) * .075),28px);overflow:hidden;background:linear-gradient(180deg,rgb(var(--bb-stage-rgb)),rgb(var(--bb-stage-rgb)));box-shadow:var(--sh-card);color:#f5f5f7}.lp .art{position:relative;aspect-ratio:1;overflow:hidden;background:radial-gradient(60% 50% at 30% 30%,#f9a8d4 0,transparent 60%),radial-gradient(55% 55% at 75% 60%,#fb923c 0,transparent 62%),radial-gradient(70% 60% at 20% 90%,#7c3aed 0,transparent 65%),linear-gradient(160deg,#3b1a5c,#1a0f2e)}.lp .art:after{content:"";position:absolute;left:50%;top:50%;width:46%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;border:2px solid rgba(255,255,255,.35);box-shadow:0 0 0 18px #ffffff0f,0 0 0 40px #ffffff0a}.lp .art img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;max-width:none;object-fit:cover}.lp .art img[src*=hqdefault]{transform:scale(1.34)}.lp .chip{position:absolute;z-index:2;left:10px;top:10px;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:var(--r-pill);background:#0f0a1aa8;-webkit-backdrop-filter:var(--bb-chip-blur);backdrop-filter:var(--bb-chip-blur);box-shadow:inset 0 0 0 1px #ffffff24;font:600 11px/1 var(--bb-font-body);color:#fff}.lp .chip i{width:6px;height:6px;border-radius:50%;background:var(--bb-pink)}.lp .clip{position:absolute;z-index:2;left:0;right:0;bottom:0;height:3px;background:#0f0a1a80}.lp .clip i{display:block;height:100%;width:38%;background:var(--bb-grad)}.lp .meta{position:relative;height:var(--meta-h);display:flex;flex-direction:column;justify-content:center;gap:2px;padding:0 60px 0 14px;overflow:hidden}.lp .meta b{font:400 18px/1.15 var(--bb-font-display);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lp .meta span{font-size:13px;line-height:1.2;color:#ffffffa8;font-weight:500}.lp .meta small{display:none;font-size:11px;color:#ffffff8f}.lp .play{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#ffffff1f;box-shadow:inset 0 0 0 1px #fff3;color:var(--bb-text)}.lp .play .i{width:15px;height:15px;fill:currentColor;stroke:none}.lp .acts{height:var(--acts-h);display:flex;align-items:flex-end;justify-content:center;gap:22px}.lp .pa{width:calc(var(--acts-h) - 12px);height:calc(var(--acts-h) - 12px);border-radius:50%;display:grid;place-items:center}.lp .pa.pass{background:var(--bb-glass-2);box-shadow:inset 0 0 0 1px var(--bb-border-2);color:var(--bb-text-2)}.lp .pa.like{background:var(--bb-grad);color:var(--bb-ink);box-shadow:var(--sh-cta)}.lp .pa.like .i{fill:currentColor;stroke:none}.lp .bloss{position:absolute;z-index:3;display:block;--bw:clamp(64px,calc(var(--art) * .3),112px);width:calc(var(--bw) * .74);height:var(--bw);object-fit:cover;object-position:50% 50%;left:-12px;bottom:calc(var(--meta-h) + var(--acts-h) - var(--bw) * .035);pointer-events:none;filter:var(--sh-bloss);animation:lp-bloom var(--d-reveal) var(--ease) .15s both}@media (max-width:959px){.lp .bloss{--bw:clamp(96px,calc(var(--art) * .42),150px)}}@keyframes lp-bloom{0%{opacity:0;transform:scale(.9) translateY(8px)}to{opacity:1;transform:none}}.lp .cta-row{display:flex;flex-direction:column;align-items:stretch}.lp .cta{min-height:clamp(48px,6.6dvh,56px)}.lp .how-desk{display:none}.lp .trust{margin:8px 0 0;font-size:13px;line-height:1.3;color:var(--bb-text-3);text-align:center}.lp .foot{flex:none;height:clamp(36px,5.4dvh,44px);display:flex;align-items:center;justify-content:center;gap:4px;font-size:13px}.lp .foot nav{display:flex}.lp .foot a,.lp .how-mob{display:inline-flex;align-items:center;height:100%;min-height:32px;padding:0 10px;color:var(--bb-text-3);text-decoration:none;border-radius:var(--r-sm);font:500 13px/1 var(--bb-font-body);background:none;border:0;cursor:pointer}.lp .how-mob{color:var(--bb-pink-soft);font-weight:600;white-space:nowrap}.lp .foot a:hover{color:var(--bb-text)}.lp .foot a,.lp .how-mob{position:relative}.lp .foot a:after,.lp .how-mob:after{content:"";position:absolute;left:0;right:0;bottom:0;top:min(0px,calc(100% - var(--tap)))}@media (min-height:780px) and (max-width:959px){.lp .card-wrap{--meta-h:76px}.lp .meta small{display:block;margin-top:1px}}@media (max-height:640px){.lp .top{height:48px}.lp .brand img{width:28px;height:28px}.lp .brand span{font-size:18px}.lp .btn-sm{min-height:36px;padding:0 14px;font-size:13px}.lp .land{gap:10px;padding-top:0}.lp h1{font-size:clamp(24px,min(8.6vw,5.2dvh),34px)}.lp .card-wrap{--meta-h:48px;--acts-h:50px}.lp .meta{padding:0 52px 0 12px}.lp .meta b{font-size:15px}.lp .meta span{font-size:12px}.lp .meta small{display:none}.lp .play{width:34px;height:34px;right:10px}.lp .cta{min-height:48px}.lp .trust{margin-top:6px;font-size:12px}.lp .foot{height:34px}}@media (max-width:359px){.lp .beta{display:none}.lp .foot a,.lp .how-mob{padding:0 7px}}@media (min-width:960px){.lp{--stage-max:min( calc(100vw - (2*clamp(32px,4vw,80px))) ,1400px)}.lp .app{max-width:none;padding:env(safe-area-inset-top,0px) 0 env(safe-area-inset-bottom,0px)}.lp .top,.lp .land,.lp .foot{width:var(--stage-max);margin-inline:auto}.lp .top{height:clamp(64px,8.4dvh,84px)}.lp .brand img{width:clamp(32px,3.6dvh,40px);height:clamp(32px,3.6dvh,40px)}.lp .brand span{font-size:clamp(20px,2.3dvh,24px)}.lp .land{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);grid-template-rows:1fr 1fr;column-gap:clamp(40px,5vw,112px);row-gap:0;padding-block:clamp(8px,2dvh,28px)}.lp .head{grid-area:1/1;align-self:end;padding-bottom:clamp(20px,3.2dvh,40px)}.lp .act{grid-area:2/1;align-self:start}.lp .stage{grid-area:1/2/3/3;height:100%}.lp h1{font-size:clamp(44px,min(4.4vw,8dvh),78px);line-height:1.04}.lp h1 .grad-text{white-space:nowrap}.lp .lead{display:block;max-width:34ch;margin-top:clamp(12px,2.2dvh,26px);font-size:clamp(17px,min(1.4vw,2.5dvh),23px);line-height:1.5}.lp .cta-row{flex-direction:row;align-items:center;gap:clamp(12px,1.4vw,24px)}.lp .cta{min-height:clamp(54px,6.6dvh,68px);padding:0 clamp(28px,2.4vw,40px);font-size:clamp(16px,1.2vw,19px)}.lp .cta .i{width:clamp(20px,1.5vw,24px);height:clamp(20px,1.5vw,24px)}.lp .how-desk{display:inline-flex;font:600 clamp(15px,1.1vw,18px)/1 var(--bb-font-body);background:none;border:0;cursor:pointer;color:var(--bb-text-2)}.lp .trust{text-align:left;margin-top:clamp(12px,1.8dvh,20px);font-size:clamp(13px,1vw,16px)}.lp .card-wrap{--meta-h:clamp(80px,10.5dvh,112px);--acts-h:clamp(72px,9.5dvh,100px);--art:min(100cqw, calc(100cqh - var(--meta-h) - var(--acts-h)), 660px)}.lp .meta{padding:0 clamp(72px,8dvh,96px) 0 clamp(18px,2.4dvh,26px);gap:4px}.lp .meta b{font-size:clamp(22px,2.9dvh,32px)}.lp .meta span{font-size:clamp(14px,1.8dvh,18px)}.lp .meta small{display:block;font-size:clamp(12px,1.4dvh,15px)}.lp .play{width:clamp(44px,5.6dvh,60px);height:clamp(44px,5.6dvh,60px);right:clamp(16px,2.2dvh,26px)}.lp .play .i{width:clamp(16px,2dvh,22px);height:clamp(16px,2dvh,22px)}.lp .chip{left:clamp(12px,1.8dvh,20px);top:clamp(12px,1.8dvh,20px);padding:clamp(7px,1dvh,10px) clamp(11px,1.5dvh,15px);font-size:clamp(12px,1.4dvh,15px)}.lp .clip{height:4px}.lp .acts{--gap-acts:clamp(22px,3dvh,34px);gap:var(--gap-acts)}.lp .pa{width:calc(var(--acts-h) - 18px);height:calc(var(--acts-h) - 18px)}.lp .pa .i{width:clamp(20px,2.8dvh,28px);height:clamp(20px,2.8dvh,28px)}.lp .bloss{--bw:clamp(150px,calc(var(--art) * .4),260px);width:var(--bw);height:auto;aspect-ratio:1;object-fit:fill;left:calc(var(--bw) * -.3);bottom:calc(var(--meta-h) + var(--acts-h) - var(--bw) * .035)}.lp .signin{min-height:clamp(40px,4.8dvh,48px);padding:0 clamp(16px,1.4vw,22px);font-size:clamp(14px,1vw,16px)}.lp .how-mob{display:none}.lp .foot{height:clamp(44px,6dvh,60px);justify-content:flex-end}}@media (min-width:960px) and (max-height:640px){.lp .lead,.lp .meta small{display:none}}.lp .scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(--z-sheet) - 1);background:rgba(var(--bb-scrim-rgb),calc(.6 * var(--bb-scrim-a)));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.lp .sheet{position:fixed;z-index:var(--z-sheet);left:0;right:0;bottom:0;margin:0 auto;max-width:600px;max-height:calc(100dvh - var(--safe-t) - 12px);overflow:hidden;display:flex;flex-direction:column;gap:clamp(10px,1.8dvh,18px);padding:8px var(--gutter) calc(16px + var(--safe-b));border-radius:24px 24px 0 0;background:var(--bb-bg-raise);box-shadow:inset 0 1px rgba(var(--bb-ink-rgb),calc(.08 * var(--bb-ink-a-lo))),0 -20px 60px rgba(var(--bb-shadow-rgb),calc(.5 * var(--bb-shadow-a)))}.lp .scrim[hidden],.lp .sheet[hidden]{display:none}.lp .grab{flex:none;align-self:center;width:36px;height:4px;border-radius:2px;background:var(--bb-border-2)}.lp .sh-top{flex:none;display:flex;align-items:center;justify-content:space-between}.lp .sh-top h2{font-size:clamp(22px,3.2dvh,28px)}.lp .x{width:40px;height:40px;border-radius:50%;border:0;display:grid;place-items:center;background:var(--bb-glass-2);color:var(--bb-text-2);cursor:pointer}.lp .steps{list-style:none;margin:0;padding:0;display:grid;gap:clamp(8px,1.6dvh,14px)}.lp .steps li{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start}.lp .num{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font:400 16px/1 var(--bb-font-display);background:var(--bb-grad);color:var(--bb-ink)}.lp .steps h3{margin:1px 0 0;font:700 15px/1.3 var(--bb-font-body)}.lp .steps p{margin:2px 0 0;font-size:13.5px;line-height:1.4;color:var(--bb-text-2)}.lp .also{list-style:none;margin:0;padding:12px 0 0;display:grid;gap:8px;border-top:1px solid var(--bb-border)}.lp .also li{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--bb-text-2)}.lp .also .i{width:18px;height:18px;color:var(--bb-pink-soft)}.lp .also b{color:var(--bb-text);font-weight:600;margin-right:4px}.lp .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.lp .stats[hidden]{display:none}.lp .stat{display:grid;gap:3px;justify-items:center;padding:10px 4px;border-radius:var(--r-md);background:var(--bb-glass);box-shadow:inset 0 0 0 1px var(--bb-border);text-align:center}.lp .stat b{display:inline-flex;align-items:center;gap:6px;font:400 19px/1.1 var(--bb-font-display);font-variant-numeric:tabular-nums}.lp .stat span{font-size:11px;line-height:1.2;color:var(--bb-text-2);font-weight:500}.lp .live{width:7px;height:7px;border-radius:50%;background:var(--bb-success);animation:lp-pulse 2s ease-out infinite}@keyframes lp-pulse{0%{box-shadow:0 0 #34d39980}70%,to{box-shadow:0 0 0 7px #34d39900}}.lp .stats.is-loading .stat b,.lp .stats.is-loading .stat span{color:transparent;border-radius:6px;background:var(--bb-bg-panel) linear-gradient(100deg,transparent 30%,rgba(var(--bb-ink-rgb),calc(.07 * var(--bb-ink-a-lo))) 50%,transparent 70%) 0 0/220% 100%;animation:lp-shim 1.5s linear infinite}.lp .stats.is-loading .stat b{width:44px;height:21px}.lp .stats.is-loading .stat span{width:56px;height:12px}.lp .stats.is-loading .live{display:none}@keyframes lp-shim{0%{background-position:120% 0}to{background-position:-100% 0}}.lp .sheet .btn{flex:none;margin-top:2px}@media (max-height:640px){.lp .also{display:none}.lp .steps p{font-size:12.5px}.lp .sheet{gap:10px}}@media (min-width:960px){.lp .sheet{left:50%;right:auto;bottom:auto;top:50%;transform:translate(-50%,-50%);width:min(560px,92vw);max-height:calc(100dvh - 48px);border-radius:28px;padding:22px 28px 26px;box-shadow:var(--sh-card)}.lp .grab{display:none}}.lp .toast{width:max-content;position:fixed;left:50%;bottom:calc(72px + var(--safe-b));z-index:var(--z-toast);transform:translate(-50%,20px);opacity:0;display:flex;align-items:center;gap:10px;max-width:calc(100vw - 32px);padding:12px 16px;border-radius:var(--r-md);background:var(--bb-bg-raise);box-shadow:inset 0 0 0 1px var(--bb-border-2),0 16px 40px rgba(var(--bb-shadow-rgb),calc(.5 * var(--bb-shadow-a)));font-size:14px;font-weight:500;transition:opacity var(--d-base) var(--ease),transform var(--d-base) var(--ease);pointer-events:none}.lp .toast.on{opacity:1;transform:translate(-50%)}.lp .toast .i{color:var(--bb-pink-soft)}@media (prefers-reduced-motion:reduce){.lp *,.lp *:before,.lp *:after{animation:none!important;transition:none!important}}html.lp-lock body:before,html.lp-lock body:after{display:none}.lp .bloss{max-width:none}html.lp-lock{background:var(--bb-bg)}html.lp-lock #root{background:none;color:inherit;font-family:inherit}.lp .art img{transform:scale(1)}.lp.pbx .ps-art{height:auto;margin:0;object-fit:cover;display:block}.lp.pbx .sp-cover{height:auto;background:none;font-size:inherit;flex-shrink:1;align-items:normal;justify-content:normal}.lp.pbx .sp-name{word-break:normal}.lp.pbx .sp-meta{align-items:normal;justify-content:normal}.lp.pbx .ps-stats{font-size:inherit;color:inherit}.lp.pbx .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.lp.pbx .pb{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;outline:none}.lp.pbx .pb-label{margin:0;font:700 11px/1 var(--bb-font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--bb-pink-soft)}.lp.pbx .pb-foot{gap:2px}.lp.pbx .pb-foot>span{color:var(--bb-text-3);font-size:12px;padding:0 8px}.lp.pbx .pb-foot a .i{width:15px;height:15px;margin-right:6px}.lp.pbx .sk{display:block;border-radius:10px;background:linear-gradient(90deg,rgba(var(--bb-ink-rgb),calc(.05 * var(--bb-ink-a-lo))),rgba(var(--bb-ink-rgb),calc(.11 * var(--bb-ink-a-lo))),rgba(var(--bb-ink-rgb),calc(.05 * var(--bb-ink-a-lo))));background-size:200% 100%;animation:pbsk 1.3s linear infinite}@keyframes pbsk{to{background-position:-200% 0}}.lp.pbx .sk-h{height:28px;width:72%}.lp.pbx .sk-s{height:14px;width:44%;margin-top:4px}.lp.pbx .sk-c{height:48px;width:100%;border-radius:999px}.lp.pbx .pb-pitch{display:flex;align-items:center;gap:12px;padding:10px 14px 10px 8px;border-radius:20px;background:var(--bb-glass);box-shadow:inset 0 0 0 1px var(--bb-border)}.lp.pbx .pb-pitch-bloss{flex:none;width:clamp(72px,11dvh,104px);height:auto;filter:drop-shadow(var(--sh-bloss,0 10px 24px rgba(var(--bb-accent-rgb),.3)))}.lp.pbx .pb-pitch-h{margin:0 0 3px;font:400 clamp(15px,2.1dvh,18px)/1.2 var(--bb-font-display)}.lp.pbx .pb-pitch-p{margin:0;font-size:13px;line-height:1.4;color:var(--bb-text-2)}.lp.pbx .pb-msg{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;padding:8px 4px}.lp.pbx .pb-msg-bloss{width:clamp(150px,34dvh,300px);height:auto;margin-bottom:-6px;filter:drop-shadow(0 16px 40px rgba(var(--bb-accent-rgb),.32))}.lp.pbx .pb-msg-h{margin:0;font:400 clamp(26px,4dvh,40px)/1.1 var(--bb-font-display)}.lp.pbx .pb-msg-p{margin:0 0 8px;max-width:34ch;color:var(--bb-text-2);line-height:1.45}.lp.pbx .ps{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(10px,2dvh,18px);padding:4px 0 8px}.lp.pbx .ps-art-wrap{position:relative;flex:none}.lp.pbx .ps-art{width:clamp(150px,36dvh,300px);aspect-ratio:1;border-radius:24px;box-shadow:0 24px 60px rgba(var(--bb-shadow-rgb),calc(.45 * var(--bb-shadow-a))),inset 0 0 0 1px rgba(var(--bb-ink-rgb),calc(.08 * var(--bb-ink-a-lo)))}.lp.pbx .ps-play{position:absolute;right:12px;bottom:12px;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--bb-grad);color:var(--bb-ink);box-shadow:var(--sh-cta)}.lp.pbx .ps-play .i{fill:currentColor;stroke:none;width:24px;height:24px;margin-left:2px}.lp.pbx .ps-info{width:100%;max-width:440px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}.lp.pbx .ps-name{margin:2px 0 0;font:400 clamp(26px,3.8dvh,40px)/1.08 var(--bb-font-display)}.lp.pbx .ps-artist{margin:0;color:var(--bb-text-2);font-size:16px}.lp.pbx .ps-stats{list-style:none;margin:4px 0 0;padding:0;display:flex;gap:8px;justify-content:center}.lp.pbx .ps-stats li{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--bb-glass);box-shadow:inset 0 0 0 1px var(--bb-border);font-size:13px;color:var(--bb-text-2)}.lp.pbx .ps-stats b{color:var(--bb-text)}.lp.pbx .ps-stats .i{width:15px;height:15px}.lp.pbx .ps-acts{width:100%;display:flex;flex-direction:column;gap:8px;margin-top:8px}.lp.pbx .ps-acts .btn-lg .i{fill:currentColor;stroke:none}.lp.pbx .ps .pb-pitch{margin-top:6px;text-align:left;width:100%}.lp.pbx .ps-info .sk-h{margin:8px auto 0}.lp.pbx .ps-info .sk-s{margin:6px auto 0}.lp.pbx .ps-info .sk-c{margin-top:14px}.lp.pbx .sp{flex:1;min-height:0;display:flex;flex-direction:column;gap:12px;padding:4px 0 8px}.lp.pbx .sp-head{flex:none;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"cover info" "acts acts";gap:12px 14px;align-items:center}.lp.pbx .sp-cover{grid-area:cover;width:clamp(84px,13dvh,112px);aspect-ratio:1;border-radius:18px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;box-shadow:0 14px 34px rgba(var(--bb-shadow-rgb),calc(.4 * var(--bb-shadow-a)))}.lp.pbx .sp-cover span{display:block}.lp.pbx .sp-cover-empty{display:grid;grid-template-columns:1fr;place-items:center;background:var(--bb-grad-subtle);color:var(--bb-pink-soft)}.lp.pbx .sp-cover-empty .i{width:34px;height:34px}.lp.pbx .sp-info{grid-area:info;min-width:0;display:flex;flex-direction:column;gap:5px}.lp.pbx .sp-name{margin:0;font:400 clamp(24px,3.4dvh,34px)/1.08 var(--bb-font-display);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lp.pbx .sp-meta{margin:0;display:flex;gap:6px;flex-wrap:wrap;color:var(--bb-text-3);font-size:14px}.lp.pbx .sp-meta a{color:var(--bb-text-2);text-decoration:none;font-weight:600}.lp.pbx .sp-meta a:hover{color:var(--bb-text)}.lp.pbx .sp-acts{grid-area:acts;display:flex;gap:8px}.lp.pbx .sp-acts .btn-grad{flex:1;min-width:0;padding:0 16px}.lp.pbx .sp-share{padding:0;width:48px;flex:none}.lp.pbx .sp-share span,.lp.pbx .sp-head .pb-pitch{display:none}.lp.pbx .sp-panel{flex:1 1 auto;min-height:0;border-radius:22px;background:var(--bb-glass);box-shadow:inset 0 0 0 1px var(--bb-border);overflow:hidden;display:flex}.lp.pbx .sp-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:6px}.lp.pbx .sp-list{list-style:none;margin:0;padding:0}.lp.pbx .sp-row{display:flex;align-items:center;gap:12px;min-height:56px;padding:6px 10px;border-radius:14px}.lp.pbx .sp-row+.sp-row{box-shadow:inset 0 1px rgba(var(--bb-ink-rgb),calc(.04 * var(--bb-ink-a-lo)))}.lp.pbx .sp-n{flex:none;width:20px;text-align:right;font:500 13px/1 var(--bb-font-mono,monospace);color:var(--bb-text-3)}.lp.pbx .sp-art{flex:none;width:44px;height:44px;border-radius:10px}.lp.pbx .sp-tx{min-width:0;display:flex;flex-direction:column;gap:3px}.lp.pbx .sp-tx b{font-weight:600;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lp.pbx .sp-tx small{font-size:13px;color:var(--bb-text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lp.pbx .sp-tx b.sk{width:140px;height:12px}.lp.pbx .sp-tx b.sk+b.sk{width:90px;height:10px}.lp.pbx .sp-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--bb-text-3);text-align:center}.lp.pbx .sp-empty .i{width:30px;height:30px;color:var(--bb-pink-soft)}.lp.pbx .sp-empty p{margin:0}.lp.pbx .sp-info .sk-h{width:80%}@media (max-width:359px){.lp.pbx .pb-foot>span{display:none}.lp.pbx .ps-acts .btn-lg{font-size:15px;padding:0 18px}}@media (max-height:700px){.lp.pbx .ps .pb-pitch{display:none}.lp.pbx .ps-art{width:clamp(130px,30dvh,220px)}.lp.pbx .pb-msg-bloss{width:clamp(120px,28dvh,200px)}}@media (max-height:600px){.lp.pbx .ps-stats{display:none}.lp.pbx .ps-acts{flex-direction:row}.lp.pbx .ps-acts .btn-grad{flex:1;min-width:0;min-height:48px;padding:0 12px;font-size:14px}.lp.pbx .ps-share{flex:none;width:48px;padding:0}.lp.pbx .ps-share span{display:none}}@media (min-width:960px){.lp.pbx .pb{width:var(--stage-max);margin-inline:auto}.lp.pbx .pb-msg-bloss{width:clamp(200px,38dvh,360px)}.lp.pbx .ps{flex-direction:row;gap:clamp(32px,5vw,80px)}.lp.pbx .ps-art{width:clamp(260px,56dvh,560px);border-radius:32px}.lp.pbx .ps-play{width:72px;height:72px;right:20px;bottom:20px}.lp.pbx .ps-play .i{width:30px;height:30px}.lp.pbx .ps-info{align-items:flex-start;text-align:left;max-width:520px;gap:8px}.lp.pbx .ps-name{font-size:clamp(36px,6dvh,60px)}.lp.pbx .ps-artist{font-size:20px}.lp.pbx .ps-stats{justify-content:flex-start}.lp.pbx .ps-acts{flex-direction:row}.lp.pbx .ps-acts .btn-grad{flex:1}.lp.pbx .ps .pb-pitch{display:flex;margin-top:clamp(10px,3dvh,32px)}.lp.pbx .ps .pb-pitch-bloss{width:clamp(80px,14dvh,140px)}.lp.pbx .ps-info .sk-h,.lp.pbx .ps-info .sk-s{margin-left:0}.lp.pbx .sp{flex-direction:row;gap:clamp(24px,3vw,48px)}.lp.pbx .sp-head{width:clamp(300px,30vw,420px);grid-template-columns:1fr;grid-template-areas:"cover" "info" "acts" "pitch";align-content:center;gap:14px}.lp.pbx .sp-cover{width:clamp(200px,34dvh,320px);border-radius:26px}.lp.pbx .sp-name{white-space:normal;font-size:clamp(30px,4.6dvh,44px)}.lp.pbx .sp-head .pb-pitch{display:flex;grid-area:pitch}.lp.pbx .sp-panel{align-self:stretch}.lp.pbx .sp-scroll{padding:10px}.lp.pbx .sp-row{min-height:60px}.lp.pbx .sp-art{width:48px;height:48px}.lp.pbx .sp-head{min-width:0}}@media (min-width:960px) and (max-height:820px){.lp.pbx .sp-head .pb-pitch{display:none}}@media (min-width:960px) and (max-height:700px){.lp.pbx .ps .pb-pitch,.lp.pbx .sp-head .pb-pitch{display:none}}@media (prefers-reduced-motion:reduce){.lp.pbx .sk{animation:none}}@media (min-width:1200px){.lp.pbx .sp-share{width:auto;padding:0 22px}.lp.pbx .sp-share span{display:inline}}.lp.pbx .sp-cover img{display:block;width:100%;height:100%;object-fit:cover}.lp.pbx img.sp-art{display:block;object-fit:cover}.lp.pbx .ps-art-empty,.lp.pbx .sp-art-empty{display:grid;place-items:center;background:var(--bb-grad-subtle);color:var(--bb-pink-soft)}.lp.pbx .ps-art-empty .i{width:30%;height:30%}.lp.pbx .sp-art-empty .i{width:20px;height:20px}.lp.pbx .sp-meta a{white-space:nowrap}.lp.pbx .share-btn-wrap{display:flex;flex:none}.lp.pbx .share-btn-wrap>.btn{flex:1}.lp.pbx .share-btn:hover{color:var(--bb-text);border-color:transparent}.lp.pbx .share-btn>svg{display:none}.lp.pbx .share-btn:before{content:"";flex:none;width:20px;height:20px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 15V3.5M7.5 8 12 3.5 16.5 8M5 12.5V19a1.5 1.5 0 0 0 1.5 1.5h11A1.5 1.5 0 0 0 19 19v-6.5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 15V3.5M7.5 8 12 3.5 16.5 8M5 12.5V19a1.5 1.5 0 0 0 1.5 1.5h11A1.5 1.5 0 0 0 19 19v-6.5'/%3E%3C/svg%3E") center/contain no-repeat}.public-shell:has(>.public-shell-content>.pbx)>.public-shell-header{display:none}.public-shell:has(>.public-shell-content>.pbx)>.public-shell-content{padding:0;overflow:hidden}.lp.pbx-in{height:100%;min-height:0;display:flex;flex-direction:column}.lp.pbx-in .pb{width:100%;max-width:var(--stage-max,100%);margin-inline:auto}@media (max-width:959.98px){.lp.pbx .ps{justify-content:flex-start;overflow:hidden auto}.lp.pbx .ps>:first-child{margin-top:auto}.lp.pbx .ps>:last-child{margin-bottom:auto}}@media (min-width:960px){.lp.pbx .sp-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}}@media (max-width:959.98px){.lp.pbx .ps-art-wrap{flex:0 1 clamp(150px,36dvh,300px);min-height:130px;aspect-ratio:1}.lp.pbx .ps-art{width:100%;height:100%}}@media (max-width:959.98px) and (max-height:700px){.lp.pbx .ps-art-wrap{flex-basis:clamp(130px,30dvh,220px)}}.lp.pbx.pgs .lg{flex:1;min-height:0;display:flex;flex-direction:column;gap:10px;padding:2px 0 6px}.lp.pbx.pgs .lg-tabs{flex:none;align-self:flex-start;display:flex;gap:2px;padding:4px;border-radius:999px;background:var(--bb-glass);box-shadow:inset 0 0 0 1px var(--bb-border)}.lp.pbx.pgs .lg-tab{min-height:44px;display:inline-flex;align-items:center;padding:0 16px;border-radius:999px;color:var(--bb-text-2);text-decoration:none;font-weight:600;font-size:14px}.lp.pbx.pgs .lg-tab.on{background:var(--bb-glass-3,rgba(var(--bb-ink-rgb),calc(.14 * var(--bb-ink-a-lo))));color:var(--bb-text)}.lp.pbx.pgs .lg-head{flex:none;display:flex;align-items:center;gap:12px}.lp.pbx.pgs .lg-bloss{width:clamp(64px,10dvh,120px);height:auto;filter:drop-shadow(0 10px 26px rgba(var(--bb-accent-rgb),.3))}.lp.pbx.pgs .lg-h1{margin:0;font:400 clamp(26px,3.8dvh,42px)/1.2 var(--bb-font-display)}.lp.pbx.pgs .lg-upd{margin:4px 0 0;font-size:13px;color:var(--bb-text-3)}.lp.pbx.pgs .lg-body{flex:1 1 auto;min-height:0;display:flex;gap:16px}.lp.pbx.pgs .lg-toc{display:none}.lp.pbx.pgs .lg-panel{position:relative;flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;border-radius:22px;background:var(--bb-glass);box-shadow:inset 0 0 0 1px var(--bb-border);padding:4px 18px 18px;outline:none;scroll-padding-top:12px}.lp.pbx.pgs .lg-panel:focus-visible{box-shadow:inset 0 0 0 2px var(--bb-pink-soft)}.lp.pbx.pgs .lg-doc{max-width:68ch;font-size:15px;line-height:1.65;color:var(--bb-text-2)}.lp.pbx.pgs .lg-doc .legal-lead{color:var(--bb-text);font-size:16px}.lp.pbx.pgs .lg-doc h2{margin:22px 0 6px;font:400 20px/1.2 var(--bb-font-display);color:var(--bb-text)}.lp.pbx.pgs .lg-doc h3{margin:14px 0 4px;font:700 15px/1.3 var(--bb-font-body);color:var(--bb-text)}.lp.pbx.pgs .lg-doc p{margin:0 0 10px}.lp.pbx.pgs .lg-doc ul{margin:0 0 10px;padding-left:20px}.lp.pbx.pgs .lg-doc li{margin:0 0 6px}.lp.pbx.pgs .lg-doc strong{color:var(--bb-text)}.lp.pbx.pgs .lg-doc a{color:var(--bb-pink-soft);text-underline-offset:3px}@media (max-width:359px){.lp.pbx.pgs .lg-tab{padding:0 12px}}@media (max-height:600px){.lp.pbx.pgs .lg-bloss{display:none}}@media (min-width:960px){.lp.pbx.pgs .lg{gap:14px}.lp.pbx.pgs .lg-toc{display:flex;flex-direction:column;flex:none;width:clamp(200px,18vw,260px);min-height:0}.lp.pbx.pgs .lg-toc p{margin:6px 0 8px;font:700 11px/1 var(--bb-font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--bb-text-3)}.lp.pbx.pgs .lg-toc ol{list-style:none;margin:0;padding:0;overflow:auto}.lp.pbx.pgs .lg-toc a{display:block;padding:7px 12px;border-radius:10px;color:var(--bb-text-2);text-decoration:none;font-size:14px;line-height:1.3}.lp.pbx.pgs .lg-toc a{min-height:44px;display:flex;align-items:center}.lp.pbx.pgs .lg-toc a:hover{background:var(--bb-glass);color:var(--bb-text)}.lp.pbx.pgs .lg-panel{padding:8px clamp(24px,3vw,48px) 28px}.lp.pbx.pgs .lg-doc{font-size:16px}.lp.pbx.pgs .lg-bloss{width:clamp(72px,11dvh,112px)}}@media (min-width:960px) and (max-height:700px){.lp.pbx.pgs .lg-bloss{width:72px}}@media (max-width:959px){.lp.pbx.pgs .lg-tabs{align-self:center}.lp.pbx.pgs .lg-head{justify-content:center;text-align:center}.lp.pbx.pgs .lg-about .lg-head{flex-direction:column;gap:2px}.lp.pbx.pgs .lg-about .lg-bloss{width:clamp(52px,8dvh,72px)}.lp.pbx.pgs .pb-msg .btn{align-self:center}}@media (min-width:960px){.lp.pbx.pgs{--lg-w:min(var(--stage-max),1200px)}.lp.pbx.pgs .top,.lp.pbx.pgs .pb,.lp.pbx.pgs .foot{width:var(--lg-w)}.lp.pbx.pgs .lg{display:grid;grid-template-columns:clamp(220px,19vw,270px) minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr);grid-template-areas:"tabs panel" "head panel" "toc panel";column-gap:clamp(24px,2.6vw,40px);row-gap:14px;align-content:stretch;padding:0 0 6px}.lp.pbx.pgs .lg-body{display:contents}.lp.pbx.pgs .lg-tabs{grid-area:tabs;align-self:start;justify-self:start}.lp.pbx.pgs .lg-head{grid-area:head;flex-direction:column;align-items:flex-start;gap:8px}.lp.pbx.pgs .lg-h1{font-size:clamp(26px,3.6dvh,36px)}.lp.pbx.pgs .lg-toc{grid-area:toc;width:auto}.lp.pbx.pgs .lg-panel{grid-area:panel}.lp.pbx.pgs .lg-doc{margin-inline:auto}}.lp.pbx.pgs .lg-doc h2{word-break:normal}.login-page{position:relative;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 18px;overflow-x:hidden;overflow-y:auto}.login-page{isolation:isolate}.login-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.login-sky{position:absolute;top:-8%;right:-8%;bottom:-8%;left:-8%;background-image:url(/login-bg.jpg);background-size:cover;background-position:center 30%;filter:saturate(1.05) brightness(.78);animation:lg-sky-drift 90s ease-in-out infinite alternate}@keyframes lg-sky-drift{0%{transform:scale(1.04) translateZ(0)}to{transform:scale(1.12) translate3d(-1.5%,-1.5%,0)}}.login-sky:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(74% 62% at 50% 46%,transparent 0%,rgba(10,6,20,.42) 72%,rgba(8,5,16,.86) 100%),linear-gradient(180deg,#0f0a1a4d,#0f0a1a9e)}.login-orb{opacity:.5}.login-header{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:18px 26px;z-index:2}.login-header-right{display:flex;align-items:center;gap:8px;padding:9px 16px 9px 18px;border-radius:999px;font-size:13.5px;color:var(--text-secondary);background:#140d2080;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.login-header-link{background:none;border:none;padding:0;color:var(--accent-text);font-size:13.5px;font-weight:700;cursor:pointer}.login-header-link:hover{text-decoration:underline}.login-content{position:relative;z-index:1;width:100%;max-width:540px;padding:32px 30px 26px;border-radius:26px;background:radial-gradient(120% 90% at 50% 0%,rgba(var(--accent-rgb),.1),transparent 60%),linear-gradient(165deg,#180f26e0,#0e0918f0);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:inset 0 1px #ffffff17,0 34px 90px #0000008c,0 0 60px rgba(var(--accent-rgb),.1);animation:lg-card-in .6s cubic-bezier(.22,1,.36,1) both}@keyframes lg-card-in{0%{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}.login-logo-lockup{text-align:center}.login-logo-img{width:min(230px,62%);height:auto;border-radius:18px;display:block;margin:0 auto}.login-welcome{margin-top:14px;text-align:center}.login-welcome h1{font-size:clamp(1.15rem,2.4vw,1.4rem);font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.login-welcome p{margin-top:6px;font-size:.92rem;line-height:1.55;color:var(--text-secondary)}.login-buttons{display:flex;flex-direction:column;gap:12px;margin-top:22px}.login-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:15px 18px;border-radius:14px;font-size:15px;font-weight:600;color:var(--text-primary);cursor:pointer;border:1px solid transparent;background:linear-gradient(#120b1ed9,#120b1ed9) padding-box,var(--gradient) border-box;transition:transform .16s cubic-bezier(.22,1,.36,1),box-shadow .16s,filter .16s}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 28px rgba(var(--accent-rgb),.22)}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{opacity:.55;cursor:default}.login-divider{display:flex;align-items:center;gap:14px;margin:18px 0;color:var(--text-tertiary);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent)}.login-email-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:16px 18px;border:none;border-radius:14px;background:var(--gradient);color:var(--on-accent);font-size:15.5px;font-weight:700;cursor:pointer;box-shadow:0 12px 30px rgba(var(--accent-rgb),.34);transition:transform .16s cubic-bezier(.22,1,.36,1),box-shadow .16s,filter .16s}.login-email-btn:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 16px 38px rgba(var(--accent-rgb),.44)}.login-features{display:grid;grid-template-columns:repeat(3,1fr);margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08)}.login-feature{position:relative;text-align:center;padding:0 8px}.login-feature+.login-feature:before{content:"";position:absolute;left:0;top:12%;height:76%;width:1px;background:#ffffff17}.login-feature-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0 auto 8px;border-radius:50%;background:rgba(var(--accent-rgb),.13);border:1px solid rgba(var(--accent-rgb),.26);color:var(--accent-text)}.login-feature-icon svg{width:21px;height:21px;display:block}.login-feature>span:not(.login-feature-icon){display:block;font-size:12px;line-height:1.45;color:var(--text-secondary)}.login-footer{position:relative;z-index:1;margin-top:22px;text-align:center;font-size:12px;line-height:1.6;color:var(--text-tertiary)}.login-footer a,.login-footer button{color:var(--accent-text);background:none;border:none;padding:0;font-size:12px;cursor:pointer}.login-footer a:hover,.login-footer button:hover{text-decoration:underline}.login-copyright{margin-top:5px}.login-stage{position:relative}.login-stage.is-leaving .login-view{animation:lg-recede .24s cubic-bezier(.4,0,1,1) both;pointer-events:none}@keyframes lg-recede{to{opacity:0;transform:scale(1.14);filter:blur(7px)}}.login-view{animation:lg-rush .42s cubic-bezier(.22,1,.36,1) both}@keyframes lg-rush{0%{opacity:0;transform:scale(.82);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}.login-content.is-zooming{animation:lg-card-pulse .62s cubic-bezier(.22,1,.36,1)}@keyframes lg-card-pulse{0%{transform:scale(1)}32%{transform:scale(.975)}to{transform:scale(1)}}@media (prefers-reduced-motion: reduce){.login-content,.login-content.is-zooming,.login-view,.login-stage.is-leaving .login-view,.login-sky{animation:none}}.email-auth-form,.login-back-row{position:relative}.email-auth-form{display:flex;flex-direction:column;gap:12px}.auth-form-title{font-size:1.05rem;font-weight:700;color:var(--text-primary);text-align:center;margin-bottom:2px}.email-auth-form input{width:100%;padding:14px 16px;border-radius:13px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);color:var(--text-primary);font-size:15px;outline:none;transition:border-color .15s,background .15s}.email-auth-form input:focus{border-color:rgba(var(--accent-rgb),.6);background:#ffffff12}.email-auth-form input::placeholder{color:var(--text-tertiary)}@media (max-width: 640px){.login-page{padding:10px 14px 16px;justify-content:flex-start}.login-header{display:none}.login-content{padding:16px;border-radius:20px}.login-logo-img{width:min(118px,40%)}.login-logo-lockup{margin-bottom:8px!important}.login-features{display:none!important}.login-welcome{margin-top:6px!important}.login-welcome h1{font-size:1.02rem}.login-welcome p{font-size:.8rem}.login-btn{padding:12px 16px;font-size:14px}.login-email-btn{padding:13px 16px;font-size:14.5px}.login-sky{background-image:image-set(url(/login-bg-mobile.webp) type("image/webp"),url(/login-bg-mobile.jpg) type("image/jpeg"));background-image:-webkit-image-set(url(/login-bg-mobile.webp) 1x);background-position:center center}.login-features{margin-top:20px;padding-top:18px}.login-feature-icon{width:40px;height:40px}.login-feature-icon svg{width:19px;height:19px}.login-feature>span:not(.login-feature-icon){font-size:11px}}.lp.si .top-q{display:none;margin-left:auto;font-size:13.5px;color:var(--bb-text-2);white-space:nowrap}.lp.si .top-q+.signin{margin-left:10px}@media (min-width:480px){.lp.si .top-q{display:inline}}.lp.si .land{padding-bottom:clamp(12px,2.4dvh,24px)}.lp.si .stage{order:-1}.lp.si .foot{display:none}@media (max-width:959px){.lp.si .card-wrap{--meta-h:0px;--acts-h:0px;--art:min(100cqw,100cqh,260px)}.lp.si .meta,.lp.si .acts{display:none}@container (max-height:96px){.lp.si .card-wrap{display:none}}@container (max-height:170px){.lp.si .chip{display:none}}}.lp.si .auth{flex:none;display:flex;flex-direction:column;gap:clamp(10px,1.7dvh,18px);outline:none}.lp.si .auth-head{display:flex;align-items:flex-start;gap:12px}.lp.si .auth-titles{min-width:0}.lp.si h1{font-size:clamp(26px,min(8.2vw,4.6dvh),36px);line-height:1.08;text-wrap:balance}.lp.si h1 .grad-text{display:inline}.lp.si .sub{text-wrap:pretty;margin:6px 0 0;font-size:14.5px;line-height:1.4;color:var(--bb-text-2)}.lp.si .back{flex:none;width:var(--tap);height:var(--tap);margin:-4px 0 0 -6px;border-radius:50%;border:0;display:grid;place-items:center;background:var(--bb-glass-2);color:var(--bb-text);cursor:pointer;box-shadow:inset 0 0 0 1px var(--bb-border)}.lp.si .back:hover{background:var(--bb-glass-3)}.lp.si .back[hidden],.lp.si .view[hidden]{display:none}.lp.si .view{display:flex;flex-direction:column;gap:clamp(10px,1.5dvh,14px);animation:si-rush .42s var(--ease) both}@keyframes si-rush{0%{opacity:0;transform:scale(.82);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}.lp.si .methods{display:flex;flex-direction:column;gap:clamp(8px,1.2dvh,12px)}.lp.si .auth-btn{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:clamp(46px,6.2dvh,54px);padding:0 52px;border:0;border-radius:var(--r-pill);font:600 15.5px/1.1 var(--bb-font-body);cursor:pointer;text-align:center;transition:transform var(--d-fast) var(--ease),background var(--d-base) var(--ease),box-shadow var(--d-base) var(--ease),opacity var(--d-base) var(--ease)}.lp.si .auth-btn:active{transform:scale(var(--press-scale))}.lp.si .auth-btn>.g,.lp.si .auth-btn>.i,.lp.si .auth-btn>.spin{position:absolute;left:20px;top:50%;margin-top:-10px;width:20px;height:20px}.lp.si .auth-btn.oauth{--fill:#1a1226;--tint:linear-gradient(rgba(255,255,255,.06),rgba(255,255,255,.06));border:1.5px solid transparent;color:var(--bb-text);background:var(--tint) padding-box,linear-gradient(var(--fill),var(--fill)) padding-box,var(--ring) border-box}.lp.si .auth-btn.oauth.google{--ring:linear-gradient(135deg,#f472b6,#fb923c);--tint:linear-gradient(135deg,rgba(244,114,182,.14),rgba(251,146,60,.08));box-shadow:0 8px 24px #00000052,0 0 22px #f472b61f}.lp.si .auth-btn.oauth.apple{--fill:#0d0912;--tint:linear-gradient(rgba(255,255,255,.045),rgba(255,255,255,.045));--ring:linear-gradient(rgba(255,255,255,.17),rgba(255,255,255,.17));border-width:1px;box-shadow:0 6px 18px #0000004d}.lp.si .auth-btn.oauth.google:hover{--tint:linear-gradient(135deg,rgba(244,114,182,.2),rgba(251,146,60,.12));box-shadow:0 10px 28px #00000057,0 0 28px #f472b64d,0 0 48px #a855f733}.lp.si .auth-btn.oauth.apple:hover{--tint:linear-gradient(rgba(255,255,255,.075),rgba(255,255,255,.075));--ring:linear-gradient(135deg,rgba(249,168,212,.5),rgba(251,146,60,.32));box-shadow:0 8px 22px #0000004d,0 0 24px #a855f738}.lp.si .auth-btn.oauth:focus-visible{outline:2px solid var(--bb-pink);outline-offset:3px;box-shadow:0 0 0 6px #f472b629,0 0 32px #f472b642,0 0 52px #a855f72e}.lp.si .auth-btn.oauth.apple>.g{color:#fff}.lp.si .auth-btn.glass{background:#ffffff09;color:var(--bb-text-2);box-shadow:inset 0 0 0 1px var(--bb-border)}.lp.si .auth-btn.glass:hover{background:var(--bb-glass-2);color:var(--bb-text);box-shadow:inset 0 0 0 1px var(--bb-border-2)}.lp.si .auth-btn.glass:focus-visible{color:var(--bb-text);box-shadow:inset 0 0 0 1px var(--bb-border-2)}.lp.si .auth-btn.glass>.i{color:var(--bb-pink-soft)}.lp.si .auth-btn.oauth{color:#f5f5f7}.lp.si .auth-btn:disabled{opacity:.45;cursor:default;transform:none}.lp.si .auth-btn.is-busy{opacity:1}.lp.si .auth-btn.is-busy>.g,.lp.si .auth-btn.is-busy>.i{display:none}.lp.si .or{display:flex;align-items:center;gap:14px;margin:clamp(0px,.4dvh,4px) 0;color:var(--bb-text-3);font:600 12px/1 var(--bb-font-body);letter-spacing:.08em;text-transform:uppercase}.lp.si .or:before,.lp.si .or:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent)}.lp.si .or[hidden]{display:none}.lp.si .wallet{display:flex;flex-direction:column;gap:6px}.lp.si .wallet[hidden]{display:none}.lp.si .hint{text-wrap:balance;margin:0;text-align:center;font-size:12.5px;line-height:1.4;color:var(--bb-text-3)}.lp.si .wallet .hint.only{padding:4px 0}.lp.si .spin{display:inline-block;width:18px;height:18px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;opacity:.85;animation:lp-spin .7s linear infinite}.lp.si .spin-lg{width:34px;height:34px;border-width:3px;color:var(--bb-pink)}@media (prefers-reduced-motion:reduce){.lp.si .spin{animation:lp-spin 1.6s linear infinite!important}}.lp.si .btn.submit.is-busy:before{display:none}.lp.si .btn.submit .spin{width:16px;height:16px;color:var(--bb-ink)}.lp.si .field{display:flex;flex-direction:column;gap:6px}.lp.si .field label{font:600 13px/1.2 var(--bb-font-body);color:var(--bb-text-2)}.lp.si .lbl-row{display:flex;align-items:center;justify-content:space-between;min-height:16px}.lp.si .input{width:100%;height:clamp(46px,6.2dvh,54px);padding:0 16px;border:0;border-radius:14px;background:#ffffff0d;box-shadow:inset 0 0 0 1px var(--bb-border-2);color:var(--bb-text);font:400 16px/1 var(--bb-font-body);transition:box-shadow var(--d-base) var(--ease),background var(--d-base) var(--ease)}.lp.si .input::placeholder{color:var(--bb-text-3)}.lp.si .input:hover{background:#fff1}.lp.si .input:focus{outline:none;background:#ffffff12;box-shadow:inset 0 0 0 1.5px var(--bb-pink),0 0 0 4px rgba(var(--bb-accent-rgb),.18)}.lp.si .input[aria-invalid=true]{box-shadow:inset 0 0 0 1.5px var(--bb-danger)}.lp.si .input[aria-invalid=true]:focus{box-shadow:inset 0 0 0 1.5px var(--bb-danger),0 0 0 4px #f871712e}.lp.si .pw{position:relative}.lp.si .pw .input{padding-right:52px}.lp.si .eye{position:absolute;right:2px;top:50%;transform:translateY(-50%);width:var(--tap);height:var(--tap);border:0;border-radius:12px;background:none;color:var(--bb-text-2);display:grid;place-items:center;cursor:pointer}.lp.si .eye:hover{color:var(--bb-text)}.lp.si .link{background:none;border:0;padding:0;font:600 13px/1.2 var(--bb-font-body);color:var(--bb-pink-soft);text-decoration:none;cursor:pointer;position:relative}.lp.si .link:after{content:"";position:absolute;top:-14px;right:-6px;bottom:-14px;left:-6px}.lp.si .link:hover{text-decoration:underline}.lp.si .lbl-row .link[hidden]{display:none}.lp.si .switch{margin:0;text-align:center;font-size:14px;color:var(--bb-text-2)}.lp.si .switch .link{font-size:14px}.lp.si .submit{min-height:clamp(48px,6.4dvh,56px);font-size:16px}.lp.si .auth-error,.lp.si .auth-success{display:flex;align-items:flex-start;gap:10px;margin:0;padding:10px 12px;border-radius:12px;font:500 13.5px/1.4 var(--bb-font-body)}.lp.si .auth-error{background:#f871711a;box-shadow:inset 0 0 0 1px #f8717152;color:#fecaca}.lp.si .auth-success{background:#34d3991a;box-shadow:inset 0 0 0 1px #34d39952;color:#a7f3d0}.lp.si .auth-error[hidden],.lp.si .auth-success[hidden]{display:none}.lp.si .auth-error .i{width:18px;height:18px;margin-top:1px;color:var(--bb-danger)}.lp.si .auth-success .i{width:18px;height:18px;margin-top:1px;color:var(--bb-success)}.lp.si .auth-error .act{display:inline;margin-left:4px;padding:0;border:0;background:none;color:#fff;font:700 13.5px/1.4 var(--bb-font-body);text-decoration:underline;text-underline-offset:2px;cursor:pointer}.lp.si .status{margin:0;min-height:0;text-align:center;font-size:13.5px;color:var(--bb-text-2)}.lp.si .status:empty{display:none}.lp.si .busy{align-items:center;justify-content:center;padding:clamp(18px,4dvh,40px) 0;gap:14px}.lp.si .busy p{margin:0;font-size:15px;color:var(--bb-text-2)}.lp.si .legal{text-wrap:balance;margin:0;text-align:center;font-size:12px;line-height:1.45;color:var(--bb-text-3)}.lp.si .legal a{color:var(--bb-text-2);text-underline-offset:2px}.lp.si .legal a:hover{color:var(--bb-text)}@media (max-height:640px){.lp.si h1{font-size:clamp(23px,min(7.4vw,4.6dvh),28px)}.lp.si .sub{font-size:13px;margin-top:4px}.lp.si .auth{gap:10px}.lp.si .methods,.lp.si .view{gap:8px}.lp.si .auth-btn,.lp.si .input{min-height:44px;height:44px}.lp.si .auth-btn{font-size:15px}.lp.si .submit{min-height:46px}.lp.si .hint{font-size:12px}.lp.si .field{gap:4px}.lp.si[data-step=email] .sub,.lp.si[data-step=forgot] .sub{display:none}.lp.si .or{margin:0}}@media (min-width:960px){.lp.si .foot{display:flex}.lp.si .stage{order:0}.lp.si .land{padding-bottom:clamp(8px,2dvh,28px)}.lp.si .auth{grid-area:1/1/3/2;align-self:center;justify-self:center;width:min(clamp(440px,31vw,600px),100%);padding:clamp(24px,3.6dvh,44px) clamp(24px,2.6vw,44px);border-radius:var(--r-card);background:var(--bb-card-fill);box-shadow:var(--sh-card);gap:clamp(14px,2.2dvh,24px)}.lp.si h1{font-size:clamp(32px,min(2.8vw,5.4dvh),50px);line-height:1.06}.lp.si .sub{font-size:clamp(14.5px,1.1vw,17px);margin-top:clamp(6px,1dvh,10px)}.lp.si .methods{gap:clamp(10px,1.4dvh,14px)}.lp.si .view{gap:clamp(12px,1.7dvh,16px)}.lp.si .auth-btn,.lp.si .input{min-height:clamp(48px,6.2dvh,58px);height:auto}.lp.si .input{height:clamp(48px,6.2dvh,58px)}.lp.si .auth-btn{font-size:clamp(15px,1.05vw,17px)}.lp.si .submit{min-height:clamp(50px,6.4dvh,60px);font-size:clamp(16px,1.1vw,18px)}.lp.si .top-q{font-size:clamp(13.5px,1vw,15px)}}@media (min-width:960px) and (max-height:640px){.lp.si .sub{display:none}}@media (min-width:960px){.lp.si:is([data-theme-mode=light] *) .auth{--bb-text:#f5f5f7;--bb-text-2:rgba(255, 255, 255, .66);--bb-text-3:rgba(255, 255, 255, .56);--bb-pink-soft:#f9a8d4;color:var(--bb-text)}.lp.si:is([data-theme-mode=light] *) .auth h1{--bb-grad:linear-gradient(135deg,#f472b6,#fb923c)}}.lp.si .wl-hint{margin:0;font-size:13.5px;line-height:1.45;color:var(--bb-text-2)}.lp.si .wl-banner{display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:var(--r-md);background:var(--bb-grad-subtle);box-shadow:inset 0 0 0 1px rgba(var(--bb-accent-rgb),.25)}.lp.si .wl-banner[hidden]{display:none}.lp.si .wl-banner p{margin:0;font-size:14px;line-height:1.4}.lp.si .wl-banner .btn{align-self:stretch}.lp.si .wl-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.lp.si .wl-row{display:flex;align-items:center;gap:12px;min-height:60px;padding:8px 8px 8px 12px;border-radius:var(--r-md);background:var(--bb-glass);box-shadow:inset 0 0 0 1px var(--bb-border)}.lp.si .wl-ico{flex:none;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font:700 15px/1 var(--bb-font-body);color:#fff}.lp.si .wl-name{flex:1;min-width:0;font-weight:600;font-size:15px}.lp.si .wl-name small{display:block;font-weight:500;font-size:12px;color:var(--bb-text-3)}.lp.si .wl-act{flex:none;min-height:var(--tap)}.lp.si .wl-act.btn-grad{min-height:var(--tap)}@media (max-height:640px){.lp.si .wl .wl-row{min-height:52px;padding-block:4px}.lp.si .wl-hint{font-size:12.5px}}.lp.si .cb{display:grid!important;place-items:center;grid-template-columns:1fr!important;grid-template-rows:1fr!important}.lp.si .cb-card{position:relative;width:min(440px,100%);display:flex;flex-direction:column;align-items:center;text-align:center;gap:clamp(10px,1.8dvh,16px);margin-top:calc(var(--cbw) * .55);padding:calc(var(--cbw) * .42 + 8px) clamp(20px,3vw,40px) clamp(22px,3.6dvh,40px);border-radius:var(--r-card);background:var(--bb-card-fill);box-shadow:var(--sh-card);--cbw:clamp(112px,22dvh,168px)}.lp.si .cb-card .cb-bloss{position:absolute;left:calc(50% - var(--cbw) / 2);top:calc(var(--cbw) * -.55);width:var(--cbw);height:auto;aspect-ratio:1;filter:var(--sh-bloss);pointer-events:none;animation:lp-bloom var(--d-reveal) var(--ease) .15s both}.lp.si .cb-card h1{font-size:clamp(26px,min(7.4vw,4.4dvh),38px);line-height:1.1;text-wrap:balance}.lp.si .cb-card .sub{margin:0 auto clamp(14px,2.4dvh,22px);max-width:30ch;text-wrap:balance}.lp.si .cb-card .cb-done{width:100%;display:flex;flex-direction:column;align-items:center}.lp.si .cb-bar{width:56%;height:4px;margin-top:clamp(14px,2.2dvh,20px);border-radius:2px;background:var(--bb-glass-2);overflow:hidden}.lp.si .cb-bar i{display:block;height:100%;background:var(--bb-grad);transform-origin:left;animation:si-cbfill 1.5s linear both}@keyframes si-cbfill{0%{transform:scaleX(0)}to{transform:none}}.lp.si .cb-connecting{display:flex;flex-direction:column;align-items:center;gap:12px}.lp.si .cb-connecting p{margin:0;color:var(--bb-text-2)}.lp.si[data-step=busy] .sub{display:none}.lp.si[data-step=busy] .auth-head{text-align:center;justify-content:center}@media (max-width:380px){.lp.si .wl-act{padding-inline:12px;font-size:13px}.lp.si .wl-row{gap:10px}}@media (min-width:960px){.lp.si:is([data-step=email],[data-step=forgot]) .auth h1{font-size:clamp(28px,min(2.3vw,4.6dvh),40px)}}.lp.si[data-step=choices] .auth-head{justify-content:center;text-align:center}.lp.si[data-step=choices] .auth-titles{width:100%;display:flex;flex-direction:column;align-items:center}.lp.si[data-step=choices] .sub{max-width:34ch;margin-inline:auto;text-wrap:balance}.lp.si .bloss{display:block;--bw:clamp(64px,calc(var(--art) * .42),112px);width:var(--bw);height:auto;aspect-ratio:1;position:absolute;z-index:3;left:max(calc(var(--bw) * -.42),calc((var(--art) - 100vw) / 2 + 4px));bottom:calc(var(--bw) * -.1);pointer-events:none;filter:var(--sh-bloss);animation:lp-bloom var(--d-reveal) var(--ease) .15s both}@media (min-width:960px){.lp.si .bloss{--bw:clamp(150px,calc(var(--art) * .4),260px);left:calc(var(--bw) * -.3);bottom:calc(var(--meta-h) + var(--acts-h) - var(--bw) * .035)}}@media (max-width:959px){.lp.si .card-wrap{--art:min(100cqw,100cqh,300px)}.lp.si .bloss{--bw:clamp(96px,calc(var(--art) * .46),138px)}}.lp.si .auth-error,.lp.si .auth-success{text-align:left}.lp.si .legal .login-footer-link{position:relative;text-decoration:underline;transition:none}.lp.si .legal .login-footer-link:after{content:"";position:absolute;top:-14px;right:-4px;bottom:-14px;left:-4px}@media (min-width:396px){.lp.si .switch .link:after{top:-16px;right:-6px;bottom:-11.5px;left:-6px}.lp.si .legal .login-footer-link:after{inset:-4.5px -4px auto;height:44px}}@media (max-width:395.98px){.lp.si .switch .link:after{top:-11px;right:-6px;bottom:-16.5px;left:-6px}.lp.si .legal .login-footer-link:after{inset:-13px -4px auto;height:44px}}.lp.si .wallet-modal-backdrop{display:block;padding:0}.lp.si .wallet-modal{width:auto;border:0;color:var(--bb-text)}.lp.si .wallet-modal:before{content:"";flex:none;align-self:center;width:36px;height:4px;border-radius:2px;background:var(--bb-border-2)}.lp.si .wallet-modal-head h2{margin:0}.lp.si .wallet-modal-close{min-width:0;min-height:0;font-size:22px;line-height:1}.lp.si .wallet-modal-banner{border:0;font-size:inherit}.lp.si .wallet-modal-banner>span{margin:0;font-size:14px;line-height:1.4}.lp.si .wallet-row{flex-wrap:nowrap;row-gap:normal;border:0}.lp.si .wallet-row-name{overflow-wrap:normal}.lp.si .wallet-row-action{flex:none;justify-content:center;white-space:nowrap;text-decoration:none}.lp.si .wallet-modal .wl-hint{opacity:1}.lp.si .wallet-modal .btn-secondary{border:0;width:auto}.lp.si .wallet-modal .btn-secondary:hover{border-color:transparent;color:inherit}@media (max-width:480px){.lp.si .wallet-modal-banner .btn-secondary{width:auto;min-height:var(--btn-h);font-size:inherit}.lp.si .wallet-row-action{flex:none;white-space:nowrap;padding-inline:var(--btn-pad-sm,16px)}.lp.si .wallet-modal .wl-hint{font-size:13.5px;line-height:1.45;color:var(--bb-text-2)}}@media (min-width:960px){.lp.si .wallet-modal:before{display:none}}.lp.si .auth-btn.glass{-webkit-backdrop-filter:none;backdrop-filter:none}.lp.si .email-auth-form{position:static}.lp.si .top-q.top-q{font-size:13.5px}.lp.si :where(.wallet-modal-backdrop){position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(--z-sheet) - 1);background:rgba(var(--bb-scrim-rgb),calc(.6 * var(--bb-scrim-a)));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.lp.si :where(.wallet-modal-close){width:40px;height:40px;border-radius:50%;border:0;display:grid;place-items:center;background:var(--bb-glass-2);color:var(--bb-text-2);cursor:pointer}.lp.si :where(.wallet-row-action,.wallet-modal-banner .btn-secondary){display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--btn-h);padding:0 22px;border-radius:var(--r-pill);border:0;font:var(--t-btn-w) var(--t-btn)/1 var(--bb-font-body);text-decoration:none;cursor:pointer;white-space:nowrap;transition:transform var(--d-fast) var(--ease),box-shadow var(--d-base) var(--ease),background var(--d-base) var(--ease)}.lp.si :where(.wallet-row-action,.wallet-modal-banner .btn-secondary):active{transform:scale(var(--press-scale))}.lp.si :where(.wallet-row-action,.wallet-modal-banner .btn-secondary){min-height:var(--btn-h-sm);padding:0 16px;font-size:14px}@media (max-height:640px){.lp.si :where(.wallet-row-action,.wallet-modal-banner .btn-secondary){min-height:36px;padding:0 14px;font-size:13px}}.lp.si :where(button.wallet-row-action){background:var(--bb-grad);color:var(--bb-ink);box-shadow:var(--sh-cta)}.lp.si :where(button.wallet-row-action):hover{box-shadow:var(--sh-cta-hover);transform:translateY(-1px)}.lp.si :where(a.wallet-row-action,.wallet-modal-banner .btn-secondary){background:var(--bb-glass);color:var(--bb-text);box-shadow:inset 0 0 0 1px var(--bb-border-2)}.lp.si :where(a.wallet-row-action,.wallet-modal-banner .btn-secondary):hover{background:var(--bb-glass-2)}.lp.si :where(.wallet-row-action).is-busy{pointer-events:none}.lp.si :where(.wallet-row-action).is-busy:before{content:"";width:16px;height:16px;border-radius:50%;border:2px solid rgba(var(--bb-on-accent-rgb),.3);border-top-color:var(--bb-ink);animation:lp-spin .7s linear infinite}.lp.si .sheet :where(.wallet-row-action,.wallet-modal-banner .btn-secondary){flex:none;margin-top:2px}.lp.si .wl-banner :where(.btn-secondary){align-self:stretch}.lp.si :where(button).wl-act{min-height:var(--tap)}.lp.si .view:has(.wallet-modal-backdrop){animation:none}@media (max-width:480px) and (max-height:640px){.lp.si .wallet-modal .wl-hint{font-size:12.5px}}@media (max-width:380px){.lp.si .wallet-row-action.wl-act{padding-inline:12px}}@media (min-width:960px){.lp.si .wallet-modal{width:min(560px,92vw)}}.lp.si{--si-text:var(--bb-text);--si-text-2:var(--bb-text-2);--si-text-3:var(--bb-text-3);--si-soft:var(--bb-pink-soft);--si-danger:var(--bb-danger);--si-success:var(--bb-success);--si-ink:var(--accent-text);--si-border:var(--bb-border);--si-border-2:var(--bb-border-2);--si-glass:var(--bb-glass);--si-glass-2:var(--bb-glass-2);--si-glass-3:var(--bb-glass-3)}@media (min-width:960px){.lp.si:is([data-theme-mode=light] *) .auth{--bb-danger:#f87171;--bb-success:#34d399;--accent-text:#f472b6;--bb-border:rgba(255,255,255,.08);--bb-border-2:rgba(255,255,255,.14);--bb-glass:rgba(255,255,255,.04);--bb-glass-2:rgba(255,255,255,.065);--bb-glass-3:rgba(255,255,255,.09)}.lp.si:is([data-theme-mode=light] *) .auth h1{--gradient-text:linear-gradient(135deg,#f472b6,#fb923c)}.lp.si:is([data-theme-mode=light] *) .auth .wallet-modal-backdrop{--bb-text:var(--si-text);--bb-text-2:var(--si-text-2);--bb-text-3:var(--si-text-3);--bb-pink-soft:var(--si-soft);--bb-danger:var(--si-danger);--bb-success:var(--si-success);--accent-text:var(--si-ink);--bb-border:var(--si-border);--bb-border-2:var(--si-border-2);--bb-glass:var(--si-glass);--bb-glass-2:var(--si-glass-2);--bb-glass-3:var(--si-glass-3);color:var(--bb-text)}.lp.si:is([data-theme-mode=light] *) .auth .wallet-modal-backdrop .auth-error{color:var(--bb-danger)}}@media (max-width:959.98px){.lp.si:is([data-theme-mode=light] *) .auth-error{color:var(--bb-danger)}.lp.si:is([data-theme-mode=light] *) .auth-success{color:var(--bb-success)}.lp.si:is([data-theme-mode=light] *) .auth-error .act{color:var(--bb-text)}.lp.si:is([data-theme-mode=light] *) .or:before,.lp.si:is([data-theme-mode=light] *) .or:after{background:linear-gradient(90deg,transparent,rgba(var(--bb-ink-rgb),.2),transparent)}.lp.si:is([data-theme-mode=light] *) .input:focus:not([aria-invalid=true]){box-shadow:inset 0 0 0 1.5px var(--accent-text),0 0 0 4px rgba(var(--bb-accent-rgb),.18)}}.lp.si:is([data-theme-mode=light] *) .cb-card{--accent-text:#f472b6;--bb-danger:#f87171;--bb-success:#34d399;--bb-text:#f5f5f7;--bb-text-2:rgba(255, 255, 255, .66);--bb-text-3:rgba(255, 255, 255, .56);--bb-pink-soft:#f9a8d4;--bb-glass-2:rgba(255,255,255,.065);color:var(--bb-text)}.lp.si:is([data-theme-mode=light] *) .cb-card h1{--bb-grad:linear-gradient(135deg,#f472b6,#fb923c);--gradient-text:linear-gradient(135deg,#f472b6,#fb923c)}.lp.si span.wl-ico:empty{background:var(--tile,var(--bb-glass-2))}.lp.si span.wl-ico:empty:before{content:attr(data-letter)}.lp.ob .sub{text-wrap:pretty;margin:6px 0 0;font-size:14.5px;line-height:1.4;color:var(--bb-text-2)}.lp.ob .view[hidden]{display:none}.lp.ob .view{display:flex;flex-direction:column;gap:clamp(10px,1.5dvh,14px);animation:si-rush .42s var(--ease) both}.lp.ob .spin{display:inline-block;width:18px;height:18px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;opacity:.85;animation:lp-spin .7s linear infinite}.lp.ob .btn.submit.is-busy:before{display:none}.lp.ob .btn.submit .spin{width:16px;height:16px;color:var(--bb-ink)}.lp.ob .field{display:flex;flex-direction:column;gap:6px}.lp.ob .field label{font:600 13px/1.2 var(--bb-font-body);color:var(--bb-text-2)}.lp.ob .lbl-row{display:flex;align-items:center;justify-content:space-between;min-height:16px}.lp.ob .input{width:100%;height:clamp(46px,6.2dvh,54px);padding:0 16px;border:0;border-radius:14px;background:#ffffff0d;box-shadow:inset 0 0 0 1px var(--bb-border-2);color:var(--bb-text);font:400 16px/1 var(--bb-font-body);transition:box-shadow var(--d-base) var(--ease),background var(--d-base) var(--ease)}.lp.ob .input::placeholder{color:var(--bb-text-3)}.lp.ob .input:hover{background:#fff1}.lp.ob .input:focus{outline:none;background:#ffffff12;box-shadow:inset 0 0 0 1.5px var(--bb-pink),0 0 0 4px rgba(var(--bb-accent-rgb),.18)}.lp.ob .input[aria-invalid=true]{box-shadow:inset 0 0 0 1.5px var(--bb-danger)}.lp.ob .input[aria-invalid=true]:focus{box-shadow:inset 0 0 0 1.5px var(--bb-danger),0 0 0 4px #f871712e}.lp.ob .link{background:none;border:0;padding:0;font:600 13px/1.2 var(--bb-font-body);color:var(--bb-pink-soft);text-decoration:none;cursor:pointer;position:relative}.lp.ob .link:after{content:"";position:absolute;top:-14px;right:-6px;bottom:-14px;left:-6px}.lp.ob .link:hover{text-decoration:underline}.lp.ob .lbl-row .link[hidden]{display:none}.lp.ob .submit{min-height:clamp(48px,6.4dvh,56px);font-size:16px}.lp.ob .auth-error{display:flex;align-items:flex-start;gap:10px;margin:0;padding:10px 12px;border-radius:12px;font:500 13.5px/1.4 var(--bb-font-body)}.lp.ob .auth-error{background:#f871711a;box-shadow:inset 0 0 0 1px #f8717152;color:#fecaca}.lp.ob .auth-error[hidden]{display:none}.lp.ob .auth-error .i{width:18px;height:18px;margin-top:1px;color:var(--bb-danger)}@media (max-height:640px){.lp.ob .sub{font-size:13px;margin-top:4px}.lp.ob .view{gap:8px}.lp.ob .input{min-height:44px;height:44px}.lp.ob .submit{min-height:46px}.lp.ob .field{gap:4px}}@media (min-width:960px){.lp.ob .sub{font-size:clamp(14.5px,1.1vw,17px);margin-top:clamp(6px,1dvh,10px)}.lp.ob .view{gap:clamp(12px,1.7dvh,16px)}.lp.ob .input{min-height:clamp(48px,6.2dvh,58px);height:auto}.lp.ob .input{height:clamp(48px,6.2dvh,58px)}.lp.ob .submit{min-height:clamp(50px,6.4dvh,60px);font-size:clamp(16px,1.1vw,18px)}}@media (min-width:960px) and (max-height:640px){.lp.ob .sub{display:none}}.lp.ob .top{display:grid;grid-template-columns:auto auto 1fr auto;grid-template-rows:clamp(52px,7.6dvh,64px) auto;column-gap:10px;height:auto;align-items:center}.lp.ob .brand{grid-row:1}.lp.ob .prog-count{grid-column:4;grid-row:1;font:600 13px/1 var(--bb-font-body);color:var(--bb-text-2);white-space:nowrap}.lp.ob .prog{grid-column:1/-1;grid-row:2;display:flex;gap:6px;margin:0 0 clamp(12px,2dvh,20px);padding:0;list-style:none}.lp.ob .prog li{flex:1;height:4px;border-radius:2px;background:#ffffff1f;transition:background var(--d-base) var(--ease)}.lp.ob .prog li.done,.lp.ob .prog li.active{background:var(--bb-grad)}.lp.ob .prog li.done{opacity:.55}.lp.ob .prog .n,.lp.ob .prog .t{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.lp.ob .ob-main{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:clamp(12px,2.2dvh,22px)}.lp.ob .ob-head{flex:none}.lp.ob h1{font-size:clamp(26px,min(8vw,4.4dvh),36px);line-height:1.08;text-wrap:balance}.lp.ob h1 .grad-text{display:inline}.lp.ob .badge{display:inline-flex;align-items:center;gap:6px;margin-bottom:10px;padding:5px 10px 5px 8px;border-radius:var(--r-pill);background:#34d3991a;box-shadow:inset 0 0 0 1px #34d3994d;color:#a7f3d0;font:600 12px/1 var(--bb-font-body)}.lp.ob .badge .i{width:15px;height:15px}.lp.ob .ob-side{display:contents}.lp.ob .side-only{display:none!important}.lp.ob .ob-panel{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.lp.ob .view{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:0}.lp.ob .ob-body{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:clamp(12px,2dvh,20px)}.lp.ob .ob-act{flex:none;display:flex;flex-direction:column;gap:10px;padding:clamp(12px,1.8dvh,16px) 0 clamp(14px,2.6dvh,26px)}.lp.ob .ob-msg{display:flex;align-items:center;justify-content:center;gap:8px;min-height:20px;margin:0;font:500 13.5px/1.3 var(--bb-font-body);color:var(--bb-text-2);text-align:center}.lp.ob .ob-msg.ok{color:#a7f3d0}.lp.ob .ob-msg .i{width:17px;height:17px;color:var(--bb-success)}.lp.ob .ob-msg .spin{width:15px;height:15px;color:var(--bb-pink-soft)}.lp.ob .btn-row{display:flex;gap:10px}.lp.ob .btn-row .btn{flex:1 1 0;min-height:clamp(48px,6.4dvh,56px);padding:0 14px}.lp.ob .btn-row .btn-grad{flex-grow:1.5}.lp.ob .btn:disabled{opacity:.42;cursor:default;box-shadow:none;transform:none}.lp.ob .btn-grad.is-busy{opacity:1}.lp.ob .btn .spin{width:16px;height:16px;color:var(--bb-ink)}.lp.ob .btn-glass .spin{color:var(--bb-text)}.lp.ob [data-scroll]{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;margin:0 -6px;padding:2px 6px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}.lp.ob [data-scroll].fade-b{-webkit-mask-image:linear-gradient(#000 calc(100% - 16px),transparent);mask-image:linear-gradient(#000 calc(100% - 16px),transparent)}.lp.ob [data-scroll].fade-t{-webkit-mask-image:linear-gradient(transparent,#000 16px);mask-image:linear-gradient(transparent,#000 16px)}.lp.ob [data-scroll].fade-t.fade-b{-webkit-mask-image:linear-gradient(transparent,#000 16px,#000 calc(100% - 16px),transparent);mask-image:linear-gradient(transparent,#000 16px,#000 calc(100% - 16px),transparent)}.lp.ob .chips{display:flex;flex-wrap:wrap;gap:8px}.lp.ob .pick{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 16px;border:0;border-radius:var(--r-pill);background:var(--bb-glass-2);box-shadow:inset 0 0 0 1px var(--bb-border-2);color:var(--bb-text-2);font:600 14px/1 var(--bb-font-body);cursor:pointer;white-space:nowrap;transition:background var(--d-base) var(--ease),box-shadow var(--d-base) var(--ease),color var(--d-base) var(--ease),transform var(--d-fast) var(--ease)}.lp.ob .pick:hover{background:var(--bb-glass-3);color:var(--bb-text)}.lp.ob .pick:active{transform:scale(var(--press-scale))}.lp.ob .pick .ck{display:none;width:16px;height:16px;margin-left:-4px;stroke-width:2.6;color:var(--bb-pink-soft)}.lp.ob .pick[aria-pressed=true]{background:rgba(var(--bb-accent-rgb),.16);box-shadow:inset 0 0 0 1.5px rgba(var(--bb-accent-rgb),.75);color:#fff}.lp.ob .pick[aria-pressed=true] .ck{display:block}.lp.ob .pick[aria-disabled=true]{opacity:.38;cursor:not-allowed}.lp.ob .pick[aria-disabled=true]:hover{background:var(--bb-glass-2);color:var(--bb-text-2)}.lp.ob .chips.is-loading .pick{color:transparent;box-shadow:none;background:var(--bb-bg-panel) linear-gradient(100deg,transparent 30%,rgba(255,255,255,.07) 50%,transparent 70%) 0 0/220% 100%;animation:lp-shim 1.5s linear infinite}.lp.ob .onboarding-section+.onboarding-section{margin-top:clamp(18px,3dvh,28px)}.lp.ob .sec-h{display:flex;align-items:baseline;gap:8px;margin:0 0 10px}.lp.ob .onboarding-section-title{font:700 15px/1.2 var(--bb-font-body)}.lp.ob .sec-note{font:500 12.5px/1 var(--bb-font-body);color:var(--bb-text-3)}.lp.ob .sec-note.req{color:var(--bb-pink-soft);font-weight:600}.lp.ob .sec-n{margin-left:auto;font:600 12.5px/1 var(--bb-font-body);color:var(--bb-text-3);font-variant-numeric:tabular-nums}.lp.ob .mcard{flex:none;display:flex;align-items:center;gap:14px;padding:12px 12px 12px 14px;border-radius:20px;background:var(--bb-glass);box-shadow:inset 0 0 0 1px var(--bb-border)}.lp.ob .mcard-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.lp.ob .mcard-t b{font:400 18px/1.15 var(--bb-font-display);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lp.ob .mcard-t span{font-size:13px;line-height:1.25;color:var(--bb-text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lp.ob .av-edit{flex:none;position:relative}.lp.ob .av-edit:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px}.lp.ob .av-edit .i{width:16px;height:16px}.lp.ob .av{flex:none;display:grid;place-items:center;border-radius:50%}.lp.ob .av svg{width:100%;height:100%;overflow:visible}.lp.ob .av img{width:100%;height:100%;border-radius:50%;object-fit:cover;background:var(--bb-bg-panel);box-shadow:inset 0 0 0 1px var(--bb-border-2)}.lp.ob .av-md{width:56px;height:56px}.lp.ob .av-lg{width:96px;height:96px}.lp.ob .req{font:600 12px/1 var(--bb-font-body);color:var(--bb-pink-soft)}.lp.ob .field label{display:block}.lp.ob .un-wrap{position:relative}.lp.ob .un-wrap .at{position:absolute;left:16px;top:50%;transform:translateY(-50%);font:500 16px/1 var(--bb-font-body);color:var(--bb-text-3);pointer-events:none}.lp.ob .un-wrap .input{padding-left:34px;padding-right:118px}.lp.ob .un-wrap:has(.name-status:empty) .input{padding-right:16px}.lp.ob .name-status{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:6px;font:600 12.5px/1 var(--bb-font-body);pointer-events:none}.lp.ob .name-status:empty{display:none}.lp.ob .name-status .i{width:17px;height:17px}.lp.ob .name-status .spin{width:14px;height:14px;border-width:2px}.lp.ob .name-status.checking{color:var(--bb-text-2)}.lp.ob .name-status.available{color:#6ee7b7}.lp.ob .name-status.taken,.lp.ob .name-status.invalid,.lp.ob .name-status.failed{color:#fca5a5}.lp.ob .un-wrap .input[aria-invalid=false]:not(:focus):has(~.available){box-shadow:inset 0 0 0 1.5px #34d39999}.lp.ob .u-hint{margin:0;font:500 12.5px/1.35 var(--bb-font-body);color:var(--bb-text-3)}.lp.ob .u-hint.is-available{color:#a7f3d0}.lp.ob .u-hint.is-taken,.lp.ob .u-hint.is-invalid,.lp.ob .u-hint.is-failed{color:#fecaca}.lp.ob .opt{display:grid;grid-template-columns:1fr 1fr;gap:12px 10px;min-width:0;margin:0;padding:0;border:0}.lp.ob .opt legend{margin:0 0 10px;padding:0;font:700 11.5px/1 var(--bb-font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--bb-text-3)}.lp.ob .opt .field{min-width:0}.lp.ob .opt .input{padding:0 12px}.lp.ob input[type=date]{color-scheme:dark;min-width:0}.lp.ob select.input{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:34px;background:#ffffff0d url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' fill='none' stroke='%23ffffffaa' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 13px center;text-overflow:ellipsis}.lp.ob select.input option{background:var(--bb-bg-raise);color:var(--bb-text)}.lp.ob .sheet.avs{gap:clamp(10px,1.8dvh,16px)}.lp.ob .av-preview{flex:none;display:grid;place-items:center}.lp.ob .seg{flex:none;display:flex;padding:4px;border-radius:var(--r-pill);background:var(--bb-glass);box-shadow:inset 0 0 0 1px var(--bb-border)}.lp.ob .seg-b{flex:1;min-height:40px;padding:0 14px;white-space:nowrap;border:0;border-radius:var(--r-pill);background:none;color:var(--bb-text-2);font:600 14px/1 var(--bb-font-body);cursor:pointer;transition:background var(--d-base) var(--ease),color var(--d-base) var(--ease)}.lp.ob .seg-b[aria-selected=true]{background:#ffffff1f;color:var(--bb-text);box-shadow:inset 0 0 0 1px var(--bb-border-2)}.lp.ob .av-opts{display:flex;flex-direction:column;gap:clamp(10px,1.6dvh,14px)}.lp.ob .av-grp{display:flex;flex-direction:column;gap:7px}.lp.ob .av-lbl{font:600 13px/1 var(--bb-font-body);color:var(--bb-text-2)}.lp.ob .av-row{display:flex;gap:8px}.lp.ob .av-opt{flex:1 1 0;display:grid;place-items:center;min-height:52px;border:0;border-radius:14px;background:var(--bb-glass-2);box-shadow:inset 0 0 0 1px var(--bb-border);color:var(--bb-text-2);cursor:pointer;transition:background var(--d-base) var(--ease),box-shadow var(--d-base) var(--ease)}.lp.ob .av-opt svg{width:32px;height:32px}.lp.ob .av-opt:hover{background:var(--bb-glass-3)}.lp.ob .av-opt.active{background:rgba(var(--bb-accent-rgb),.12);box-shadow:inset 0 0 0 1.5px var(--bb-pink);color:#fff}.lp.ob .av-txt{min-height:44px;font:600 14px/1 var(--bb-font-body)}.lp.ob .av-colors{display:grid;grid-template-columns:repeat(8,minmax(0,36px));justify-content:space-between;gap:8px}.lp.ob .av-sw{position:relative;aspect-ratio:1;width:100%;border:0;border-radius:50%;background:var(--c);cursor:pointer;box-shadow:inset 0 0 0 1px #00000026}.lp.ob .av-sw:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%}.lp.ob .av-sw.active{box-shadow:0 0 0 2px var(--bb-bg-raise),0 0 0 4px #fff}.lp.ob .av-photo{display:flex;flex-direction:column;gap:10px}.lp.ob .drop{display:flex;align-items:center;gap:12px;min-height:64px;padding:12px 14px;border-radius:16px;background:var(--bb-glass);box-shadow:inset 0 0 0 1px var(--bb-border-2);cursor:pointer}.lp.ob .drop:hover{background:var(--bb-glass-2)}.lp.ob .drop .i{width:24px;height:24px;color:var(--bb-pink-soft)}.lp.ob .drop b{display:block;font:600 15px/1.2 var(--bb-font-body)}.lp.ob .drop small{display:block;margin-top:3px;font-size:12.5px;color:var(--bb-text-3)}.lp.ob .av-done{flex:none}.lp.ob .search{flex:none;position:relative;display:block}.lp.ob .search .i{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--bb-text-3);pointer-events:none}.lp.ob .search .input{padding-left:42px}.lp.ob .search .input::-webkit-search-cancel-button{filter:invert(1) opacity(.6)}.lp.ob .empty{margin:8px 0 0;text-align:center;font-size:14px;line-height:1.5;color:var(--bb-text-2)}.lp.ob .empty .link{font-size:14px}.lp.ob .choose{justify-content:center;align-items:center}.lp.ob .choose-bloss{width:clamp(120px,22dvh,200px);height:auto;margin-block:calc(clamp(120px,22dvh,200px)/-25);filter:var(--sh-bloss)}.lp.ob .facts{list-style:none;margin:0;padding:0;display:grid;gap:10px;width:100%}.lp.ob .facts li{display:flex;flex-direction:column;gap:3px;padding:14px 16px;border-radius:var(--r-md);background:var(--bb-glass);box-shadow:inset 0 0 0 1px var(--bb-border)}.lp.ob .facts b{font:600 15px/1.25 var(--bb-font-body)}.lp.ob .facts span{font-size:13.5px;line-height:1.4;color:var(--bb-text-2)}.lp.ob .wait{align-items:center;justify-content:center;text-align:center;gap:14px}.lp.ob .wait p{margin:0;font-size:15px;color:var(--bb-text-2)}.lp.ob .wait .end-h{font:400 clamp(22px,3.2dvh,28px)/1.15 var(--bb-font-display);color:var(--bb-text)}.lp.ob .wait img{width:clamp(140px,26dvh,220px);height:auto;margin-block:calc(clamp(140px,26dvh,220px)*-.035);filter:var(--sh-bloss)}.lp.ob .wait .end-bloss{width:clamp(150px,30dvh,250px);margin-block:calc(clamp(150px,30dvh,250px)*-.035)}.lp.ob .gate-bloss{animation:lp-bloom var(--d-reveal) var(--ease) both}.lp.ob .deck{align-items:center;gap:clamp(8px,1.4dvh,14px);outline:none;border-radius:var(--r-lg)}.lp.ob .deck:focus-visible{box-shadow:0 0 0 2px var(--bb-pink)}.lp.ob .swipe-deck-count{flex:none;margin:0;font:600 12.5px/1 var(--bb-font-body);color:var(--bb-text-3);font-variant-numeric:tabular-nums;letter-spacing:.04em}.lp.ob .dk-stage{flex:1 1 auto;min-height:0;width:100%;container-type:size;display:grid;place-items:center}.lp.ob .dk-card{--meta:clamp(52px,7dvh,64px);--art:min(100cqw,calc(100cqh - var(--meta) - 10px),420px);width:var(--art);display:flex;flex-direction:column;border-radius:clamp(16px,calc(var(--art) * .075),28px);overflow:hidden;background:linear-gradient(180deg,#23163a,#180f29);box-shadow:var(--sh-art)}.lp.ob .dk-art{position:relative;aspect-ratio:1;overflow:hidden;background:linear-gradient(160deg,#3b1a5c,#1a0f2e)}.lp.ob .dk-art img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:cover}.lp.ob .dk-tap{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:max-content;height:48px;display:inline-flex;align-items:center;gap:8px;padding:0 20px;border:0;border-radius:var(--r-pill);background:#0f0a1aa8;-webkit-backdrop-filter:var(--bb-chip-blur);backdrop-filter:var(--bb-chip-blur);box-shadow:inset 0 0 0 1px #fff3;color:#fff;font:600 15px/1 var(--bb-font-body);cursor:pointer}.lp.ob .dk-tap .i{width:16px;height:16px;fill:currentColor;stroke:none}.lp.ob .dk-err{position:absolute;left:12px;right:12px;bottom:12px;padding:10px 12px;border-radius:12px;background:#0f0a1ac7;-webkit-backdrop-filter:var(--bb-chip-blur);backdrop-filter:var(--bb-chip-blur);box-shadow:inset 0 0 0 1px #f8717166;color:#fecaca;font:500 13.5px/1.3 var(--bb-font-body);text-align:center}.lp.ob .dk-meta{height:var(--meta);display:flex;flex-direction:column;justify-content:center;gap:3px;padding:0 14px;overflow:hidden}.lp.ob .swipe-deck-title{font:400 18px/1.15 var(--bb-font-display);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lp.ob .swipe-deck-artist{font-size:13px;font-weight:500;color:var(--bb-text-2)}.lp.ob .dk-meter{height:4px;margin:0 14px 6px;border-radius:2px;background:#ffffff1a;overflow:hidden}.lp.ob .dk-meter i{display:block;height:100%;width:calc(var(--p,0) * 100%);background:var(--bb-grad);transition:width .25s linear}.lp.ob .dk-acts{flex:none;display:flex;align-items:center;justify-content:center;gap:clamp(18px,3dvh,28px)}.lp.ob .dk-acts .pa{border:0;cursor:pointer;width:clamp(52px,7dvh,62px);height:clamp(52px,7dvh,62px);transition:transform var(--d-fast) var(--ease),opacity var(--d-base) var(--ease)}.lp.ob .dk-acts .pa:active{transform:scale(var(--press-scale))}.lp.ob .dk-acts .pa.pa-skip{width:clamp(44px,5.6dvh,50px);height:clamp(44px,5.6dvh,50px);background:var(--bb-glass);box-shadow:inset 0 0 0 1px var(--bb-border-2);color:var(--bb-text-2)}.lp.ob .dk-acts .pa.pa-skip .i{width:18px;height:18px;fill:currentColor;stroke-width:1.6}.lp.ob .dk-acts .pa:disabled{opacity:.35;cursor:default;box-shadow:none}.lp.ob .dk-acts .pa.like .i{fill:currentColor;stroke:none}.lp.ob .swipe-deck-hint{flex:none;margin:0;font-size:13px;line-height:1.3;color:var(--bb-text-2);text-align:center}.lp.ob .skip-all{align-self:center}@media (max-height:640px){.lp.ob h1{font-size:clamp(23px,min(7.4vw,4.6dvh),28px)}.lp.ob .sub{font-size:13px;margin-top:4px}.lp.ob[data-view=profile] .sub,.lp.ob[data-view=taste-swipe] .sub,.lp.ob[data-view=taste-choose] .sub{display:none}.lp.ob .ob-main,.lp.ob .ob-body{gap:10px}.lp.ob .prog{margin-bottom:10px}.lp.ob .ob-act{padding:10px 0 12px;gap:8px}.lp.ob .mcard{padding:8px 10px;gap:10px}.lp.ob .av-md{width:44px;height:44px}.lp.ob .mcard-t b{font-size:16px}.lp.ob .opt{gap:8px 10px}.lp.ob .pick{min-height:38px;padding:0 14px;font-size:13.5px}.lp.ob .sheet.avs{gap:8px}.lp.ob .sheet.avs .grab{display:none}.lp.ob .av-lg{width:64px;height:64px}.lp.ob .av-opt{min-height:44px}.lp.ob .av-opt svg{width:28px;height:28px}.lp.ob .av-grp{gap:5px}.lp.ob .av-opts{gap:8px}.lp.ob .facts li{padding:10px 14px}.lp.ob .facts span{font-size:12.5px}.lp.ob .choose-bloss{display:none}.lp.ob .swipe-deck-hint{font-size:12px}}@media (max-width:359px){.lp.ob .av-colors{gap:6px}.lp.ob .un-wrap .input{padding-right:44px}.lp.ob .name-status span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}}@media (min-width:960px){.lp.ob .top{display:flex;position:relative;height:clamp(64px,8.4dvh,84px)}.lp.ob .prog-count{display:none}.lp.ob .prog{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;gap:0;align-items:center}.lp.ob .prog li{flex:none;height:auto;background:none;display:flex;align-items:center;gap:10px;opacity:1}.lp.ob .prog li.done{opacity:1}.lp.ob .prog li+li:before{content:"";width:clamp(28px,3.4vw,64px);height:2px;margin-right:4px;border-radius:1px;background:var(--bb-border-2)}.lp.ob .prog li.done+li:before,.lp.ob .prog li.active:before{background:var(--bb-grad)}.lp.ob .prog li.done,.lp.ob .prog li.active{background:none}.lp.ob .prog .n,.lp.ob .prog .t{position:static;width:auto;height:auto;overflow:visible;clip:auto}.lp.ob .prog .n{width:clamp(28px,3.4dvh,32px);height:clamp(28px,3.4dvh,32px);border-radius:50%;display:grid;place-items:center;background:var(--bb-glass);box-shadow:inset 0 0 0 1px var(--bb-border-2);font:700 13px/1 var(--bb-font-body);color:var(--bb-text-3)}.lp.ob .prog .t{font:600 clamp(13.5px,1vw,15px)/1 var(--bb-font-body);color:var(--bb-text-3);white-space:nowrap;margin-right:4px}.lp.ob .prog li.active .n{background:rgba(var(--bb-accent-rgb),.16);box-shadow:inset 0 0 0 1.5px var(--bb-pink);color:#fff}.lp.ob .prog li.active .t{color:var(--bb-text)}.lp.ob .prog li.done .n{background:var(--bb-grad);box-shadow:none;color:var(--bb-ink)}.lp.ob .prog li.done .n .i{width:15px;height:15px;stroke-width:2.8}.lp.ob .prog li.done .t{color:var(--bb-text-2)}.lp.ob .ob-main{width:var(--stage-max);margin-inline:auto;display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);grid-template-rows:auto minmax(0,1fr);column-gap:clamp(40px,5vw,112px);row-gap:clamp(16px,2.6dvh,30px);padding-block:clamp(8px,2dvh,28px) clamp(20px,4dvh,48px)}.lp.ob .ob-head{grid-area:1/1;align-self:end}.lp.ob h1{font-size:clamp(34px,min(3.2vw,6dvh),58px);line-height:1.05}.lp.ob .sub{font-size:clamp(15px,1.15vw,18px);margin-top:clamp(8px,1.2dvh,14px);max-width:36ch}.lp.ob .ob-side{grid-area:2/1;display:flex;flex-direction:column;gap:16px;min-height:0;align-self:start}.lp.ob .side-only:not([hidden]){display:flex!important}.lp.ob .ob-panel{grid-area:1/2/3/3;min-height:0;padding:clamp(20px,3.2dvh,40px) clamp(22px,2.6vw,44px) 0;border-radius:var(--r-card);background:var(--bb-card-fill);box-shadow:var(--sh-card)}.lp.ob .ob-act{padding:clamp(14px,2dvh,20px) 0 clamp(20px,3.2dvh,36px)}.lp.ob .submit,.lp.ob .btn-row .btn{min-height:clamp(50px,6.4dvh,60px);font-size:clamp(16px,1.1vw,18px)}.lp.ob .onboarding-next{align-self:flex-end;margin-left:auto;width:auto;min-width:clamp(220px,18vw,300px)}.lp.ob .ob-act .auth-error{align-self:stretch}.lp.ob .btn-row{justify-content:flex-end}.lp.ob .btn-row .btn{flex:0 0 auto;padding:0 clamp(22px,2vw,32px)}.lp.ob .ob-act:has(.onboarding-next){flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap}.lp.ob .ob-act:has(.onboarding-next) .ob-msg{justify-content:flex-start}.lp.ob .ob-act:has(.btn-row){flex-direction:row;align-items:center;justify-content:space-between}.lp.ob .ob-act .auth-error{flex:1 1 100%}.lp.ob .chips{gap:clamp(8px,1vw,12px)}.lp.ob .pick{min-height:clamp(40px,5.2dvh,48px);padding:0 clamp(16px,1.3vw,22px);font-size:clamp(14px,1vw,15.5px)}.lp.ob .onboarding-section-title{font-size:clamp(15px,1.1vw,17px)}.lp.ob .mix{flex-direction:column;gap:clamp(12px,1.8dvh,18px);padding:clamp(16px,2.4dvh,26px) clamp(18px,1.8vw,28px);border-radius:24px;background:var(--bb-glass);box-shadow:inset 0 0 0 1px var(--bb-border)}.lp.ob .mix-h{font-size:clamp(20px,2.6dvh,24px)}.lp.ob .mix-n{font:600 .7em/1 var(--bb-font-body);color:var(--bb-text-3);margin-left:4px}.lp.ob .mix-grp{display:flex;flex-direction:column;gap:8px}.lp.ob .mix-grp>span{font:700 11.5px/1 var(--bb-font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--bb-text-3)}.lp.ob .mix-chips{display:flex;flex-wrap:wrap;gap:6px;max-height:clamp(120px,24dvh,260px);overflow:hidden}.lp.ob .tag{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:var(--r-pill);background:rgba(var(--bb-accent-rgb),.13);box-shadow:inset 0 0 0 1px rgba(var(--bb-accent-rgb),.3);font:600 13px/1 var(--bb-font-body)}.lp.ob .none{font-size:13.5px;color:var(--bb-text-3)}.lp.ob .keys{gap:clamp(16px,2vw,28px)}.lp.ob .keys p{margin:0;display:flex;align-items:center;gap:8px;font:500 14px/1 var(--bb-font-body);color:var(--bb-text-2)}.lp.ob kbd{display:inline-grid;place-items:center;min-width:32px;height:32px;padding:0 8px;border-radius:8px;background:var(--bb-glass-2);box-shadow:inset 0 0 0 1px var(--bb-border-2),0 2px #00000059;font:700 14px/1 var(--bb-font-body);color:var(--bb-text)}.lp.ob .side-bloss{width:clamp(150px,28dvh,260px);height:auto;filter:var(--sh-bloss);margin-top:clamp(0px,2dvh,24px)}.lp.ob[data-view=profile] .sheet.avs{position:static;transform:none;inset:auto;width:auto;max-width:none;max-height:none;margin:0;z-index:auto;display:grid!important;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"h seg" "pv opts";align-items:start;column-gap:clamp(18px,2vw,32px);row-gap:clamp(12px,2dvh,20px);padding:clamp(16px,2.4dvh,26px) clamp(18px,1.8vw,28px);border-radius:24px;background:var(--bb-glass);box-shadow:inset 0 0 0 1px var(--bb-border)}.lp.ob:not([data-view=profile]) .sheet.avs{display:none!important}.lp.ob .sheet.avs .grab,.lp.ob .sheet.avs .x,.lp.ob .av-done,.lp.ob .av-scrim,.lp.ob .av-edit{display:none!important}.lp.ob .sheet.avs .sh-top{grid-area:h}.lp.ob .sheet.avs .sh-top h2{font-size:clamp(20px,2.6dvh,24px)}.lp.ob .sheet.avs .seg{grid-area:seg}.lp.ob .sheet.avs .av-preview{grid-area:pv;align-self:center}.lp.ob .sheet.avs .av-opts,.lp.ob .sheet.avs .av-photo{grid-area:opts}.lp.ob .av-lg{width:clamp(104px,15dvh,168px);height:clamp(104px,15dvh,168px)}.lp.ob .av-sw.active{box-shadow:0 0 0 2px #1c1430,0 0 0 4px #fff}.lp.ob .av-opt{min-height:clamp(44px,5.6dvh,52px)}.lp.ob[data-view=profile] .ob-body{justify-content:center;gap:clamp(16px,2.6dvh,26px)}.lp.ob .mcard{padding:clamp(12px,1.8dvh,18px) clamp(14px,1.4vw,20px)}.lp.ob .av-md{width:clamp(56px,7dvh,72px);height:clamp(56px,7dvh,72px)}.lp.ob .mcard-t b{font-size:clamp(18px,2.4dvh,24px)}.lp.ob .opt{gap:clamp(12px,2dvh,18px) clamp(12px,1vw,16px)}.lp.ob .facts{max-width:520px}.lp.ob[data-view=taste-choose] .choose-bloss{display:none}.lp.ob .dk-card{--meta:clamp(64px,8.4dvh,84px);--art:min(100cqw,calc(100cqh - var(--meta) - 10px),560px)}.lp.ob .swipe-deck-title{font-size:clamp(20px,2.6dvh,28px)}.lp.ob .swipe-deck-artist{font-size:clamp(13px,1.6dvh,16px)}.lp.ob .dk-meta{padding:0 clamp(16px,2dvh,22px)}.lp.ob .dk-meter{margin:0 clamp(16px,2dvh,22px) 8px}.lp.ob .dk-acts .pa{width:clamp(56px,7.4dvh,72px);height:clamp(56px,7.4dvh,72px)}.lp.ob[data-view=taste-swipe] .ob-act{flex-direction:row;justify-content:center;padding-top:clamp(4px,1dvh,10px)}.lp.ob .keys+.skip-desk{display:none}.lp.ob:is([data-view=gate],[data-view=username]) .ob-main{display:flex;flex-direction:column;justify-content:center}.lp.ob[data-view=gate] .ob-head{display:none}.lp.ob[data-view=gate] .ob-panel{background:none;box-shadow:none}.lp.ob[data-view=username] .ob-main{flex:none;margin:auto;width:min(clamp(440px,32vw,560px),calc(100vw - 48px));gap:clamp(18px,2.8dvh,28px);padding:clamp(28px,4.4dvh,48px) clamp(24px,2.6vw,44px) 0;border-radius:var(--r-card);background:var(--bb-card-fill);box-shadow:var(--sh-card)}.lp.ob[data-view=username] .ob-panel{flex:none;padding:0;background:none;box-shadow:none}.lp.ob[data-view=username] h1{font-size:clamp(30px,min(2.6vw,5dvh),44px)}.lp.ob[data-view=username] .ob-head{text-align:left}.lp.ob[data-view=username] .ob-act{padding-bottom:clamp(28px,4.4dvh,44px)}}@media (min-width:960px) and (max-height:760px){.lp.ob .sub{display:none}.lp.ob[data-view=username] .sub{display:block}}.lp.ob[data-view=gate] .ob-head{display:none}.lp.ob[data-view=username] .ob-body{flex:none}.lp.ob[data-view=username] .ob-panel{justify-content:space-between}@media (max-width:959px) and (max-height:760px){.lp.ob .ob-act .auth-error{padding:8px 12px;font-size:13px;line-height:1.3;gap:8px}}@media (max-height:640px){.lp.ob .ob-panel:has(.err-profile:not([hidden])) .mcard{display:none}}@media (max-width:959px) and (max-height:760px){.lp.ob .ob-panel:has(.err-profile:not([hidden])) .mcard{padding-block:8px}.lp.ob .ob-panel:has(.err-profile:not([hidden])) .av-md{width:44px;height:44px}}.lp.ob button.btn-text{border:0;background:none;font-family:var(--bb-font-body);cursor:pointer}.lp.ob .ob-msg:has(.artist-picker-count){gap:4px}.lp.ob[data-view=username] .ob-head{align-self:stretch}@media (max-width:959px){.lp.ob[data-view=username] .ob-act{margin-top:auto}}@media (min-width:960px){.lp.ob[data-view=taste-choose] .ob-body{justify-content:center;align-items:stretch}.lp.ob[data-view=taste-choose] .facts{max-width:none;gap:clamp(10px,1.6dvh,16px)}.lp.ob[data-view=taste-choose] .facts li{padding:clamp(16px,2.6dvh,26px) clamp(18px,1.8vw,28px);border-radius:var(--r-lg)}.lp.ob[data-view=taste-choose] .facts b{font:400 clamp(19px,2.6dvh,24px)/1.2 var(--bb-font-display)}.lp.ob[data-view=taste-choose] .facts span{font-size:clamp(14px,1.8dvh,16px)}.lp.ob[data-view=taste-swipe] .deck{padding-bottom:4px}}.lp.ob .seed-view>.onboarding-card,.lp.ob .taste-view .swipe-onboarding{display:contents}.lp.ob .seed-view .onboarding-title,.lp.ob .seed-view .onboarding-subtitle,.lp.ob .taste-view .onboarding-card>h2,.lp.ob .taste-view .onboarding-sub{display:none}.lp.ob :is(.seed-view,.taste-view) :is(.btn-primary,.btn-secondary){display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--btn-h);padding:0 22px;border-radius:var(--r-pill);border:0;font:var(--t-btn-w) var(--t-btn)/1 var(--bb-font-body);text-decoration:none;cursor:pointer;white-space:nowrap;transition:transform var(--d-fast) var(--ease),box-shadow var(--d-base) var(--ease),background var(--d-base) var(--ease);opacity:1;margin:0;width:auto}.lp.ob :is(.seed-view,.taste-view) .btn-secondary{background:var(--bb-glass);color:var(--bb-text);box-shadow:inset 0 0 0 1px var(--bb-border-2)}.lp.ob :is(.seed-view,.taste-view) .btn-secondary:hover{background:var(--bb-glass-2);color:var(--bb-text);border-color:transparent}.lp.ob :is(.seed-view,.taste-view) .btn-primary{background:var(--bb-grad);color:var(--bb-ink);box-shadow:var(--sh-cta)}.lp.ob :is(.seed-view,.taste-view) .btn-primary:hover:not(:disabled){box-shadow:var(--sh-cta-hover);transform:translateY(-1px);opacity:1}.lp.ob :is(.seed-view,.taste-view) :is(.btn-primary,.btn-secondary):active{transform:scale(var(--press-scale))}.lp.ob :is(.seed-view,.taste-view) :is(.btn-primary,.btn-secondary):disabled{opacity:.42;cursor:default;box-shadow:none;transform:none}.lp.ob :is(.seed-view,.taste-view) .onboarding-actions{flex:none;display:flex;gap:10px;margin:0;padding:0 0 clamp(14px,2.6dvh,26px)}.lp.ob :is(.seed-view,.taste-view) .onboarding-actions>:is(.btn-primary,.btn-secondary){flex:1 1 0;min-height:clamp(48px,6.4dvh,56px);padding:0 14px}.lp.ob :is(.seed-view,.taste-view) .onboarding-actions>.btn-primary{flex-grow:1.5;font-size:16px}.lp.ob .spin-lg{width:34px;height:34px;border-width:3px;color:var(--bb-pink)}.lp.ob .taste-view .spinner{display:inline-block;width:34px;height:34px;margin:0;border-radius:50%;border:3px solid currentColor;border-right-color:transparent;opacity:.85;animation:lp-spin .7s linear infinite;color:var(--bb-pink)}@media (prefers-reduced-motion:reduce){.lp.ob .spin,.lp.ob .taste-view .spinner{animation:lp-spin 1.6s linear infinite!important}}.lp.ob .pick[aria-checked=true]{background:rgba(var(--bb-accent-rgb),.16);box-shadow:inset 0 0 0 1.5px rgba(var(--bb-accent-rgb),.75);color:#fff}.lp.ob .pick[aria-checked=true] .ck{display:block}.lp.ob .sec-hint{margin:0 0 10px}.lp.ob .seed-view{gap:clamp(12px,2dvh,20px)}.lp.ob .seed-view .seed-import{flex:none;display:flex;flex-direction:column;align-items:stretch;gap:10px;margin:0;padding:14px 16px;border:0;border-radius:var(--r-md);background:var(--bb-glass);box-shadow:inset 0 0 0 1px var(--bb-border)}.lp.ob .seed-view .seed-import-why{margin:0;font:600 15px/1.25 var(--bb-font-body);color:var(--bb-text)}.lp.ob .seed-view .seed-import-fine{margin:0;font-size:13.5px;line-height:1.4;color:var(--bb-text-2)}.lp.ob .seed-view .seed-import .btn-primary{min-height:var(--btn-h-sm);padding:0 16px;font-size:14px}.lp.ob .seed-view .seed-note{flex:none;margin:0;text-align:left}.lp.ob .seed-view .seed-add{flex:none;display:flex;gap:10px;margin:0}.lp.ob .seed-view .seed-add .auth-input{flex:1 1 auto;min-width:0;width:100%;height:clamp(46px,6.2dvh,54px);margin:0;padding:0 16px;border:0;border-radius:14px;background:#ffffff0d;box-shadow:inset 0 0 0 1px var(--bb-border-2);color:var(--bb-text);font:400 16px/1 var(--bb-font-body);transition:box-shadow var(--d-base) var(--ease),background var(--d-base) var(--ease)}.lp.ob .seed-view .seed-add .auth-input::placeholder{color:var(--bb-text-3)}.lp.ob .seed-view .seed-add .auth-input:hover{background:#fff1}.lp.ob .seed-view .seed-add .auth-input:focus{outline:none;background:#ffffff12;box-shadow:inset 0 0 0 1.5px var(--bb-pink),0 0 0 4px rgba(var(--bb-accent-rgb),.18)}.lp.ob .seed-view .seed-add .btn-secondary{flex:none;min-height:clamp(46px,6.2dvh,54px)}.lp.ob .seed-view>.onboarding-card>.onboarding-chips,.lp.ob .taste-view .artist-picker-grid{flex:1 1 auto;min-height:0;max-height:none;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;margin:0 -6px;padding:2px 6px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent;display:flex;flex-wrap:wrap;align-content:flex-start;justify-content:flex-start;gap:8px}.lp.ob .seed-view .onboarding-chips.fade-b,.lp.ob .taste-view .artist-picker-grid.fade-b{-webkit-mask-image:linear-gradient(#000 calc(100% - 16px),transparent);mask-image:linear-gradient(#000 calc(100% - 16px),transparent)}.lp.ob .seed-view .onboarding-chips.fade-t,.lp.ob .taste-view .artist-picker-grid.fade-t{-webkit-mask-image:linear-gradient(transparent,#000 16px);mask-image:linear-gradient(transparent,#000 16px)}.lp.ob .seed-view .onboarding-chips.fade-t.fade-b,.lp.ob .taste-view .artist-picker-grid.fade-t.fade-b{-webkit-mask-image:linear-gradient(transparent,#000 16px,#000 calc(100% - 16px),transparent);mask-image:linear-gradient(transparent,#000 16px,#000 calc(100% - 16px),transparent)}.lp.ob .seed-view .onboarding-chip,.lp.ob .taste-view .artist-picker-grid .dsc-genre{display:inline-flex;align-items:center;gap:6px;min-height:40px;margin:0;padding:0 16px;border:0;border-radius:var(--r-pill);background:var(--bb-glass-2);box-shadow:inset 0 0 0 1px var(--bb-border-2);color:var(--bb-text-2);font:600 14px/1 var(--bb-font-body);cursor:pointer;white-space:nowrap;transition:background var(--d-base) var(--ease),box-shadow var(--d-base) var(--ease),color var(--d-base) var(--ease),transform var(--d-fast) var(--ease)}.lp.ob .seed-view .onboarding-chip:hover,.lp.ob .taste-view .artist-picker-grid .dsc-genre:hover{background:var(--bb-glass-3);color:var(--bb-text);border-color:transparent}.lp.ob .seed-view .onboarding-chip:active,.lp.ob .taste-view .artist-picker-grid .dsc-genre:active{transform:scale(var(--press-scale))}.lp.ob .seed-view .onboarding-chip[aria-pressed=true],.lp.ob .taste-view .artist-picker-grid .dsc-genre[aria-pressed=true]{background:rgba(var(--bb-accent-rgb),.16);box-shadow:inset 0 0 0 1.5px rgba(var(--bb-accent-rgb),.75);color:#fff}.lp.ob .seed-view .seed-more{flex:none;align-self:center;display:inline-flex;align-items:center;gap:6px;min-height:var(--tap);margin:0;padding:0 6px;border:0;background:none;color:var(--bb-text-2);font:600 15px/1 var(--bb-font-body);text-decoration:none;border-radius:var(--r-sm);cursor:pointer}.lp.ob .seed-view .seed-more:hover{color:var(--bb-text)}.lp.ob .seed-view>.onboarding-card>.onboarding-hint:not(.seed-note),.lp.ob .seed-view .seed-busy{flex:none;display:flex;align-items:center;justify-content:center;gap:8px;min-height:20px;margin:0;font:500 13.5px/1.3 var(--bb-font-body);color:var(--bb-text-2);text-align:center}.lp.ob .seed-view .seed-note{font:500 13.5px/1.3 var(--bb-font-body);color:var(--bb-text-2)}.lp.ob .seed-view .seed-busy .spin{width:15px;height:15px;color:var(--bb-pink-soft)}.lp.ob .seed-view .seed-busy,.lp.ob .seed-view .seed-error{order:1}.lp.ob .seed-view .onboarding-actions{order:2}.lp.ob:is([data-view=taste-check],[data-view=taste-loading]) .taste-view>.onboarding-card,.lp.ob .taste-view .swipe-deck-loading{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px;width:auto;max-width:none!important;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.lp.ob .taste-view .artist-picker{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-areas:"s s" "g g" "c c" "a a";row-gap:0;width:auto;max-width:none;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;text-align:left}.lp.ob .taste-view .artist-picker-search{grid-area:s;margin:0 0 clamp(12px,2dvh,20px);width:100%;height:clamp(46px,6.2dvh,54px);padding:0 16px;border:0;border-radius:14px;background:#ffffff0d;box-shadow:inset 0 0 0 1px var(--bb-border-2);color:var(--bb-text);font:400 16px/1 var(--bb-font-body)}.lp.ob .taste-view .artist-picker-search::placeholder{color:var(--bb-text-3)}.lp.ob .taste-view .artist-picker-search:focus{outline:none;background:#ffffff12;box-shadow:inset 0 0 0 1.5px var(--bb-pink),0 0 0 4px rgba(var(--bb-accent-rgb),.18)}.lp.ob .taste-view .artist-picker-search::-webkit-search-cancel-button{filter:invert(1) opacity(.6)}.lp.ob .taste-view .artist-picker-grid{grid-area:g}.lp.ob .taste-view .artist-picker-count{grid-area:c;display:flex;align-items:center;justify-content:center;gap:4px;min-height:20px;margin:clamp(12px,1.8dvh,16px) 0 10px;padding:0;font:500 13.5px/1.3 var(--bb-font-body);color:var(--bb-text-2);text-align:center}.lp.ob .taste-view .artist-picker>.onboarding-actions{grid-area:a}.lp.ob[data-view=taste-choose] .taste-view>.onboarding-card{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;justify-content:flex-end;width:auto;max-width:none;margin:0;padding:clamp(12px,1.8dvh,16px) 0 0;border:0;border-radius:0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}@media (max-width:479px){.lp.ob[data-view=taste-choose] .taste-view .onboarding-actions{flex-direction:column-reverse}}.lp.ob .taste-view .swipe-deck:not(.swipe-deck-loading):not(.swipe-deck-end){flex:1 1 auto;min-height:0;width:100%;display:flex;flex-direction:column;align-items:center;gap:clamp(8px,1.4dvh,14px);margin:0;padding:0;outline:none;border:0;border-radius:var(--r-lg);background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.lp.ob .taste-view .swipe-deck:focus-visible{box-shadow:0 0 0 2px var(--bb-pink)}.lp.ob .taste-view .swipe-deck-count{flex:none;margin:0;font:600 12.5px/1 var(--bb-font-body);color:var(--bb-text-3);font-variant-numeric:tabular-nums;letter-spacing:.04em}.lp.ob .taste-view .swipe-deck-card{position:relative;flex:1 1 auto;min-height:0;width:min(100%,420px);display:flex;flex-direction:column;align-items:stretch;gap:3px;text-align:left;border-radius:28px;overflow:hidden;background:linear-gradient(180deg,#23163a,#180f29);box-shadow:var(--sh-art)}.lp.ob .taste-view .swipe-deck-art{flex:1 1 auto;min-height:0;width:100%;height:auto;max-width:none;max-height:none;object-fit:cover;border-radius:0;background:linear-gradient(160deg,#3b1a5c,#1a0f2e)}.lp.ob .taste-view .swipe-deck-title{flex:none;padding:10px 14px 0;font:400 18px/1.15 var(--bb-font-display);color:var(--bb-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lp.ob .taste-view .swipe-deck-artist{flex:none;padding:0 14px;font-size:13px;font-weight:500;color:var(--bb-text-2)}.lp.ob .taste-view .swipe-deck-meter{flex:none;width:auto;height:4px;margin:6px 14px;border-radius:2px;background:#ffffff1a;overflow:hidden}.lp.ob .taste-view .swipe-deck-meter>div{height:100%;background:var(--bb-grad);transition:width .25s linear}.lp.ob .taste-view .swipe-deck-card .btn-secondary{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:max-content;height:48px;min-height:48px;padding:0 20px;border-radius:var(--r-pill);background:#0f0a1aa8;-webkit-backdrop-filter:var(--bb-chip-blur);backdrop-filter:var(--bb-chip-blur);box-shadow:inset 0 0 0 1px #fff3;color:#fff;font:600 15px/1 var(--bb-font-body)}.lp.ob .taste-view .swipe-deck-note{position:absolute;left:12px;right:12px;bottom:12px;padding:10px 12px;border-radius:12px;background:#0f0a1ac7;-webkit-backdrop-filter:var(--bb-chip-blur);backdrop-filter:var(--bb-chip-blur);box-shadow:inset 0 0 0 1px #f8717166;color:#fecaca;font:500 13.5px/1.3 var(--bb-font-body);text-align:center}.lp.ob .taste-view .swipe-deck-actions{flex:none;width:auto;display:flex;align-items:center;justify-content:center;gap:clamp(18px,3dvh,28px)}.lp.ob .taste-view .swipe-deck-actions>button{flex:none;width:clamp(52px,7dvh,62px);height:clamp(52px,7dvh,62px);min-height:0;padding:0;border-radius:50%;display:grid;place-items:center;font-size:13px}.lp.ob .taste-view .swipe-deck-actions>button:nth-child(1){background:var(--bb-glass-2);box-shadow:inset 0 0 0 1px var(--bb-border-2);color:var(--bb-text-2)}.lp.ob .taste-view .swipe-deck-actions>button:nth-child(2){width:clamp(44px,5.6dvh,50px);height:clamp(44px,5.6dvh,50px);background:var(--bb-glass);box-shadow:inset 0 0 0 1px var(--bb-border-2);color:var(--bb-text-2)}.lp.ob .taste-view .swipe-deck-actions>button:disabled{opacity:.35;cursor:default;box-shadow:none}.lp.ob .taste-view .swipe-deck-hint{flex:none;margin:0;font-size:13px;line-height:1.3;color:var(--bb-text-2);text-align:center}.lp.ob .taste-view .swipe-deck-live{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.lp.ob .taste-view .swipe-onboarding>.btn-secondary{align-self:center;min-height:var(--tap);margin:clamp(12px,1.8dvh,16px) 0 clamp(14px,2.6dvh,26px);padding:0 6px;background:none;box-shadow:none;color:var(--bb-text-2);font-weight:600;font-size:15px;border-radius:var(--r-sm)}.lp.ob .taste-view .swipe-onboarding>.btn-secondary:hover{background:none;color:var(--bb-text)}.lp.ob .taste-view .swipe-deck-end{display:contents}.lp.ob .taste-view .swipe-deck-end>p{flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;margin:0;text-align:center;font:400 clamp(22px,3.2dvh,28px)/1.15 var(--bb-font-display);color:var(--bb-text)}.lp.ob .taste-view .swipe-deck-end>.btn-primary{width:100%;min-height:clamp(48px,6.4dvh,56px);margin:clamp(12px,1.8dvh,16px) 0 clamp(14px,2.6dvh,26px);font-size:16px}.lp.ob[data-view=taste-end] .taste-view .swipe-onboarding>.btn-secondary{display:none}@media (max-height:640px){.lp.ob .seed-view,.lp.ob .seed-view>.onboarding-card{gap:10px}.lp.ob :is(.seed-view,.taste-view) .onboarding-actions{padding-bottom:12px}.lp.ob .taste-view .artist-picker-count{margin-top:10px;margin-bottom:8px}.lp.ob .seed-view .onboarding-chip,.lp.ob .taste-view .artist-picker-grid .dsc-genre{min-height:38px;padding:0 14px;font-size:13.5px}.lp.ob .taste-view .swipe-deck-hint{font-size:12px}.lp.ob .taste-view .artist-picker-search,.lp.ob .seed-view .seed-add .auth-input{min-height:44px;height:44px}.lp.ob .taste-view .artist-picker-search{margin-bottom:10px}}@media (min-width:960px){.lp.ob :is(.seed-view,.taste-view) .onboarding-actions{justify-content:flex-end;padding-bottom:clamp(20px,3.2dvh,36px)}.lp.ob :is(.seed-view,.taste-view) .onboarding-actions>:is(.btn-primary,.btn-secondary){flex:0 0 auto;min-height:clamp(50px,6.4dvh,60px);padding:0 clamp(22px,2vw,32px);font-size:clamp(16px,1.1vw,18px)}.lp.ob .taste-view .artist-picker{grid-template-areas:"s s" "g g" "c a"}.lp.ob .taste-view .artist-picker-count{align-self:center;justify-content:flex-start;margin:clamp(14px,2dvh,20px) 0 clamp(20px,3.2dvh,36px)}.lp.ob .taste-view .artist-picker>.onboarding-actions{padding-top:clamp(14px,2dvh,20px)}.lp.ob .seed-view .onboarding-chip,.lp.ob .taste-view .artist-picker-grid .dsc-genre{min-height:clamp(40px,5.2dvh,48px);padding:0 clamp(16px,1.3vw,22px);font-size:clamp(14px,1vw,15.5px)}.lp.ob .taste-view .swipe-deck-title{font-size:clamp(20px,2.6dvh,28px)}.lp.ob .taste-view .swipe-deck-artist{font-size:clamp(13px,1.6dvh,16px)}.lp.ob .taste-view .swipe-deck-actions>button:nth-child(odd){width:clamp(56px,7.4dvh,72px);height:clamp(56px,7.4dvh,72px)}.lp.ob .taste-view .swipe-deck-card{max-width:560px;width:min(100%,560px)}.lp.ob .taste-view .artist-picker-search,.lp.ob .seed-view .seed-add .auth-input{height:clamp(48px,6.2dvh,58px)}}.lp.ob .taste-view .swipe-deck-actions>button:nth-child(3){background:var(--bb-grad);color:var(--bb-ink);box-shadow:var(--sh-cta)}.lp.ob .taste-view .swipe-deck-actions>button:nth-child(3):disabled{opacity:.35;cursor:default;box-shadow:none}.lp.ob .ob-head{display:flex;align-items:flex-end;gap:6px}.lp.ob .ob-head-t{flex:1;min-width:0}.lp.ob .ob-bloss{display:block;height:auto;aspect-ratio:1;pointer-events:none;filter:var(--sh-bloss);animation:lp-bloom var(--d-reveal) var(--ease) .15s both}.lp.ob .head-bloss{--bw:clamp(76px,13.5dvh,112px);flex:none;width:var(--bw);margin:calc(var(--bw) * -.06) calc(var(--bw) * -.15) calc(var(--bw) * -.05) 0}.lp.ob .corner-bloss{display:none}@media (max-height:640px){.lp.ob .head-bloss{--bw:64px}}@media (min-width:960px){.lp.ob .head-bloss{display:none!important}.lp.ob .ob-panel{position:relative}.lp.ob .corner-bloss:not([hidden]){display:block;position:absolute;z-index:3;--bw:clamp(150px,24dvh,240px);width:var(--bw);left:calc(14px - var(--bw) * .83);bottom:calc(var(--bw) * -.035)}.lp.ob[data-view=username] .ob-main{position:relative}.lp.ob[data-view=username] .ob-panel{position:static}.lp.ob[data-view=username] .corner-bloss{--bw:clamp(150px,22dvh,220px)}}@media (prefers-reduced-motion:reduce){.lp.ob .ob-bloss{animation:none}}@media (max-width:959px){.lp.ob:is([data-view=taste-choose],[data-view=taste-end]) .ob-head{text-align:center}.lp.ob:is([data-view=taste-choose],[data-view=taste-end]) .ob-head .sub{margin-inline:auto}}.lp.ob .av .dj-avatar{display:contents}.lp.ob .av .dj-avatar-svg{filter:none;animation:none;transition:none}.lp.ob .prog li.onboarding-step-dot{width:auto;box-shadow:none}.lp.ob .onboarding-section{margin-bottom:0}.lp.ob .onboarding-section-title{display:block;align-items:normal;gap:normal;margin:0;color:inherit;letter-spacing:normal}@media (max-width:959px){.lp.ob .onboarding-next{min-width:auto}}.lp.ob .auth-error{text-align:start}.lp.ob .av-opt.avatar-shape-btn{padding:0}.lp.ob .av-sw.avatar-color-btn.active{transform:none}.lp.ob .av-opt.avatar-expr-btn{position:static;padding:0}.lp.ob :is(.seed-view,.taste-view) .onboarding-actions{position:static;bottom:auto;z-index:auto;justify-content:normal;background:none}.lp.ob .taste-view .onboarding-card{position:static;z-index:auto;animation:none;max-height:none;overflow:visible;text-align:left}.lp.ob .taste-view .swipe-deck{max-width:none}.lp.ob .seed-view .seed-import{text-align:left}@media (min-width:960px){.lp.ob :is(.seed-view,.taste-view) .onboarding-actions{justify-content:flex-end}}@media (min-width:960px){.lp.ob[data-view=taste-choose] .taste-view .onboarding-actions{justify-content:flex-start}}.lp.ob h2{word-break:normal}.lp.ob .opt select.input{padding-right:34px}.lp.ob:is([data-theme-mode=light] *) :is(.auth-error,.u-hint.is-taken,.u-hint.is-invalid,.u-hint.is-failed,.name-status.taken,.name-status.invalid,.name-status.failed){color:var(--bb-danger)}.lp.ob:is([data-theme-mode=light] *) :is(.u-hint.is-available,.name-status.available,.ob-msg.ok,.badge){color:var(--bb-success)}.lp.ob:is([data-theme-mode=light] *) :is(.pick[aria-pressed=true],.pick[aria-checked=true],.av-opt.active,.seed-view .onboarding-chip[aria-pressed=true],.taste-view .artist-picker-grid .dsc-genre[aria-pressed=true]){color:var(--bb-text)}.lp.ob:is([data-theme-mode=light] *) .prog li.active .n{color:var(--bb-text)}.lp.ob:is([data-theme-mode=light] *) :is(.spin-lg,.taste-view .spinner){color:var(--accent-text)}@media (max-width:959.98px){.lp.ob:is([data-theme-mode=light] *) input[type=date]{color-scheme:light}}@media (max-width:959.98px){.lp.ob:is([data-theme-mode=light] *) select.input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' fill='none' stroke='%231a1a2ecc' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}}@media (min-width:960px){.lp.ob:is([data-theme-mode=light] *):not([data-view=gate],[data-view=username]) .ob-panel,.lp.ob:is([data-theme-mode=light] *)[data-view=username] .ob-main{--bb-text:#f5f5f7;--bb-text-2:rgba(255, 255, 255, .66);--bb-text-3:rgba(255, 255, 255, .56);--bb-text-dis:rgba(255, 255, 255, .3);--bb-pink-soft:#f9a8d4;--bb-success:#34d399;--bb-danger:#f87171;--accent-text:var(--bb-pink);--bb-ink-rgb:255,255,255;--bb-glass:rgba(255,255,255,.04);--bb-glass-2:rgba(255,255,255,.065);--bb-glass-3:rgba(255,255,255,.09);--bb-border:rgba(255,255,255,.08);--bb-border-2:rgba(255,255,255,.14);--bb-bg-panel:#271e2f;--bb-bg-raise:#150f21;color:var(--bb-text)}}.lp.ob .taste-view .artist-picker-grid .dsc-genre[aria-pressed=true]:before{content:"";flex:none;width:16px;height:16px;margin-left:-4px;background:var(--bb-pink-soft);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/contain no-repeat}.lp.ob .taste-view .artist-picker-search,.lp.ob .taste-view .artist-picker-search:focus{padding-left:42px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff8f' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='m16 16 4.5 4.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:14px 50%;background-size:18px}@media (max-width:959.98px){.lp.ob:is([data-theme-mode=light] *) .taste-view .artist-picker-search{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a1a2ebd' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='m16 16 4.5 4.5'/%3E%3C/svg%3E")}}.lp.ob .ob-panel>.choose-bloss{align-self:center;margin-block:auto}.lp.ob:is([data-theme-mode=light] *) :is(.input:focus:not([aria-invalid=true]),.seed-view .seed-add .auth-input:focus,.taste-view .artist-picker-search:focus){box-shadow:inset 0 0 0 1.5px var(--accent-text),0 0 0 4px rgba(var(--bb-accent-rgb),.18)}.lp.ob:is([data-theme-mode=light] *) :is(.av-opt.active,.prog li.active .n){box-shadow:inset 0 0 0 1.5px var(--accent-text)}.lp.ob:is([data-theme-mode=light] *) :is(.deck:focus-visible,.taste-view .swipe-deck:focus-visible){box-shadow:0 0 0 2px var(--accent-text)}@media (max-width:959.98px){.lp.ob:is([data-theme-mode=light] *) .prog li:not(.done,.active){background:rgba(var(--bb-ink-rgb),.14)}}.lp.ob:is([data-theme-mode=light] *) .seg-b[aria-selected=true]{background:rgba(var(--bb-ink-rgb),.085)}.lp.ob:is([data-theme-mode=light] *) .taste-view .swipe-deck-card{--bb-text:#f5f5f7;--bb-text-2:rgba(255, 255, 255, .66);--bb-text-3:rgba(255, 255, 255, .56)}.lp.ob:is([data-theme-mode=light] *) .av-sw.active{box-shadow:0 0 0 2px var(--bb-bg-raise),0 0 0 4px var(--bb-text)}.artist-picker{max-width:520px;width:100%}.artist-picker-search{width:100%;padding:10px 14px;margin:8px 0 12px;border-radius:12px;border:1px solid var(--border-glass);background:var(--bg-glass);color:var(--text-primary)}.artist-picker-grid{display:flex;flex-wrap:wrap;gap:8px;max-height:280px;overflow-y:auto;padding:2px}.artist-picker-count{text-align:right;font-size:12px;color:var(--text-secondary);margin:8px 0 0}.swipe-deck{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:420px;margin:0 auto;padding:16px;border-radius:20px;border:1px solid var(--border-glass);background:var(--bg-glass);outline:none}.swipe-deck:focus-visible{box-shadow:0 0 0 3px rgba(var(--accent-rgb),.55)}.swipe-deck-loading{min-height:240px;justify-content:center}.swipe-deck-end{min-height:200px;justify-content:center;text-align:center;gap:16px}.swipe-deck-player{position:absolute;width:320px;height:180px;left:-9999px;top:0;overflow:hidden}.swipe-deck-count{margin:0;font-size:12px;color:var(--text-secondary)}.swipe-deck-card{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;text-align:center}.swipe-deck-art{width:200px;height:200px;max-width:60vw;max-height:60vw;object-fit:cover;border-radius:16px}.swipe-deck-title{color:var(--text-primary);overflow-wrap:anywhere}.swipe-deck-artist,.swipe-deck-note,.swipe-deck-hint{color:var(--text-secondary);font-size:13px}.swipe-deck-hint{margin:0}.swipe-deck-meter{width:100%;height:4px;border-radius:2px;background:var(--border-glass);overflow:hidden}.swipe-deck-meter>div{height:100%;background:var(--accent);transition:width .25s linear}.swipe-deck-actions{display:flex;gap:10px;width:100%;justify-content:center}.swipe-deck-actions button{flex:1;min-height:44px}.swipe-deck-actions button:disabled{opacity:.5;cursor:not-allowed}.swipe-deck-live{margin:0;min-height:1em;font-size:12px;color:var(--accent)}.swipe-onboarding{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}@media (max-width: 768px){.artist-picker-grid{max-height:240px}.swipe-deck{padding:12px;border-radius:16px}}.dsc-swiping>.dsc-search,.dsc-swiping>.dsc-genres:not(.dsc-tabs),.dsc-swiping>.dsc-main,.dsc-swiping>.dsc-upnext{display:none}.dsc-tabs{margin-bottom:8px}.gdx.gdx .sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}:where(.gdx) svg.i{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}:where(.gdx) button:where(:not(.btn)){font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}:where(.gdx) h1,:where(.gdx) h2,:where(.gdx) h3,:where(.gdx) h4,:where(.gdx) p{margin:0}.gdx.gdx .btn-xs{min-height:32px;padding:0 14px;font-size:13px;position:relative}.gdx.gdx .btn-xs:after{content:"";position:absolute;top:-6px;right:0;bottom:-6px;left:0}.gdx.gdx .btn[disabled]{background:var(--bb-glass);color:var(--bb-text-3);box-shadow:inset 0 0 0 1px var(--bb-border-2);cursor:default;transform:none}.gdx.gdx .btn[aria-busy=true]{background:var(--bb-grad);color:var(--on-accent);opacity:.8}.gdx.gdx .btn .spin{width:14px;height:14px}.gdx.gdx .btn .i{width:16px;height:16px}.gdx.gdx .gd-ava{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font:700 15px/1 var(--bb-font-body);color:#fff;background:radial-gradient(120% 100% at 30% 20%,hsl(var(--h) 80% 70%),hsl(calc(var(--h) + 30) 65% 38%));box-shadow:inset 0 0 0 1px rgba(var(--bb-ink-rgb),calc(.12 * var(--bb-ink-a-lo)))}.gdx.gdx .gd-ava.sm{width:32px;height:32px;font-size:13px}.gdx.gdx .gd-ava.lg{width:48px;height:48px;font-size:18px}.gdx.gdx.gd-page{display:flex;flex-direction:column;gap:clamp(8px,1.3dvh,12px);overflow:hidden;padding:12px}.gdx.gdx .gd-head{display:flex;align-items:center;gap:10px;min-height:44px;flex:none}.gdx.gdx .gd-ht{flex:1;min-width:0}.gdx.gdx .gd-h1{font:400 clamp(22px,3dvh,28px)/1.05 var(--bb-font-display);letter-spacing:.01em}.gdx.gdx .gd-sub{display:none;margin-top:4px;font-size:13.5px;color:var(--bb-text-2)}.gdx.gdx .gd-icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:var(--bb-text-2);background:var(--bb-glass);box-shadow:inset 0 0 0 1px var(--bb-border)}.gdx.gdx .gd-icon .i{width:20px;height:20px}.gdx.gdx .gd-body{flex:1;min-height:0;display:flex;gap:20px}.gdx.gdx .gd-main{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;gap:clamp(8px,1.3dvh,12px)}.gdx.gdx .gd-trig{flex:none;display:flex;align-items:center;gap:10px;min-height:52px;padding:6px 14px 6px 6px;border-radius:999px;text-align:left;background:var(--bb-glass);box-shadow:inset 0 0 0 1px var(--bb-border-2);color:var(--bb-text-3);font-size:15px}.gdx.gdx .gd-trig .gd-ava{width:40px;height:40px}.gdx.gdx .gd-trig>span:not(.gd-ava){flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gdx.gdx .gd-trig .i{color:var(--bb-pink-soft)}.gdx.gdx .gd-comp{flex:none;display:flex;gap:12px;padding:12px 12px 10px;border-radius:18px;background:var(--bb-glass);box-shadow:inset 0 0 0 1px var(--bb-border)}.gdx.gdx .gd-comp.is-typing{box-shadow:inset 0 0 0 1.5px rgba(var(--accent-rgb),.55),0 0 0 4px rgba(var(--accent-rgb),.1)}.gdx.gdx .gd-comp-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.gdx.gdx .gd-comp-in{width:100%;border:0;outline:0;resize:none;background:none;color:var(--bb-text);font:400 15px/1.45 var(--bb-font-body);padding:9px 0 0}.gdx.gdx .gd-comp-in::placeholder{color:var(--bb-text-3)}.gdx.gdx .gd-comp-acts{display:flex;align-items:center;justify-content:flex-end;gap:12px}.gdx.gdx .gd-count{font-size:12px;color:var(--bb-text-3);font-variant-numeric:tabular-nums}.gdx.gdx .gd-comp .btn-sm{min-height:38px;padding:0 20px}.gdx.gdx .gd-chips{flex:none;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 -12px;padding:2px 12px;scroll-padding:12px}.gdx.gdx .gd-chips::-webkit-scrollbar{display:none}.gdx.gdx .gd-chip{flex:none;display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border-radius:999px;font-size:13px;font-weight:600;color:var(--bb-text-2);background:var(--bb-glass);box-shadow:inset 0 0 0 1px var(--bb-border);position:relative}.gdx.gdx .gd-chip:after{content:"";position:absolute;top:-4px;right:0;bottom:-4px;left:0}.gdx.gdx .gd-chip .i{width:15px;height:15px}.gdx.gdx .gd-chip.on{color:var(--bb-pink-soft);background:rgba(var(--accent-rgb),.12);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.38)}.gdx.gdx .gd-feed{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;margin:0 -12px -12px;padding:2px 12px 16px;border-radius:0 0 20px 20px;-webkit-mask:linear-gradient(#000 calc(100% - 18px),transparent);mask:linear-gradient(#000 calc(100% - 18px),transparent)}.gdx.gdx .gd-feed:focus-visible{outline:2px solid var(--bb-pink-soft);outline-offset:-2px}.gdx.gdx .gd-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.gdx.gdx .gd-end{margin:16px 0 4px;text-align:center;font-size:12.5px;color:var(--bb-text-3)}.gdx.gdx .gd-live{margin-bottom:12px;padding:12px;border-radius:18px;background:linear-gradient(135deg,#f8717114,rgba(var(--accent-rgb),.06));box-shadow:inset 0 0 0 1px #f8717140}.gdx.gdx .gd-live-h{display:flex;align-items:center;gap:8px;font:700 13px/1.2 var(--bb-font-body);margin-bottom:10px}.gdx.gdx .gd-live-h i,.gdx.gdx .gd-live-tx i{width:8px;height:8px;border-radius:50%;background:var(--bb-danger);box-shadow:0 0 8px var(--bb-danger);flex:none}.gdx.gdx .gd-live-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.gdx.gdx .gd-live-card{display:flex;align-items:center;gap:10px;min-height:52px;padding:6px 6px 6px 8px;border-radius:14px;background:rgba(var(--bb-bg-rgb),.45);box-shadow:inset 0 0 0 1px var(--bb-border)}.gdx.gdx .gd-live-card .gd-ava{width:36px;height:36px}.gdx.gdx .gd-live-card .gd-live-tx{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;color:var(--bb-text)}.gdx.gdx .gd-live-card b{max-width:100%;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gdx.gdx .gd-live-card .gd-live-tx span{font-size:12px;color:var(--bb-text-2)}.gdx.gdx .gd-badge{flex:none;font:700 10px/1 var(--bb-font-body);letter-spacing:.06em;text-transform:uppercase;color:#fca5a5;background:#f8717129;padding:5px 7px;border-radius:6px}.gdx.gdx .gd-live-card .btn-sm{min-height:40px;padding:0 16px}.gdx.gdx .gd-item{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:4px 12px;padding:12px 14px 12px 12px;border-radius:18px;background:var(--bb-glass);box-shadow:inset 0 0 0 1px var(--bb-border)}.gdx.gdx .gd-item.is-go{cursor:pointer}.gdx.gdx .gd-item.is-go:hover{background:var(--bb-glass-2);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.25)}.gdx.gdx .gd-item.is-local{box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.35)}.gdx.gdx .gd-ib{min-width:0;display:flex;flex-direction:column;gap:4px}.gdx.gdx .gd-line{font-size:14px;line-height:1.45;color:var(--bb-text-2);padding-top:1px}.gdx.gdx .gd-line strong{color:var(--bb-text);font-weight:600}.gdx.gdx .gd-actor{color:var(--bb-pink-soft)!important;font-weight:600!important;position:relative}.gdx.gdx .gd-actor:after{content:"";position:absolute;top:-12px;right:-4px;bottom:-12px;left:-4px}.gdx.gdx .gd-verb{color:var(--bb-text-3)}.gdx.gdx .gd-time{font-size:11.5px;color:var(--bb-text-3);padding-top:3px;white-space:nowrap}.gdx.gdx .gd-post{font-size:15px;line-height:1.5;color:var(--bb-text);white-space:pre-wrap;overflow-wrap:anywhere}.gdx.gdx .gd-meta{font-size:12.5px;color:var(--bb-text-2)}.gdx.gdx .gd-live-tx{display:flex;align-items:center;gap:6px;color:#fca5a5}.gdx.gdx .gd-stars{display:inline-flex;gap:1px;vertical-align:-2px;margin-left:2px}.gdx.gdx .gd-stars svg{width:13px;height:13px;fill:rgba(var(--bb-ink-rgb),calc(.14 * var(--bb-ink-a-lo)));stroke:none}.gdx.gdx .gd-stars svg.on{fill:var(--bb-star)}.gdx.gdx .gd-song{display:flex;align-items:center;gap:10px;margin-top:4px;padding:6px 10px 6px 6px;border-radius:12px;background:rgba(var(--bb-ink-rgb),calc(.04 * var(--bb-ink-a-lo)));box-shadow:inset 0 0 0 1px var(--bb-border);color:inherit;text-decoration:none;min-height:56px}.gdx.gdx .gd-song:hover{box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.4)}.gdx.gdx .gd-art{width:44px;height:44px;border-radius:8px;flex:none}.gdx.gdx .gd-song-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.gdx.gdx .gd-song-tx b{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gdx.gdx .gd-song-tx span{font-size:12.5px;color:var(--bb-text-2)}.gdx.gdx .gd-song .i{color:var(--bb-text-3)}.gdx.gdx .gd-acts{display:flex;gap:6px;margin:2px 0 0 -8px}.gdx.gdx .gd-react{display:inline-flex;align-items:center;gap:6px;min-width:44px;height:36px;padding:0 10px;border-radius:999px;color:var(--bb-text-2)!important;font-size:13px!important;font-weight:600!important;position:relative}.gdx.gdx .gd-react:after{content:"";position:absolute;top:-4px;right:0;bottom:-4px;left:0}.gdx.gdx .gd-react:hover{background:var(--bb-glass-2)!important}.gdx.gdx .gd-react .i{width:18px;height:18px}.gdx.gdx .gd-react.on{color:var(--bb-pink)!important}.gdx.gdx .gd-react.on .i{fill:currentColor}.gdx.gdx .gd-pending{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--bb-text-3)}.gdx.gdx .gd-pending .spin{width:13px;height:13px}.gdx.gdx .gd-sk{pointer-events:none}.gdx.gdx .gd-sk .gd-ava{background:var(--bb-grad-subtle);box-shadow:none}.gdx.gdx .gd-sk b,.gdx.gdx .gd-sk s{display:block;height:10px;border-radius:5px;background:rgba(var(--bb-ink-rgb),calc(.08 * var(--bb-ink-a-lo)));margin:4px 0}.gdx.gdx .gd-sk s{width:38%;background:rgba(var(--bb-ink-rgb),calc(.05 * var(--bb-ink-a-lo)))}.gdx.gdx .gd-sk s.w{width:84%;height:30px;border-radius:10px}.gdx.gdx .gd-msg{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:12px 8px 20px}.gdx.gdx .gd-msg :is(h2,h3){font:400 clamp(20px,2.8dvh,24px)/1.15 var(--bb-font-display);text-wrap:balance;max-width:22ch}.gdx.gdx .gd-msg p{font-size:14.5px;line-height:1.45;color:var(--bb-text-2);max-width:36ch;text-wrap:pretty}.gdx.gdx .gd-msg-acts{display:flex;flex-direction:column;align-items:stretch;gap:8px;margin-top:8px;width:min(100%,300px)}.gdx.gdx .gd-msg-acts .btn-sm{align-self:center}.gdx.gdx .gd-tile{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:var(--bb-grad-subtle);color:var(--bb-pink-soft);margin-bottom:4px}.gdx.gdx .gd-tile .i{width:24px;height:24px}.gdx.gdx .gd-tile.err{background:#f871711f;color:#fca5a5}.gdx.gdx .gd-side{display:none}.gdx.gdx .gd-card{padding:14px;border-radius:18px;background:var(--bb-glass);box-shadow:inset 0 0 0 1px var(--bb-border)}.gdx.gdx .gd-card-h{font:700 14px/1.2 var(--bb-font-body);margin-bottom:8px}.gdx.gdx .gd-card-p{font-size:13px;line-height:1.5;color:var(--bb-text-2);margin-bottom:8px}.gdx.gdx .gd-link{display:inline-flex;align-items:center;gap:2px;min-height:36px;color:var(--bb-pink-soft);font-weight:600;font-size:13.5px;text-decoration:none}.gdx.gdx .gd-link .i{width:16px;height:16px}.gdx.gdx .gd-me{display:flex;align-items:center;gap:12px}.gdx.gdx .gd-me b{display:block;font-size:15px}.gdx.gdx .gd-me a{display:inline-flex;align-items:center;min-height:36px;font-size:13px;color:var(--bb-pink-soft);text-decoration:none}.gdx.gdx .gd-people{list-style:none;margin:0;padding:0;display:grid}.gdx.gdx .gd-people li{display:flex;align-items:center;gap:10px;min-height:48px}.gdx.gdx .gd-pname{flex:1;min-width:0;text-align:left;font-size:14px!important;font-weight:500!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:44px}.gdx.gdx .gd-search{position:relative}.gdx.gdx .gd-sbox{display:flex;align-items:center;gap:8px;height:44px;padding:0 6px 0 14px;border-radius:999px;background:rgba(var(--bb-ink-rgb),calc(.05 * var(--bb-ink-a-lo)));box-shadow:inset 0 0 0 1px var(--bb-border-2);color:var(--bb-text-3)}.gdx.gdx .gd-search.is-open .gd-sbox,.gdx.gdx.gd-fp .gd-sbox{box-shadow:inset 0 0 0 1.5px rgba(var(--accent-rgb),.55)}.gdx.gdx .gd-sin{flex:1;min-width:0;height:100%;border:0;outline:0;background:none;color:var(--bb-text);font:400 15px/1 var(--bb-font-body)}.gdx.gdx .gd-sin::placeholder{color:var(--bb-text-3)}.gdx.gdx .gd-sx{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--bb-glass-2)!important;color:var(--bb-text-2)!important;position:relative}.gdx.gdx .gd-sx:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px}.gdx.gdx .gd-sx .i{width:14px;height:14px}.gdx.gdx .gd-results{position:absolute;z-index:5;left:0;right:0;top:calc(100% + 6px);padding:6px 12px;border-radius:16px;background:var(--bb-bg-raise);box-shadow:var(--sh-card),inset 0 0 0 1px var(--bb-border-2)}.gdx.gdx.gd-pop h2{font-size:clamp(20px,2.8dvh,24px)}.gdx.gdx .gd-cmp-row{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;border-radius:16px;background:rgba(var(--bb-ink-rgb),calc(.04 * var(--bb-ink-a-lo)));box-shadow:inset 0 0 0 1.5px rgba(var(--accent-rgb),.5)}.gdx.gdx .gd-cmp-row .gd-comp-in{padding-top:9px;min-height:clamp(96px,18dvh,150px)}.gdx.gdx .gd-cmp-foot{display:flex;align-items:center;gap:8px}.gdx.gdx .gd-cmp-foot .gd-count{flex:1}.gdx.gdx .gd-cmp-foot .btn-text{min-height:44px;padding:0 12px;color:var(--bb-text-2);font-weight:600}.gdx.gdx .gd-cmp-foot .btn-sm{min-height:44px;padding:0 24px}.gdx.gdx.gd-cms{height:min(78dvh,640px)}.gdx.gdx .gd-cm-post{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:14px;background:rgba(var(--bb-ink-rgb),calc(.04 * var(--bb-ink-a-lo)));box-shadow:inset 0 0 0 1px var(--bb-border);flex:none}.gdx.gdx .gd-cm-post p{font-size:13.5px;line-height:1.45;color:var(--bb-text-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.gdx.gdx .gd-cm-post b{color:var(--bb-text)}.gdx.gdx .gd-cm-list{list-style:none;margin:0 calc(var(--gutter) * -1);padding:0 var(--gutter);flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:14px}.gdx.gdx .gd-cm-list li{display:flex;gap:10px}.gdx.gdx .gd-cm-list li>div{flex:1;min-width:0}.gdx.gdx .gd-cm-top{display:flex;align-items:baseline;gap:8px;font-size:13.5px}.gdx.gdx .gd-cm-top time{font-size:11.5px;color:var(--bb-text-3)}.gdx.gdx .gd-cm-x{font-size:14.5px;line-height:1.45;color:var(--bb-text);margin-top:2px}.gdx.gdx .gd-cm-form{display:flex;gap:8px;flex:none}.gdx.gdx .gd-cm-in{flex:1;min-width:0;height:48px;padding:0 16px;border:0;border-radius:999px;background:rgba(var(--bb-ink-rgb),calc(.05 * var(--bb-ink-a-lo)));box-shadow:inset 0 0 0 1.5px rgba(var(--accent-rgb),.5);color:var(--bb-text);font:400 15px/1 var(--bb-font-body);outline:0}.gdx.gdx .gd-send{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--bb-grad)!important;color:var(--on-accent)!important;box-shadow:var(--sh-cta);flex:none}.gdx.gdx .gd-send .i{width:20px;height:20px;stroke-width:2.2}.gdx.gdx.gd-fp{height:min(78dvh,640px)}.gdx.gdx .gd-fp-list{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;margin:0 calc(var(--gutter) * -1);padding:0 var(--gutter)}.gdx.gdx .gd-fp-h{font:700 12px/1 var(--bb-font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--bb-text-3);margin:14px 0 4px}.gdx.gdx.pf-page{display:flex;flex-direction:column;gap:clamp(8px,1.3dvh,12px);overflow:hidden;padding:12px}.gdx.gdx .pf-head{display:flex;align-items:center;gap:12px;flex:none;min-height:48px}.gdx.gdx .pf-ava{width:48px;height:48px;font-size:18px}.gdx.gdx .pf-id{flex:1;min-width:0}.gdx.gdx .pf-name{font:400 clamp(20px,2.8dvh,26px)/1.1 var(--bb-font-display);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gdx.gdx .pf-since{font-size:12.5px;color:var(--bb-text-3);margin-top:2px;white-space:nowrap}.gdx.gdx .pf-pub{min-height:44px;padding:0 14px;font-size:13.5px}.gdx.gdx .pf-tabs{flex:none;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;margin:0 -12px;padding:0 12px;box-shadow:inset 0 -1px 0 var(--bb-border)}.gdx.gdx .pf-tabs::-webkit-scrollbar{display:none}.gdx.gdx .pf-tab{flex:none;display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 12px;font-size:14px;font-weight:600;color:var(--bb-text-2);text-decoration:none;border-bottom:2px solid transparent}.gdx.gdx .pf-tab .i{width:16px;height:16px}.gdx.gdx .pf-tab.on{color:var(--bb-pink-soft);border-bottom-color:var(--bb-pink)}.gdx.gdx .wl-body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;margin:0 -12px -12px;padding:4px 12px 16px;display:flex;flex-direction:column;gap:14px;-webkit-mask:linear-gradient(#000 calc(100% - 18px),transparent);mask:linear-gradient(#000 calc(100% - 18px),transparent)}.gdx.gdx .wl-main{display:flex;flex-direction:column;gap:14px;min-width:0}.gdx.gdx .wl-main>.gd-msg{min-height:clamp(240px,46dvh,420px)}@media (max-width:768.98px) and (max-height:620px){.gdx.gdx .wl-main>.gd-msg{min-height:0;padding-top:0}}.gdx.gdx .wl-side{display:none}.gdx.gdx .wl-h{font:400 clamp(20px,2.6dvh,24px)/1.1 var(--bb-font-display)}.gdx.gdx .wl-sub{font-size:13px;color:var(--bb-text-3);margin-top:3px}.gdx.gdx .wl-card{padding:12px 14px;border-radius:18px;background:var(--bb-glass);box-shadow:inset 0 0 0 1px var(--bb-border);display:flex;flex-direction:column;gap:6px}.gdx.gdx .wl-card-h{font:700 13px/1.2 var(--bb-font-body);color:var(--bb-text-2);letter-spacing:.02em}.gdx.gdx .wl-sw{display:flex;align-items:center;gap:12px;min-height:52px;text-align:left;width:100%}.gdx.gdx .wl-sw-t{flex:1;min-width:0}.gdx.gdx .wl-sw-t .wl-sw-n{display:block;font-size:14.5px;font-weight:600;color:var(--bb-text)}.gdx.gdx .wl-sw-t small{display:block;font-size:12.5px;color:var(--bb-text-3);margin-top:1px}.gdx.gdx .wl-tog{width:44px;height:26px;border-radius:13px;background:rgba(var(--bb-ink-rgb),calc(.12 * var(--bb-ink-a-lo)));position:relative;flex:none;transition:background var(--d-fast)}.gdx.gdx .wl-tog:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform var(--d-fast) var(--ease)}.gdx.gdx .wl-sw[aria-pressed=true] .wl-tog{background:var(--bb-grad)}.gdx.gdx .wl-sw[aria-pressed=true] .wl-tog:after{transform:translate(18px)}.gdx.gdx .wl-msg{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--bb-success);padding-top:2px}.gdx.gdx .wl-msg .i{width:16px;height:16px}.gdx.gdx .wl-group{display:flex;flex-direction:column;gap:10px}.gdx.gdx .wl-gh{font:600 15px/1.3 var(--bb-font-body)}.gdx.gdx .wl-tl{position:relative;height:44px;margin:0 10px}.gdx.gdx .wl-tl-track{position:absolute;left:0;right:0;top:21px;height:2px;border-radius:1px;background:linear-gradient(90deg,rgba(var(--accent-rgb),.15),rgba(var(--accent2-rgb),.35))}.gdx.gdx .wl-mk{position:absolute;top:0;width:44px;height:44px;margin-left:-22px;display:grid;place-items:center}.gdx.gdx .wl-mk .bloom-dot{width:14px;height:14px;border-radius:50%;background:var(--bb-grad);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.18)}.gdx.gdx .wl-mk.cl .bloom-dot{width:20px;height:20px;box-shadow:0 0 0 3px rgba(var(--accent-rgb),.18),0 0 0 6px rgba(var(--accent-rgb),.08)}.gdx.gdx .wl-mk.on .bloom-dot{width:22px;height:22px;box-shadow:0 0 0 3px rgba(var(--bb-ink-rgb),calc(.2 * var(--bb-ink-a-hi))),0 0 14px rgba(var(--accent-rgb),.6)}.gdx.gdx .wl-tl-list{position:absolute;z-index:2;top:44px;transform:translate(-50%);display:flex;gap:6px;padding:6px;border-radius:12px;background:var(--bb-bg-raise);box-shadow:var(--sh-card),inset 0 0 0 1px var(--bb-border-2)}.gdx.gdx .wl-tl-list span{font:600 12px/1 var(--bb-font-body);padding:6px 8px;border-radius:999px;background:var(--bb-glass-2);font-variant-numeric:tabular-nums}.gdx.gdx .wl-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:10px}.gdx.gdx .wl-note{display:flex;flex-direction:column;gap:6px;padding:12px 12px 8px 14px;border-radius:18px;background:var(--bb-card-fill);box-shadow:inset 0 0 0 1px var(--bb-border)}.gdx.gdx .wl-note.is-pin{box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.38)}.gdx.gdx .wl-note.is-hid{opacity:.62}.gdx.gdx .wl-note-top{display:flex;align-items:center;gap:8px;min-height:32px}.gdx.gdx .wl-from{font-size:13.5px;font-weight:600;color:var(--bb-pink-soft);margin-right:auto}.gdx.gdx .wl-tag{font:700 10.5px/1 var(--bb-font-body);letter-spacing:.06em;text-transform:uppercase;padding:5px 8px;border-radius:999px;color:var(--bb-text-2);box-shadow:inset 0 0 0 1px var(--bb-border-2)}.gdx.gdx .wl-tag.pin{color:var(--bb-pink-soft);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.4)}.gdx.gdx .wall-pin{width:44px;height:44px;margin:-6px -6px -6px 0;display:grid;place-items:center;border-radius:50%;color:var(--bb-text-3)!important}.gdx.gdx .wall-pin .i{width:20px;height:20px}.gdx.gdx .wall-pin[aria-pressed=true]{color:var(--bb-star)!important}.gdx.gdx .wall-pin[aria-pressed=true] .i{fill:currentColor}.gdx.gdx .wl-x{font-size:15px;line-height:1.5;color:var(--bb-text);overflow-wrap:anywhere}.gdx.gdx .wl-meta{font-size:12px;color:var(--bb-text-3)}.gdx.gdx .wl-acts{display:flex;gap:4px;margin-left:-8px}.gdx.gdx .wl-act{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 10px;border-radius:999px;font-size:13px!important;font-weight:600!important;color:var(--bb-text-2)!important;position:relative}.gdx.gdx .wl-act:after{content:"";position:absolute;top:-2px;right:0;bottom:-2px;left:0}.gdx.gdx .wl-act:hover{background:var(--bb-glass-2)!important}.gdx.gdx .wl-act .i{width:16px;height:16px}.gdx.gdx .wl-confirm{display:flex;flex-direction:column;gap:8px;padding:10px 12px;margin:2px -4px 4px -6px;border-radius:14px;background:#f8717114;box-shadow:inset 0 0 0 1px #f871714d}.gdx.gdx .wl-confirm p{font-size:13.5px;color:var(--bb-text-2)}.gdx.gdx .wl-confirm>div{display:flex;align-items:center;gap:8px}.gdx.gdx .wl-danger{background:#f871712e;color:#fecaca;box-shadow:inset 0 0 0 1px #f8717173;min-height:40px}.gdx.gdx .wl-confirm .btn-text{min-height:40px;padding:0 10px;color:var(--bb-text-2);font-weight:600}.gdx.gdx .wl-bq{display:flex;gap:14px;padding:14px;border-radius:18px;background:linear-gradient(160deg,rgba(var(--accent-rgb),.1),rgba(var(--accent2-rgb),.06)),var(--bb-card-fill);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.28)}.gdx.gdx .wl-bq-art{flex:none;display:flex;flex-wrap:wrap;width:56px;align-content:flex-start;gap:2px}.gdx.gdx .wl-flw{width:28px;height:28px;fill:none;stroke:hsl(var(--h) 85% 72%);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}.gdx.gdx .wl-bq-art .wl-flw:only-child{width:56px;height:56px}.gdx.gdx .wl-bq-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.gdx.gdx .wl-kick{font:700 11px/1 var(--bb-font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--bb-pink-soft)}.gdx.gdx .wl-bq .bouquet-title{font:400 18px/1.2 var(--bb-font-display);text-wrap:balance}.gdx.gdx .wl-bq p{font-size:14px;line-height:1.45;color:var(--bb-text-2)}.gdx.gdx .wl-bq-names{list-style:none;margin:2px 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.gdx.gdx .wl-bq-names li{display:inline-flex;align-items:center;gap:4px;height:32px;padding:0 10px 0 4px;border-radius:999px;background:rgba(var(--bb-bg-rgb),.4);font-size:13px;font-weight:600}.gdx.gdx .wl-bq-names .wl-flw{width:22px;height:22px}.gdx.gdx .wl-bq-names .more{padding-left:10px;color:var(--bb-text-2)}.gdx.gdx .wl-bq-names .more .bouquet-plus{display:none}.gdx.gdx .wl-bq-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.gdx.gdx .wl-bq-acts .btn-sm{min-height:40px}.gdx.gdx .wl-notices ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.gdx.gdx .wl-notices li{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding-top:10px;box-shadow:inset 0 1px 0 var(--bb-border)}.gdx.gdx .wl-notices li:first-child{padding-top:2px;box-shadow:none}.gdx.gdx .wl-notices li>p{font-size:13.5px;line-height:1.45;color:var(--bb-text-2)}.gdx.gdx .wl-notices b{color:var(--bb-text);font-weight:600}.gdx.gdx .wl-al{font-size:12.5px;color:var(--bb-text-2)}.gdx.gdx .wl-ap.input{height:auto;min-height:64px;padding:10px 12px;resize:none;line-height:1.4;font-size:14.5px}.gdx.gdx .wl-notices .btn-sm{min-height:40px}.gdx.gdx .wl-st{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--bb-text-3)}.gdx.gdx .wl-st.ok{color:var(--bb-success)}.gdx.gdx .wl-st .i{width:15px;height:15px}.gdx.gdx .wl-sk b{display:block;width:40%;height:14px;border-radius:7px;background:rgba(var(--bb-ink-rgb),calc(.08 * var(--bb-ink-a-lo)))}.gdx.gdx .wl-sk i{display:block;height:44px;margin:12px 0;border-radius:12px;background:rgba(var(--bb-ink-rgb),calc(.04 * var(--bb-ink-a-lo)))}.gdx.gdx .wl-sk .wl-note{min-height:120px}@media (max-width:768.98px){.gdx.gdx .gd-only-ph{display:inline-flex}.gdx.gdx.gd-pop.gd-cms,.gdx.gdx.gd-pop.gd-fp{max-height:calc(100dvh - var(--safe-t) - 40px)}}@media (max-width:768.98px) and (max-height:620px){.gdx.gdx .gd-head{min-height:40px}.gdx.gdx .gd-trig{min-height:48px}.gdx.gdx .gd-trig .gd-ava{width:36px;height:36px}.gdx.gdx .gd-msg p{font-size:14px}.gdx.gdx .gd-msg-acts{gap:6px;margin-top:4px}.gdx.gdx .gd-msg .btn,.gdx.gdx .pf-head{min-height:44px}.gdx.gdx .pf-ava{width:40px;height:40px;font-size:16px}}@media (max-width:768.98px){.gdx.gdx .pf-pub span{display:none}.gdx.gdx .pf-pub{width:44px;min-height:44px;padding:0}.gdx.gdx .pf-pub .i{width:18px;height:18px}}@media (min-width:769px){.gdx.gdx .gd-only-ph{display:none}.gdx.gdx.gd-page,.gdx.gdx.pf-page{padding:clamp(16px,2dvh,24px) clamp(18px,2.2vw,32px) 0}.gdx.gdx .gd-feed,.gdx.gdx .wl-body{margin:0 calc(clamp(18px,2.2vw,32px)*-1);padding:2px clamp(18px,2.2vw,32px) 20px}.gdx.gdx .gd-chips{margin:0;padding:2px 0;flex-wrap:wrap;overflow:visible}.gdx.gdx .pf-tabs{margin:0;padding:0}.gdx.gdx .wl-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.gdx.gdx .wl-grid>.wl-bq{grid-column:1/-1}.gdx.gdx.gd-pop.gd-cms,.gdx.gdx.gd-pop.gd-fp{height:min(640px,calc(100dvh - 48px))}}@media (min-width:769px) and (max-width:1023.98px){.gdx.gdx .gd-main{max-width:680px;margin:0 auto;width:100%}}@media (min-width:1024px){.gdx.gdx .gd-find{display:none}.gdx.gdx .gd-side{display:flex;flex-direction:column;gap:12px;width:clamp(280px,24vw,340px);flex:none;min-height:0;overflow:auto;padding-bottom:20px}.gdx.gdx .gd-main{max-width:720px}.gdx.gdx .gd-body{justify-content:center}.gdx.gdx .gd-head{width:100%;max-width:calc(740px + clamp(280px,24vw,340px));margin-inline:auto}.gdx.gdx .wl-body{display:grid;grid-template-columns:minmax(0,1fr) clamp(280px,24vw,340px);align-items:start;gap:20px}.gdx.gdx .wl-side{display:flex;flex-direction:column;gap:12px;position:sticky;top:0}.gdx.gdx .wl-set-ph,.gdx.gdx .wl-notices-ph{display:none}.gdx.gdx .wl-body>.wl-main:only-child{grid-column:1/-1}.gdx.gdx .pf-head{min-height:56px}.gdx.gdx .pf-ava{width:56px;height:56px;font-size:20px}}@media (min-width:1200px){.gdx.gdx .gd-sub{display:block}.gdx.gdx .gd-head{min-height:52px}}@media (min-width:769px) and (max-height:760px){.gdx.gdx .gd-sub{display:none}.gdx.gdx .gd-comp{padding:10px 12px 8px}}.gdx.gdx .pf-tabs{scroll-snap-type:x mandatory;scroll-padding-inline:12px}.gdx.gdx .pf-tab{scroll-snap-align:start}@media (max-width:1023.98px){.gdx.gdx .pf-tabs{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}}@media (max-width:399.98px){.gdx.gdx .pf-tab{padding:0 9px}}@media (min-width:769px){.gdx.gdx .pf-tabs{scroll-padding-inline:0}}.gdx.gdx .gd-bloss{width:clamp(104px,20dvh,176px);height:auto;aspect-ratio:1;filter:var(--sh-bloss);margin-bottom:-4px}@media (max-width:768.98px) and (max-height:620px){.gdx.gdx .wl-main>.gd-msg .gd-bloss{width:88px}}@media (prefers-reduced-motion:no-preference){.gdx.gdx .gd-bloss{animation:lp-bloom var(--d-reveal) var(--ease) .15s both}}.gdx.gdx:is(.gd-page,.pf-page){--pg-t:16px;--pg-x:14px;--pg-b:20px;margin:calc(var(--pg-t) * -1) calc(var(--pg-x) * -1) 0}.gdx.gdx:is(.gd-page,.pf-page){overflow:visible;color:var(--bb-text);font:400 var(--t-body)/var(--t-body-lh) var(--bb-font-body);-webkit-font-smoothing:antialiased}.gdx.gdx.gd-page>.gd-body,.gdx.gdx.pf-page>.profile-tab-content{margin-bottom:calc((var(--pg-t) + var(--pg-b)) * -1)}@media (min-width:769px){.gdx.gdx:is(.gd-page,.pf-page){--pg-t:clamp(20px,2.4vw,32px);--pg-x:clamp(20px,2.6vw,40px);--pg-b:var(--pg-t)}}.gdx.gdx.pf-page>.profile-tab-content{flex:1;min-height:0;display:flex;flex-direction:column}.gdx.gdx.pf-page>.profile-tab-content[data-scroll]{overflow-y:auto;overscroll-behavior:contain;display:block}.gdx.gdx :is(.gd-live-h,.gd-live-tx) i{position:relative}.gdx.gdx :is(.gd-live-h,.gd-live-tx) i:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;box-shadow:0 0 0 1.5px var(--bb-danger);opacity:0;pointer-events:none}@media (prefers-reduced-motion:no-preference){.gdx.gdx :is(.gd-live-h,.gd-live-tx) i:after{animation:gd-pulse 1.6s var(--ease) infinite}}@keyframes gd-pulse{0%{transform:scale(1);opacity:.6}to{transform:scale(1.6);opacity:0}}.gdx.gdx :is(.gd-sk b,.gd-sk s,.wl-sk b,.wl-sk i){position:relative;overflow:hidden}.gdx.gdx :is(.gd-sk b,.gd-sk s,.wl-sk b,.wl-sk i):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);pointer-events:none;background:linear-gradient(90deg,transparent,rgba(var(--bb-ink-rgb),calc(.06 * var(--bb-ink-a-lo))),transparent)}@media (prefers-reduced-motion:no-preference){.gdx.gdx :is(.gd-sk b,.gd-sk s,.wl-sk b,.wl-sk i):after{animation:gd-sh 1.4s linear infinite}}@keyframes gd-sh{to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.gdx.gdx :is(.gd-sk b,.gd-sk s,.wl-sk b,.wl-sk i){opacity:.6}}.gd-v2:not(.gdx *){display:none}.gdx.gdx .gd-old{display:none}:is(.wl-bq-art,.wl-bq-tx):not(.gdx *){display:contents}.gdx.gdx .wl-pin-v2{display:contents}.gdx.gdx .wl-flw .bq-fill{display:none}.gdx.gdx .wl-flw .bq-line{stroke:inherit}.gdx.gdx img.gd-ava{object-fit:cover;background:none}.gdx.gdx .gd-ava.gd-blob{background:none;box-shadow:none;overflow:hidden}.gdx.gdx .gd-ava .dj-avatar{flex:none}.gdx.gdx img.gd-art{object-fit:cover}.gdx.gdx span.gd-art{display:grid;place-items:center;background:var(--bb-grad-subtle);color:var(--bb-text-3)}.gdx.gdx span.gd-art svg{width:20px;height:20px}.gdx.gdx .gd-sst{padding:10px 2px;font-size:13.5px;color:var(--bb-text-3)}.gdx.gdx .gd-cm-st{font-size:13.5px;color:var(--bb-text-3)}.gdx.gdx .wl-msg.is-err{color:rgb(var(--bb-danger-rgb))}.gdx.gdx .gd-h1 .live-count{vertical-align:middle;margin-left:8px;font:600 12px/1 var(--bb-font-body)}.gdx.gdx :is(.gd-people .follow-btn-sm,.bouquet-cta){display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:var(--r-pill);font:var(--t-btn-w) var(--t-btn)/1 var(--bb-font-body);text-decoration:none;cursor:pointer;white-space:nowrap;transition:transform var(--d-fast) var(--ease),box-shadow var(--d-base) var(--ease),background var(--d-base) var(--ease)}.gdx.gdx :is(.gd-people .follow-btn-sm,.bouquet-cta):active{transform:scale(var(--press-scale))}.gdx.gdx .gd-people .follow-btn-sm{min-height:32px;padding:0 14px;font-size:13px;position:relative;background:var(--bb-glass);color:var(--bb-text);box-shadow:inset 0 0 0 1px var(--bb-border-2)}.gdx.gdx .gd-people .follow-btn-sm:after{content:"";position:absolute;top:-6px;right:0;bottom:-6px;left:0}.gdx.gdx .gd-people .follow-btn-sm:hover{background:var(--bb-glass-2)}.gdx.gdx .gd-people .follow-btn-sm.following{color:var(--bb-text-2)}.gdx.gdx .bouquet-cta{min-height:var(--btn-h);padding:0 22px;background:var(--bb-grad);color:var(--on-accent);box-shadow:var(--sh-cta)}.gdx.gdx .bouquet-cta:hover{box-shadow:var(--sh-cta-hover);transform:translateY(-1px)}.gdx.gdx .wl-bq-acts .bouquet-cta{min-height:var(--btn-h-sm);padding:0 16px;font-size:14px}.gdx.gdx .wl-bq-acts .bouquet-cta-quiet{background:var(--bb-glass);color:var(--bb-text);box-shadow:inset 0 0 0 1px var(--bb-border-2)}.gdx.gdx .wl-bq-acts .bouquet-cta-quiet:hover{background:var(--bb-glass-2);transform:none}[data-theme-mode=light] .gdx.gdx :is(.gd-badge,.gd-live-tx,.gd-tile.err,.wl-danger){color:rgb(var(--bb-danger-rgb))}[data-theme-mode=light] .gdx.gdx .wl-note{background:var(--bb-bg-raise)}[data-theme-mode=light] .gdx.gdx .wl-bq{background:linear-gradient(160deg,rgba(var(--accent-rgb),.1),rgba(var(--accent2-rgb),.06)),var(--bb-bg-raise)}.gdx .gd-body.gd-body{max-width:none}.gdx .feed-header{margin-bottom:0}.gdx .feed-header .gd-h1{background:none;-webkit-background-clip:border-box;background-clip:border-box;-webkit-text-fill-color:currentColor;word-break:normal}.gdx .feed-composer,.gdx .feed-composer-trigger{margin-bottom:0}.gdx .feed-filters{flex-wrap:nowrap}@media (max-width:768.98px){.gdx.gdx .feed-filters{padding-block:4px;margin-block:-2px}}.gdx .feed-filter-chip,.gdx .feed-filter-chip.active{border:0}.gdx .feed-live-strip{border:0;word-break:normal}.gdx .feed-item{align-items:normal;word-break:normal}.gdx .feed-song-card{border:0}.gdx .feed-sidebar{position:static;top:auto}.gdx .feed-search-input{border-radius:0;padding:1px 2px}.gdx .profile-header{margin-bottom:0}.gdx .profile-display-name{background:none;-webkit-background-clip:border-box;background-clip:border-box;-webkit-text-fill-color:currentColor;letter-spacing:-.01em;word-break:normal}.gdx .profile-tabs{border-bottom:0;justify-content:normal}.gdx .profile-tab{justify-content:normal;margin-bottom:0;white-space:normal}.gdx .wall{margin-bottom:0}.gdx .wall-header{display:block;align-items:normal;justify-content:normal;flex-wrap:nowrap;gap:normal}.gdx .wl-head .pp-section-title{margin:0;min-width:0;min-height:0}.gdx .wl-head .wl-sub{display:block}.gdx .wall-switches{flex-wrap:nowrap;margin:0}.gdx .wall-switches .wall-switch,.gdx .wall-switches .wall-switch[aria-pressed=true],.gdx .wall-switches .wall-switch:hover{background:none;border:0;border-radius:0;padding:0;font:inherit}.gdx .wall-group{margin-top:0}.gdx .wall-group-title{margin:0;overflow-wrap:normal}.gdx .wall-group-date{font:inherit;color:inherit}.gdx .wall-note,.gdx .wall-note.is-pinned{border:0;min-width:auto}.gdx .wall-note-head{justify-content:normal}.gdx .wall-note-tags{display:contents}.gdx .wall-note-from{overflow-wrap:normal}.gdx .wall-tag,.gdx .wall-tag-pinned{border:0}.gdx .wall-note-actions{align-items:normal;flex-wrap:nowrap;margin-top:0}.gdx .wall-note-actions .wall-action{background:none;border:0;flex-shrink:0}.gdx .wl-confirm .wall-action{border:0}.gdx .wall-pin{border:0;background:none;font-size:inherit;line-height:inherit}.gdx .wall-pin[aria-pressed=true]{border:0;background:none}.gdx .wall-grid{margin-top:0}.gdx .bloom-timeline{margin:0 10px}.gdx .bloom-track{border:0;border-radius:0;background:none}.gdx .bloom-slot{width:0;height:0;margin-left:0}.gdx .bloom-marker{justify-content:normal}.gdx .bloom-cluster-list{left:0;max-width:none;flex-wrap:nowrap;border:0}.gdx .bloom-chip{min-height:0;display:inline;color:inherit}.gdx .bouquet{border:0;flex-direction:row;grid-column:auto}.gdx .wl-bq .wl-flw{color:inherit}.gdx .bouquet-kicker,.gdx .bouquet-title,.gdx .bouquet-body{margin:0}.gdx .bouquet-flowers{grid-template-columns:none}.gdx .bouquet-flower-item{flex-direction:row;min-width:auto;text-align:start}.gdx .bouquet-handle{max-width:none;font-size:inherit;color:inherit;overflow:visible;text-overflow:clip}.gdx .bouquet-plus,.gdx .bouquet-note{display:none}.gdx .bouquet-ctas{margin-top:0}.gdx .wall-empty{text-align:center;padding:12px 8px 20px;border:0;border-radius:0;background:none}.gdx .wall-empty-title,.gdx .wall-empty-body{margin:0;font-size:inherit;color:inherit}.gdx .author-notices{margin-top:0}.gdx .author-notice{padding:0;margin:0;border:0;border-radius:0;background:none}.gdx .author-notice p{margin:0;overflow-wrap:normal}.gdx h2{word-break:normal}.gdx.gdx:is(.gd-page,.pf-page){max-width:none;animation:none}.gdx .feed-loading{text-align:start;color:inherit;padding:0}.gdx .feed-empty{color:inherit}.gdx .feed-empty h3{margin:0}.gdx .feed-empty p{margin:0;max-width:none}.gdx .feed-interactions{margin-top:0;padding-top:0;border-top:0}.gdx img.gd-bloss{max-width:none}.gdx .feed-search-clear{top:auto;right:auto;bottom:auto;left:auto;transform:none;font-size:inherit;line-height:inherit}.gdx .feed-search-results{border:0}.gdx .wall-empty-note{color:inherit;font-size:inherit}.gdx .feed-search-results{max-height:none;overflow:visible}[data-theme-mode=light] .gdx.gdx .gd-react.on{color:var(--accent-text)!important}[data-theme-mode=light] .gdx.gdx .gd-badge{background:var(--bb-bg-raise);box-shadow:inset 0 0 0 1px rgba(var(--bb-danger-rgb),.25)}[data-theme-mode=light] .gdx.gdx .gd-live-card .gd-live-tx{color:var(--bb-text)}[data-theme-mode=light] .gdx.gdx .pf-tab.on{border-bottom-color:var(--accent-text)}[data-theme-mode=light] .gdx.gdx :is(.gd-chip.on,.gd-chip.active){color:var(--bb-text)}.gdx.gdx .gd-ava.xs{width:24px;height:24px;font-size:11px}.gdx.gdx .cl-dim{color:var(--bb-text-3);font-weight:500;font-size:.88em;display:inline-flex;align-items:center;gap:4px}.gdx.gdx .cl-dim .i{width:14px;height:14px}.gdx.gdx .cl-ib{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:var(--bb-text-2);position:relative;flex:none}.gdx.gdx .cl-ib:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px}.gdx.gdx .cl-ib .i{width:18px;height:18px}.gdx.gdx .cl-ibb{width:40px;height:40px;background:var(--bb-glass);box-shadow:inset 0 0 0 1px var(--bb-border)}.gdx.gdx .cl-live{display:inline-flex;align-items:center;gap:5px}.gdx.gdx .cl-live i,.gdx.gdx .cl-np-k i,.gdx.gdx .cl-online i{width:7px;height:7px;border-radius:50%;background:var(--bb-danger);box-shadow:0 0 8px var(--bb-danger)}.gdx.gdx .cl-soon{font:700 10px/1 var(--bb-font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--bb-pink-soft);background:rgba(var(--accent-rgb),.12);padding:5px 7px;border-radius:6px;flex:none}.gdx.gdx .cl-full{font:700 10px/1 var(--bb-font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--bb-text-2);background:rgba(var(--bb-ink-rgb),calc(.08 * var(--bb-ink-a-lo)));padding:5px 7px;border-radius:6px}.gdx.gdx .cl-seg{flex:none;display:flex;gap:4px;padding:4px;border-radius:999px;background:rgba(var(--bb-bg-rgb),.5);box-shadow:inset 0 0 0 1px var(--bb-border)}.gdx.gdx .cl-seg-b{flex:1;min-height:36px;padding:0 10px;border-radius:999px;font-size:13.5px;font-weight:600;color:var(--bb-text-2);display:inline-flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap;position:relative}.gdx.gdx .cl-seg-b:after{content:"";position:absolute;top:-4px;right:0;bottom:-4px;left:0}.gdx.gdx .cl-seg-b .i{width:15px;height:15px}.gdx.gdx .cl-seg-b.on{color:var(--bb-text);background:var(--bb-grad-subtle);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.35)}.gdx.gdx .cl-seg.sm{display:inline-flex}.gdx.gdx .cl-head .gd-h1{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.gdx.gdx .cl-online{display:inline-flex;align-items:center;gap:6px;font:600 12px/1 var(--bb-font-body);color:var(--bb-text-2);padding:5px 9px;border-radius:999px;background:var(--bb-glass);box-shadow:inset 0 0 0 1px var(--bb-border)}.gdx.gdx .cl-online i{background:#4ade80;box-shadow:0 0 8px #4ade80}.gdx.gdx .cl-create{flex:none}.gdx.gdx .cl-create span{display:none}.gdx.gdx .cl-create{width:44px;height:44px;min-height:44px;padding:0;border-radius:50%}.gdx.gdx .cl-code{flex:none;display:flex;gap:8px}.gdx.gdx .cl-code-box{flex:1;display:flex;align-items:center;gap:8px;height:44px;padding:0 12px;border-radius:14px;background:var(--bb-glass);box-shadow:inset 0 0 0 1px var(--bb-border-2);color:var(--bb-text-3)}.gdx.gdx .cl-code-box.is-err{box-shadow:inset 0 0 0 1.5px #f8717199}.gdx.gdx .cl-code-in{flex:1;min-width:0;border:0;outline:0;background:none;color:var(--bb-text);font:600 15px/1 var(--bb-font-mono,ui-monospace,monospace);letter-spacing:.12em;text-transform:uppercase}.gdx.gdx .cl-code-in::placeholder{font-family:var(--bb-font-body);letter-spacing:0;text-transform:none;font-weight:400;color:var(--bb-text-3)}.gdx.gdx .cl-code .btn-sm{min-height:44px}.gdx.gdx .cl-code-err{flex:none;margin:-4px 0 0}.gdx.gdx .cl-sec{display:flex;align-items:center;gap:8px;font:700 13px/1.2 var(--bb-font-body);color:var(--bb-text-2);letter-spacing:.02em;margin:4px 0 8px}.gdx.gdx .cl-sec~.cl-sec{margin-top:16px}.gdx.gdx .cl-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:10px}.gdx.gdx .cl-card{display:flex;flex-direction:column;gap:6px;padding:12px 12px 12px 14px;border-radius:18px;background:var(--bb-glass);box-shadow:inset 0 0 0 1px var(--bb-border);min-width:0}.gdx.gdx .cl-card.is-live{background:linear-gradient(135deg,#f871710f,rgba(var(--accent-rgb),.05)),var(--bb-glass)}.gdx.gdx .cl-card-top{display:flex;align-items:center;gap:6px}.gdx.gdx .cl-count{margin-left:auto;display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:var(--bb-text-2);font-variant-numeric:tabular-nums}.gdx.gdx .cl-count .i{width:15px;height:15px}.gdx.gdx .cl-card-name{font:700 16px/1.25 var(--bb-font-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gdx.gdx .cl-host{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--bb-text-2)}.gdx.gdx .cl-host b{color:var(--bb-text);font-weight:600}.gdx.gdx .cl-tags{display:flex;gap:6px;flex-wrap:wrap}.gdx.gdx .cl-tags span{font-size:11.5px;font-weight:600;color:var(--bb-text-2);padding:3px 8px;border-radius:999px;background:rgba(var(--bb-ink-rgb),calc(.05 * var(--bb-ink-a-lo)));box-shadow:inset 0 0 0 1px var(--bb-border)}.gdx.gdx .cl-np-mini{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--bb-text-2);min-width:0}.gdx.gdx .cl-np-mini>span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.gdx.gdx .cl-np-mini b{color:var(--bb-text);font-weight:600}.gdx.gdx .cl-np-mini.is-empty{font-style:italic;color:var(--bb-text-3)}.gdx.gdx .cl-card .btn-sm{align-self:stretch;min-height:40px;margin-top:2px}.gdx.gdx .cl-card .btn[disabled]{opacity:.8}.gdx.gdx .cl-card.gd-sk{min-height:150px}.gdx.gdx .cl-art{flex:none;width:56px;height:56px;border-radius:14px;display:grid;place-items:center;color:var(--bb-pink-soft);background:var(--bb-grad-subtle);box-shadow:inset 0 0 0 1px rgba(var(--bb-ink-rgb),calc(.1 * var(--bb-ink-a-lo)))}.gdx.gdx .cl-art.sm{width:36px;height:36px;border-radius:9px}.gdx.gdx .cl-art .i{width:24px;height:24px}.gdx.gdx .cl-hostcard{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,rgba(var(--accent-rgb),.1),rgba(var(--bb-purple-rgb),.1)),var(--bb-glass);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.25);overflow:hidden}.gdx.gdx .cl-hostcard.is-ph{margin-bottom:14px;padding:10px 14px 10px 6px}.gdx.gdx .cl-hc-tx{min-width:0;display:flex;flex-direction:column;gap:4px;align-items:flex-start}.gdx.gdx .cl-hc-tx h2{font:400 19px/1.15 var(--bb-font-display)}.gdx.gdx .cl-hc-tx p{font-size:13px;color:var(--bb-text-2);line-height:1.4}.gdx.gdx .cl-hc-tx .btn{margin-top:4px;min-height:40px;position:relative}.gdx.gdx .cl-hc-tx .btn:after{content:"";position:absolute;top:-2px;right:0;bottom:-2px;left:0}.gdx.gdx .cl-sets ul,.gdx.gdx .cl-top ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.gdx.gdx .cl-sets li{display:flex;align-items:center;gap:10px;min-height:48px}.gdx.gdx .cl-set-ic{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--bb-grad-subtle);color:var(--bb-pink-soft);flex:none}.gdx.gdx .cl-set-tx{flex:1;min-width:0;display:flex;flex-direction:column}.gdx.gdx .cl-set-tx b{font-size:14px;font-weight:600}.gdx.gdx .cl-set-tx small{font-size:12px;color:var(--bb-text-3)}.gdx.gdx .cl-new-set{margin-top:8px;width:100%}.gdx.gdx .cl-top li{display:flex;align-items:center;gap:10px;min-height:40px;font-size:14px}.gdx.gdx .cl-top li b{flex:1;font-weight:600}.gdx.gdx .cl-rank{width:20px;text-align:center;font:700 13px/1 var(--bb-font-body);color:var(--bb-pink-soft)}.gdx.gdx .cl-scroll>.gd-card+.gd-card{margin-top:12px}.gdx.gdx.pop.cl-create-pop{display:flex;flex-direction:column}.gdx.gdx .cl-form{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:14px;margin:0 -4px;padding:2px 4px 4px}.gdx.gdx .cl-form .field{margin:0}.gdx.gdx .cl-fl{display:flex;flex-direction:column;gap:7px;min-width:0}.gdx.gdx .cl-lab{font-size:13px;font-weight:600;color:var(--bb-text-2)}.gdx.gdx .cl-hint{font-size:12.5px;color:var(--bb-text-3);line-height:1.4}.gdx.gdx .cl-hint a{color:var(--bb-pink-soft);font-weight:600}.gdx.gdx .cl-pick{margin:0;padding:2px 0;flex-wrap:wrap;overflow:visible}.gdx.gdx .cl-limits{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px;border-radius:14px;background:rgba(var(--bb-bg-rgb),.5);box-shadow:inset 0 0 0 1px var(--bb-border)}.gdx.gdx .cl-limits div{display:flex;flex-direction:column;align-items:center;gap:2px}.gdx.gdx .cl-limits b{font:700 16px/1.1 var(--bb-font-body)}.gdx.gdx .cl-limits small{font-size:11.5px;color:var(--bb-text-3)}.gdx.gdx.cl-create-pop .auth-error{margin:10px 0 0}.gdx.gdx .cl-rhead{flex:none;display:flex;align-items:center;gap:8px;min-height:48px}.gdx.gdx .cl-back{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:var(--bb-text-2);flex:none;margin-left:-6px}.gdx.gdx .cl-back .i{transform:rotate(180deg);width:20px;height:20px}.gdx.gdx .cl-rt{flex:1;min-width:0}.gdx.gdx .cl-rname{font:400 clamp(19px,2.6dvh,26px)/1.1 var(--bb-font-display);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gdx.gdx .cl-rmeta{display:flex;align-items:center;gap:8px;margin-top:4px;font-size:12.5px;color:var(--bb-text-2);white-space:nowrap;overflow:hidden}.gdx.gdx .cl-codechip{display:inline-flex;align-items:center;gap:4px;font:600 12px/1 var(--bb-font-mono,ui-monospace,monospace);letter-spacing:.08em;color:var(--bb-text);padding:4px 7px;border-radius:7px;background:var(--bb-glass);box-shadow:inset 0 0 0 1px var(--bb-border);position:relative}.gdx.gdx .cl-codechip:after{content:"";position:absolute;top:-10px;right:-2px;bottom:-10px;left:-2px}.gdx.gdx .cl-codechip .i{width:13px;height:13px}.gdx.gdx .cl-timer{display:inline-flex;align-items:center;gap:4px;font-variant-numeric:tabular-nums}.gdx.gdx .cl-timer .i{width:14px;height:14px}.gdx.gdx .cl-racts{display:flex;align-items:center;gap:6px;flex:none}.gdx.gdx .cl-racts .btn-sm{min-height:40px;padding:0 14px}.gdx.gdx .cl-tip span{display:none}.gdx.gdx .cl-tip{width:40px;padding:0!important}.gdx.gdx .cl-end{color:#fca5a5}.gdx.gdx .cl-room{flex:1;min-height:0;display:flex;flex-direction:column;gap:10px}.gdx.gdx .cl-stage{flex:none;display:flex;flex-direction:column;gap:10px;min-height:0}.gdx.gdx .cl-np{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:6px 12px;padding:10px;border-radius:18px;background:linear-gradient(135deg,rgba(var(--accent-rgb),.1),rgba(var(--bb-purple-rgb),.08)),var(--bb-glass);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.22)}.gdx.gdx .cl-np-tx{min-width:0;display:flex;flex-direction:column;gap:2px}.gdx.gdx .cl-np-k{display:inline-flex;align-items:center;gap:6px;font:700 10.5px/1 var(--bb-font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--bb-pink-soft)}.gdx.gdx .cl-np-tx b{font-size:15px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gdx.gdx .cl-np-tx small{font-size:12.5px;color:var(--bb-text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gdx.gdx .cl-np.is-empty small{white-space:normal}.gdx.gdx .cl-np-acts{display:flex;gap:4px}.gdx.gdx .cl-ctl{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:var(--bb-text);background:var(--bb-glass);box-shadow:inset 0 0 0 1px var(--bb-border);position:relative}.gdx.gdx .cl-ctl:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px}.gdx.gdx .cl-ctl.main{background:var(--bb-grad);color:var(--on-accent);box-shadow:none}.gdx.gdx :is(.cl-ctl,.club-volume-range):focus-visible{outline:2px solid var(--bb-pink);outline-offset:3px}[data-theme-mode=light] .gdx.gdx :is(.cl-ctl,.club-volume-range):focus-visible{outline-color:var(--accent-text)}[data-theme-mode=light] .gdx.gdx .cl-sets .dj-playlists-create-row input:focus{box-shadow:inset 0 0 0 1.5px var(--accent-text)}.gdx.gdx .cl-np-foot{grid-column:1/-1;display:flex;align-items:center;gap:10px;justify-content:space-between}.gdx.gdx .cl-rate{display:inline-flex}.gdx.gdx .cl-rate button{width:30px;height:30px;display:grid;place-items:center;position:relative}.gdx.gdx .cl-rate button:after{content:"";position:absolute;top:-7px;right:0;bottom:-7px;left:0}.gdx.gdx .cl-rate svg{width:20px;height:20px}.gdx.gdx .cl-stats{font-size:12px;color:var(--bb-text-3);white-space:nowrap}.gdx.gdx .cl-panel{flex:1;min-height:0;display:flex;flex-direction:column;gap:8px}.gdx.gdx .cl-pscroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;margin:0 -12px;padding:2px 12px 12px}.gdx.gdx .cl-floor{display:flex;flex-direction:column;align-items:center;gap:8px;min-height:100%;justify-content:center}.gdx.gdx .cl-booth{display:flex;flex-direction:column;align-items:center;gap:2px}.gdx.gdx .cl-booth-tag{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--bb-text-2);padding:4px 10px 4px 4px;border-radius:999px;background:var(--bb-glass);box-shadow:inset 0 0 0 1px var(--bb-border)}.gdx.gdx .cl-dancers{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 12px;max-width:420px}.gdx.gdx .cl-dancers li{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px;color:var(--bb-text-3);width:52px}.gdx.gdx .cl-dancers li span:last-child{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gdx.gdx .cl-q{display:flex;flex-direction:column;gap:8px}.gdx.gdx .cl-qs{height:44px}.gdx.gdx .cl-qlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.gdx.gdx .cl-qlist li{display:flex;align-items:center;gap:10px;min-height:52px;padding:4px 6px;border-radius:12px}.gdx.gdx .cl-qlist li:nth-child(odd){background:rgba(var(--bb-ink-rgb),calc(.025 * var(--bb-ink-a-lo)))}.gdx.gdx .cl-q-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.gdx.gdx .cl-q-tx b{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gdx.gdx .cl-q-tx small{font-size:12px;color:var(--bb-text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gdx.gdx .cl-qtag{font:700 9.5px/1 var(--bb-font-body);letter-spacing:.06em;text-transform:uppercase;font-style:normal;padding:3px 5px;border-radius:5px;vertical-align:2px}.gdx.gdx .cl-qtag.hot{color:#fdba74;background:rgba(var(--accent2-rgb),.14)}.gdx.gdx .cl-qtag.next{color:var(--bb-pink-soft);background:rgba(var(--accent-rgb),.12)}.gdx.gdx .cl-vote{display:flex;align-items:center;gap:0;flex:none}.gdx.gdx .cl-vote b{min-width:18px;text-align:center;font-size:13px;font-variant-numeric:tabular-nums}.gdx.gdx .cl-vote .cl-ib[aria-pressed=true]{color:var(--bb-pink-soft)}.gdx.gdx .cl-num{width:20px;text-align:right;font-size:12.5px;color:var(--bb-text-3);font-variant-numeric:tabular-nums;flex:none}.gdx.gdx .cl-msgs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.gdx.gdx .cl-msgs li{display:flex;gap:8px;align-items:flex-start}.gdx.gdx .cl-msgs p{font-size:14px;line-height:1.4;padding:7px 11px;border-radius:4px 14px 14px;background:var(--bb-glass);box-shadow:inset 0 0 0 1px var(--bb-border)}.gdx.gdx .cl-msgs b{font-weight:600;color:var(--bb-pink-soft);margin-right:2px}.gdx.gdx .cl-chat-form{flex:none}.gdx.gdx .cl-people{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.gdx.gdx .cl-people li{display:flex;align-items:center;gap:10px;min-height:48px}.gdx.gdx .cl-p-tx{flex:1;min-width:0;display:flex;flex-direction:column}.gdx.gdx .cl-p-tx b{font-size:14px;font-weight:600}.gdx.gdx .cl-p-tx small{font-size:12px;color:var(--bb-text-3)}.gdx.gdx .cl-role{color:var(--bb-pink-soft)!important;font-weight:600}.gdx.gdx .cl-room-msg{flex:1;min-height:0;display:flex}.gdx.gdx .cl-room-msg .gd-msg{flex:1}.gdx.gdx .cl-amts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0 8px}.gdx.gdx .cl-amt{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 0;border-radius:14px;background:var(--bb-glass);box-shadow:inset 0 0 0 1px var(--bb-border-2);color:var(--bb-text-2)}.gdx.gdx .cl-amt b{font:700 18px/1 var(--bb-font-body);color:var(--bb-text)}.gdx.gdx .cl-amt.on{background:var(--bb-grad-subtle);box-shadow:inset 0 0 0 1.5px rgba(var(--accent-rgb),.55);color:var(--bb-pink-soft)}.gdx.gdx .cl-bal{font-size:13px;color:var(--bb-text-3);text-align:center;margin-bottom:6px}.gdx.gdx .cl-bal b{color:var(--bb-text)}.gdx.gdx.cl-sh{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;gap:clamp(10px,2dvh,20px);justify-content:center}.gdx.gdx .cl-sh-brand{display:flex;align-items:center;gap:8px;font:400 18px/1 var(--bb-font-display);color:var(--bb-text);text-decoration:none}.gdx.gdx .cl-sh-card{width:min(100%,420px);display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:clamp(14px,2.6dvh,24px);border-radius:24px;background:var(--bb-glass);box-shadow:inset 0 0 0 1px var(--bb-border)}.gdx.gdx .cl-sh-name{font:400 clamp(24px,3.4dvh,30px)/1.1 var(--bb-font-display)}.gdx.gdx .cl-np.sm{width:100%;grid-template-columns:auto 1fr;text-align:left;padding:8px}.gdx.gdx .cl-np.sm .cl-art{width:48px;height:48px}.gdx.gdx .cl-sh-acts{width:100%;display:flex;flex-direction:column;gap:8px;margin-top:4px}.gdx.gdx .cl-pl-tags{flex:none}.gdx.gdx .cl-pl{flex:1;min-height:0;display:flex;gap:20px}.gdx.gdx .cl-pl-art{display:none}.gdx.gdx .cl-pl-list{flex:1;min-height:0;overflow:auto;margin:0 -12px;padding:0 12px 12px}.gdx.gdx .cl-pl .cl-rmeta .gd-ava{margin-right:-2px}@media (max-width:768.98px){.gdx.gdx.cl-page .cl-np-foot .cl-stats{display:none}}@media (max-width:768.98px) and (max-height:620px){.gdx.gdx .cl-np{padding:8px;gap:4px 10px}.gdx.gdx .cl-np .cl-art{width:48px;height:48px}.gdx.gdx .cl-np-foot{display:none}}@media (min-width:769px){.gdx.gdx .cl-create{width:auto;padding:0 18px;border-radius:999px}.gdx.gdx .cl-create span{display:inline}.gdx.gdx .cl-code{max-width:420px}.gdx.gdx .cl-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.gdx.gdx .cl-tip{width:auto;padding:0 14px!important}.gdx.gdx .cl-tip span{display:inline}.gdx.gdx .cl-room{flex-direction:row;gap:20px}.gdx.gdx .cl-stage{flex:1;min-width:0;padding:clamp(12px,2dvh,20px);border-radius:22px;background:radial-gradient(90% 70% at 50% 100%,rgba(var(--bb-purple-rgb),.16),transparent 70%),rgba(var(--bb-bg-rgb),.4);box-shadow:inset 0 0 0 1px var(--bb-border);overflow:hidden}.gdx.gdx .cl-stage .cl-np .cl-art{width:clamp(64px,10dvh,96px);height:clamp(64px,10dvh,96px);border-radius:16px}.gdx.gdx .cl-stage .cl-np-tx b{font-size:clamp(16px,2.2dvh,20px)}.gdx.gdx .cl-stage .cl-floor{flex:1;min-height:0;justify-content:flex-end}.gdx.gdx .cl-viz{flex:none;display:flex;align-items:flex-end;justify-content:center;gap:4px;height:clamp(18px,4dvh,40px)}.gdx.gdx .cl-viz i{width:6px;border-radius:3px;height:calc(20% + var(--k) * .8%);background:var(--bb-grad);opacity:.7}.gdx.gdx .cl-panel{width:clamp(300px,30vw,400px);flex:none;padding:10px;border-radius:22px;background:var(--bb-glass);box-shadow:inset 0 0 0 1px var(--bb-border)}.gdx.gdx .cl-pscroll{margin:0 -10px;padding:2px 10px 10px}.gdx.gdx .cl-pl-art{display:flex;align-items:center;justify-content:center;width:clamp(220px,26vw,340px);flex:none;border-radius:24px;background:var(--bb-grad-subtle);box-shadow:inset 0 0 0 1px var(--bb-border)}.gdx.gdx.pop.cl-create-pop{max-height:calc(100dvh - 48px)}}@media (min-width:769px) and (max-width:1023.98px){.gdx.gdx .cl-panel{width:300px}.gdx.gdx .cl-stats{display:none}}@media (min-width:1024px){.gdx.gdx .cl-side{width:clamp(280px,24vw,340px)}.gdx.gdx .cl-side .cl-hostcard{flex-direction:column;text-align:center;align-items:center;padding:8px 16px 16px}.gdx.gdx .cl-side .cl-hc-tx{align-items:center}}@media (min-width:769px) and (max-height:760px){.gdx.gdx .cl-dancers{gap:4px 10px}}.gdx.gdx .cl-back{margin-left:0}.gdx.gdx .cl-pscroll{margin:0;padding:2px 2px 12px}.gdx.gdx .cl-code-box{min-width:0}.gdx.gdx .cl-side>.gd-card{flex:none}@media (min-width:769px){.gdx.gdx .cl-pscroll{margin:0;padding:2px 2px 10px}}.gdx.gdx .cl-racts{padding-right:4px}.gdx.gdx .cl-panel{min-width:0}@media (max-width:359px){.gdx.gdx .cl-seg-b{padding:0 5px;font-size:12.5px;gap:3px}.gdx.gdx .cl-seg-b .i{display:none}}@media (min-width:1024px){.gdx.gdx .cl-side{overflow:auto;overscroll-behavior:contain}}@media (max-width:768.98px){.gdx.gdx .cl-rmeta .cl-dim{display:none}.gdx.gdx .cl-codechip{flex:none}}.gdx.gdx .cl-bloss{display:block;height:auto;aspect-ratio:1;filter:var(--sh-bloss)}.gdx.gdx .cl-host-bloss{width:clamp(88px,15dvh,120px);flex:none;margin:-6px -4px -10px 0}.gdx.gdx .cl-booth-bloss{width:clamp(110px,24dvh,200px)}.gdx.gdx .cl-room-msg .gd-bloss{width:clamp(120px,26dvh,220px)}.gdx.gdx .cl-sh-bloss{width:clamp(110px,24dvh,200px);margin-bottom:-4px}@media (max-width:768.98px) and (max-height:620px){.gdx.gdx .cl-hostcard.is-ph .cl-host-bloss{width:76px}.gdx.gdx .cl-booth-bloss{width:96px}.gdx.gdx .cl-room-msg .gd-bloss{width:104px}.gdx.gdx .cl-sh-bloss{width:88px}}@media (min-width:769px){.gdx.gdx .cl-pl-bloss{width:72%}}@media (min-width:1024px){.gdx.gdx .cl-side .cl-host-bloss{width:clamp(110px,18dvh,168px);margin:0 0 -4px}}@media (min-width:769px) and (max-height:760px){.gdx.gdx .cl-booth-bloss{width:clamp(96px,20dvh,150px)}.gdx.gdx .cl-side .cl-host-bloss{width:104px}}.gdx.gdx:is(.cl-page,.cl-sh) .gd-bloss{animation:none}.gdx.gdx.cl-page>:is(.cl-room,.cl-room-msg,.cl-pl){margin-bottom:calc((var(--pg-t) + var(--pg-b)) * -1)}.public-shell:has(.gdx.cl-sh)>.public-shell-header{display:none}.public-shell:has(.gdx.cl-sh)>.public-shell-content{padding:0}.gdx.gdx :is(.cl-live,.cl-np-k) i{position:relative;flex:none}.gdx.gdx :is(.cl-live,.cl-np-k) i:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;box-shadow:0 0 0 1.5px var(--bb-danger);opacity:0;pointer-events:none}@media (prefers-reduced-motion:no-preference){.gdx.gdx :is(.cl-live,.cl-np-k) i:after{animation:gd-pulse 1.6s var(--ease) infinite}}.gdx.gdx .cl-plus{position:absolute;left:50%;top:18px;margin-left:-28px;width:56px;display:inline-flex;align-items:center;justify-content:center;gap:4px;font:700 14px/1 var(--bb-font-body);color:var(--bb-pink-soft);opacity:0;pointer-events:none}.gdx.gdx .cl-plus .i{width:16px;height:16px}.gdx.gdx .tip-sent{position:relative}.gdx.gdx:where(.cl-page,.cl-pop,.cl-sh) svg.i{width:18px;height:18px}.gdx.gdx img.cl-art,.gdx.gdx:where(.cl-page,.cl-pop,.cl-sh) img.gd-ava{object-fit:cover}.gdx.gdx .cl-art{overflow:hidden}.gdx.gdx .cl-tip-slot{display:contents}.gdx.gdx .cl-online:empty{display:none}.gdx.gdx .cl-online .live-count{display:contents;font:inherit;color:inherit;-webkit-text-fill-color:currentColor;margin:0;letter-spacing:inherit}.gdx.gdx .cl-online .live-count strong{font-weight:inherit;color:inherit;-webkit-text-fill-color:currentColor}.gdx.gdx .cl-online .live-count-dot{width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 8px #4ade80;animation:none}@media (max-width:359.98px){.gdx.gdx .cl-head .gd-h1{gap:8px}.gdx.gdx .cl-online{padding:5px 6px;gap:4px}}.gdx.gdx .cl-np-acts :is(.cl-save,.song-actions,.share-btn-wrap){display:contents}.gdx.gdx .cl-np-acts .song-action-btn{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;padding:0;border:0;color:var(--bb-text);background:var(--bb-glass);box-shadow:inset 0 0 0 1px var(--bb-border);font:400 17px/1 var(--bb-font-body);position:relative;cursor:pointer;flex:none}.gdx.gdx .cl-np-acts .song-action-btn:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px}.gdx.gdx .cl-np-acts .song-action-btn.saved{color:var(--bb-pink-soft)}.gdx.gdx .cl-np-acts .song-action-btn svg{width:16px;height:16px}.gdx.gdx .cl-np-acts .song-actions>:nth-child(n+2){display:none}.gdx.gdx .cl-share-wrap .share-btn-wrap{display:contents}.gdx.gdx .cl-share-wrap .share-btn{width:100%;height:100%;border-radius:50%;display:grid;place-items:center;padding:0;border:0;background:none;color:inherit;cursor:pointer}.gdx.gdx .cl-share-wrap .share-btn svg{width:18px;height:18px}.gdx.gdx .cl-racts .np-reactive-wrap{display:flex;flex:none;margin:0}.gdx.gdx .cl-racts .np-reactive{height:40px;min-width:40px;padding:0 12px;border:0;border-radius:999px;display:inline-flex;align-items:center;gap:6px;font:700 13px/1 var(--bb-font-body);color:var(--bb-text);background:var(--bb-glass);box-shadow:inset 0 0 0 1px var(--bb-border)}.gdx.gdx .cl-racts .np-reactive svg{width:16px;height:16px}@media (max-width:768.98px){.gdx.gdx .cl-racts .np-reactive-wrap{display:none}}.gdx.gdx .cl-stage .cl-np:not(.is-empty){position:relative}.gdx.gdx .club-np-progress{grid-column:1/-1;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;margin:0}.gdx.gdx .club-np-times{display:contents;font-size:11px;color:var(--bb-text-3);font-variant-numeric:tabular-nums}.gdx.gdx .club-np-times span:first-child{order:-1}.gdx.gdx .club-np-bar{position:relative;height:3px;border-radius:2px;background:rgba(var(--bb-ink-rgb),calc(.1 * var(--bb-ink-a-lo)));overflow:hidden;margin:0}.gdx.gdx .club-np-bar-fill{position:absolute;left:0;top:0;bottom:0;border-radius:inherit;background:var(--bb-grad)}.gdx.gdx .club-np-bar-glow{display:none}.gdx.gdx .club-np-progress{position:absolute;left:14px;right:14px;bottom:5px;display:block}.gdx.gdx .club-np-times{display:none}.gdx.gdx .club-np-bar{height:2px}.gdx.gdx .club-volume-slider{display:inline-flex;align-items:center;gap:6px;margin:0}.gdx.gdx .club-volume-icon{font-size:14px;line-height:1}.gdx.gdx .club-volume-range{width:clamp(64px,9vw,110px);accent-color:var(--bb-pink)}.gdx.gdx .cl-np-foot .cl-stats{margin-left:auto}.gdx.gdx .cl-rate svg{fill:rgba(var(--bb-ink-rgb),calc(.14 * var(--bb-ink-a-lo)));stroke:none}.gdx.gdx .cl-rate svg.on{fill:var(--bb-star)}.gdx.gdx .cl-floor{width:100%}.gdx.gdx .cl-floor{position:relative}.gdx.gdx .cl-floor>.club-viz{z-index:0}.gdx.gdx .cl-floor>:not(.club-viz){position:relative;z-index:1}.gdx.gdx .cl-floor .dance-floor{width:100%;flex:none;min-height:0}.gdx.gdx .cl-viz .club-viz{position:relative;inset:auto;width:100%;height:100%}.gdx.gdx .cl-booth-tag .gd-ava.xs{width:24px;height:24px}.gdx.gdx .cl-p-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:40px;margin:0 0 4px}.gdx.gdx .cl-p-tx b .username-link{color:inherit;font:inherit;cursor:pointer}.gdx.gdx .club-participant-row .follow-btn,.gdx.gdx .club-participant-row .follow-btn-sm{flex:none}.gdx.gdx .cl-people .follow-btn-sm{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 14px;border:0;border-radius:var(--r-pill);font:var(--t-btn-w) 13px/1 var(--bb-font-body);white-space:nowrap;cursor:pointer;position:relative;background:var(--bb-glass);color:var(--bb-text);box-shadow:inset 0 0 0 1px var(--bb-border-2)}.gdx.gdx .cl-people .follow-btn-sm:after{content:"";position:absolute;top:-6px;right:0;bottom:-6px;left:0}.gdx.gdx .cl-people .follow-btn-sm:hover{background:var(--bb-glass-2)}.gdx.gdx .cl-people .follow-btn-sm.following{color:var(--bb-text-2)}.gdx.gdx .club-participant-row .role-btn.btn{flex:none}.gdx.gdx .cl-msgs b .username-link{color:inherit;cursor:pointer}.gdx.gdx .cl-msgs .chat-system-text{background:none;box-shadow:none;padding:2px 0;color:var(--bb-text-3);font-size:12.5px}.gdx.gdx .cl-chat .cl-dim{display:block;padding:12px 2px}.gdx.gdx .queue-item{position:relative}.gdx.gdx .queue-save-wrap{position:relative;flex:none;display:inline-flex}.gdx.gdx .cl-q>.cl-dim,.gdx.gdx .session-queue>.cl-dim{display:block;padding:8px 2px}.gdx.gdx .track-search-results{display:flex;flex-direction:column;gap:2px}.gdx.gdx .track-search-results .cl-dim{display:block;padding:6px 2px}.gdx.gdx .track-add-btn .spin{width:16px;height:16px}.gdx.gdx .session-history-list{display:flex;flex-direction:column;gap:2px}.gdx.gdx:where(.cl-page) .history-item{display:flex;align-items:center;gap:10px;min-height:52px;padding:4px 6px;border-radius:12px;background:none;border:0}.gdx.gdx:where(.cl-page) .history-item-art{width:36px;height:36px;border-radius:9px;object-fit:cover;flex:none}.gdx.gdx:where(.cl-page) .history-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.gdx.gdx:where(.cl-page) .history-item-name{font-size:14px;font-weight:600;color:var(--bb-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gdx.gdx:where(.cl-page) .history-item-artist{font-size:12px;color:var(--bb-text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gdx.gdx .session-history-empty{font-size:12.5px;color:var(--bb-text-3);padding:4px 2px;margin:0}.gdx.gdx .gd-msg-acts .wall-prompt{display:flex;flex-direction:column;gap:6px;text-align:left;margin:0;padding:0;background:none;border:0;box-shadow:none}.gdx.gdx .gd-msg-acts .wall-prompt-title{font:700 14px/1.2 var(--bb-font-body);color:var(--bb-text);margin:0}.gdx.gdx .gd-msg-acts .wall-prompt-label{font-size:12.5px;color:var(--bb-text-2)}.gdx.gdx .gd-msg-acts .wall-prompt-text{width:100%;min-height:56px;resize:none;padding:8px 12px;border:0;border-radius:14px;background:rgba(var(--bb-ink-rgb),calc(.05 * var(--bb-ink-a-lo)));box-shadow:inset 0 0 0 1px var(--bb-border-2);color:var(--bb-text);font:400 14px/1.4 var(--bb-font-body)}.gdx.gdx .gd-msg-acts .wall-prompt-check{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--bb-text-2);min-height:32px}.gdx.gdx .gd-msg-acts .wall-prompt-note{font-size:12px;line-height:1.4;color:var(--bb-text-3);margin:0;max-width:none}.gdx.gdx .gd-msg-acts .wall-prompt .bouquet-cta{align-self:stretch}.gdx.gdx .gd-msg-acts .wall-prompt-thanks{font-size:14px;color:var(--bb-success);margin:0}.gdx.gdx.cl-sh{box-sizing:border-box;height:100dvh;padding:22px;overflow:hidden;max-width:none;margin:0;background:var(--bb-atmo)}.gdx.gdx.cl-sh *,.gdx.gdx.cl-sh *:before,.gdx.gdx.cl-sh *:after{box-sizing:border-box}.gdx.gdx.cl-sh .i{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}.gdx.gdx.cl-sh img{display:block;max-width:100%}.gdx.gdx.cl-sh .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--btn-h);padding:0 22px;border-radius:var(--r-pill);border:0;font:var(--t-btn-w) var(--t-btn)/1 var(--bb-font-body);text-decoration:none;cursor:pointer;white-space:nowrap;transition:transform var(--d-fast) var(--ease),box-shadow var(--d-base) var(--ease),background var(--d-base) var(--ease)}.gdx.gdx.cl-sh .btn:active{transform:scale(var(--press-scale))}.gdx.gdx.cl-sh .btn-block{width:100%}.gdx.gdx.cl-sh .btn-grad{background:var(--bb-grad);color:var(--on-accent);box-shadow:var(--sh-cta)}.gdx.gdx.cl-sh .btn-grad:hover{box-shadow:var(--sh-cta-hover)}.gdx.gdx.cl-sh .btn-grad:hover:where(:not(:active)){transform:translateY(-1px)}.gdx.gdx.cl-sh .btn-glass{background:var(--bb-glass);color:var(--bb-text);box-shadow:inset 0 0 0 1px var(--bb-border-2)}.gdx.gdx.cl-sh .btn-glass:hover{background:var(--bb-glass-2)}.gdx.gdx.cl-sh .brand{display:inline-flex;align-items:center;min-height:var(--tap);text-decoration:none}.gdx.gdx.cl-sh .brand img{width:32px;height:32px}@media (max-height:640px){.gdx.gdx.cl-sh .brand img{width:28px;height:28px}}.gdx.gdx .cl-sh-share{padding:0}.gdx.gdx .cl-sh-share .share-btn-wrap{display:contents}.gdx.gdx .cl-sh-share .share-btn{width:100%;height:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 22px;border:0;border-radius:inherit;background:none;color:inherit;font:inherit;cursor:pointer}.gdx.gdx .cl-sh-share .share-btn svg{width:18px;height:18px}.gdx.gdx .cl-sh-card .gd-msg{min-height:0}.gdx.gdx .cl-sets.dj-playlists{margin:0}.gdx.gdx .cl-sets .dj-playlists-header{display:block;justify-content:normal;align-items:normal;cursor:auto;padding:0}.gdx.gdx .cl-sets .dj-playlists-count{display:inline-flex;padding:0;border-radius:0;background:none}.gdx.gdx .cl-sets .dj-playlists-empty{display:block;font-size:13px;margin:6px 0 0;padding:0;text-align:left}.gdx.gdx .cl-top .dj-leaderboard{background:none;border:0;box-shadow:none;padding:0;margin:0;border-radius:0;-webkit-backdrop-filter:none;backdrop-filter:none}.gdx.gdx .cl-top .dj-lb-header h2{display:none}.gdx.gdx .cl-top .dj-lb-header{margin:0 0 8px;padding:0}.gdx.gdx .cl-top .dj-card-stat{font-size:12px;color:var(--bb-text-2)}.gdx.gdx .cl-top .dj-card-stat-active{color:var(--bb-text)}.gdx.gdx .cl-top .dj-card-primary-label{font-size:11px}.gdx.gdx .cl-sets .dj-playlists-create{margin:0 0 8px}.gdx.gdx .cl-sets .dj-playlists-create-row{display:flex;gap:8px}.gdx.gdx .cl-sets .dj-playlists-create-row input{flex:1;min-width:0;height:40px;padding:0 14px;border:0;border-radius:12px;background:rgba(var(--bb-ink-rgb),calc(.05 * var(--bb-ink-a-lo)));box-shadow:inset 0 0 0 1px var(--bb-border-2);color:var(--bb-text);font:400 14px/1 var(--bb-font-body)}.gdx.gdx .cl-sets .dj-playlists-create-row input:focus{outline:none;box-shadow:inset 0 0 0 1.5px var(--bb-pink)}.gdx.gdx .cl-sets .dj-playlists-create-row button{flex:none;width:auto;min-height:40px;padding:0 14px;border:0;border-radius:999px;font:700 13px/1 var(--bb-font-body);white-space:nowrap;color:var(--bb-text);background:var(--bb-glass);box-shadow:inset 0 0 0 1px var(--bb-border-2);cursor:pointer}.gdx.gdx .cl-sets .dj-playlists-create-row button:disabled{opacity:.55;cursor:default}.gdx.gdx .cl-sets .dj-playlists-list{gap:4px}.gdx.gdx .cl-sets .dj-playlist-item{border:0;border-radius:12px;overflow:visible}.gdx.gdx .cl-sets .dj-playlist-item.expanded{box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.35)}.gdx.gdx .cl-sets .dj-playlist-row{min-height:48px;padding:4px 2px;gap:10px;border-radius:12px}.gdx.gdx .cl-sets .dj-playlist-name{font-size:14px;font-weight:600;color:var(--bb-text)}.gdx.gdx .cl-sets .dj-playlist-song-count{font-size:12px;color:var(--bb-text-3)}.gdx.gdx .cl-sets .dj-playlist-action-btn{width:32px;height:32px;display:grid;place-items:center;padding:0;font-size:13px}.gdx.gdx .cl-top .dj-lb-tabs{flex-wrap:wrap;overflow:visible;row-gap:6px;-webkit-mask-image:none;mask-image:none}.gdx.gdx .club-toast{left:0;right:0;width:fit-content;max-width:calc(100% - 8px);margin-inline:auto;transform:none;white-space:normal;text-align:center}.gdx.gdx .cl-top .dj-lb-tabs{position:relative;z-index:1}.gdx.gdx .cl-top .dj-lb-tab{position:relative}.gdx.gdx .cl-top .dj-lb-tab:after{content:"";position:absolute;top:-14px;right:0;bottom:-9px;left:0;z-index:-1}[data-theme-mode=light] .gdx.gdx .cl-end{color:rgb(var(--bb-danger-rgb))}[data-theme-mode=light] .gdx.gdx .cl-qtag.hot{color:var(--accent2-text)}[data-theme-mode=light] .gdx.gdx :is(.cl-np-k,.cl-soon,.session-genre-chip,.cl-qtag.next){color:var(--bb-text)}@media (max-width:768.98px){.gdx.gdx .cl-rmeta .cl-timer{display:none}}.gdx.gdx .cl-room-msg[data-scroll]{display:block;overflow-y:auto;overscroll-behavior:contain}.gdx.gdx .cl-room-msg[data-scroll]>.gd-msg{flex:none;min-height:100%;width:100%}.gdx.gdx:is(.cl-page,.cl-sh){font:400 var(--t-body)/var(--t-body-lh) var(--bb-font-body);color:var(--bb-text);text-align:start}.gdx.gdx .dj-sessions-title{background:none;-webkit-background-clip:border-box;background-clip:border-box;-webkit-text-fill-color:currentColor;text-align:start}.gdx.gdx .dj-invite-section{margin:0;padding:0;background:none;border:0;box-shadow:none;border-radius:0}.gdx.gdx .dj-invite-input{padding:1px 2px;border-radius:0;height:auto;width:auto;box-shadow:none}.gdx.gdx .dj-invite-input:focus{box-shadow:none;border:0}.gdx.gdx .cl-code-box{cursor:auto}.gdx.gdx .dj-invite-btn[disabled]{opacity:1;color:var(--bb-text);background:var(--bb-glass);box-shadow:inset 0 0 0 1px var(--bb-border-2);cursor:pointer}.gdx.gdx .gd-chip.genre-filter-chip{border:0}@media (max-width:768.98px){.gdx.gdx .cl-genres{padding-block:4px;margin-block:-2px}}.gdx.gdx .session-card{position:static;overflow:visible;transform:none;transition:none}.gdx.gdx .session-card-name{letter-spacing:normal;margin:0}.gdx.gdx .dj-sessions-header{margin:0;flex-direction:row;flex-wrap:nowrap;justify-content:normal;text-align:start}@media (min-width:1024px){.gdx.gdx .dj-sessions-header{margin-inline:auto}}.gdx.gdx .dj-sessions-empty{margin:0}.gdx.gdx .dj-sessions-empty :is(h3,p){margin:0}.gdx.gdx.pop.create-session-modal{border:0;overflow:visible;flex-shrink:1}.gdx.gdx .session-queue-list,.gdx.gdx .club-participant-list{flex:0 1 auto;overflow:visible;max-height:none;padding:0}.gdx.gdx .dj-room-header{padding:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;border:0;border-radius:0;justify-content:normal;flex-wrap:nowrap}.gdx.gdx .dj-room-actions button:not(.btn){font-size:inherit}.gdx.gdx .dj-room-actions .cl-ib{padding:0}.gdx.gdx :is(.dj-room-loading,.dj-room-error,.dj-room-ended){height:auto;color:inherit}.gdx.gdx :is(.dj-room-error,.dj-room-ended) h2{color:inherit;margin:0}.gdx.gdx .dj-back-btn{border:0;margin:0}.gdx.gdx .vote-score,.gdx.gdx .vote-score:is(.vote-positive,.vote-negative){color:inherit;min-width:18px;font-weight:700}.gdx.gdx:where(.cl-page,.cl-pop,.cl-sh) img.bloss{object-fit:fill}.gdx.gdx .dj-sessions-empty .gd-bloss{margin-left:0;margin-right:0}.gdx.gdx :is(.cl-rname,.cl-sh-name){letter-spacing:-.01em}.gdx.gdx .dj-invite-code-display{cursor:pointer}.gdx.gdx .dj-session-timer{padding:0;border-radius:0;background:none;font:inherit;color:inherit}.gdx.gdx .dj-room-actions{flex-wrap:nowrap;justify-content:normal}.gdx.gdx .dj-room-actions .btn{flex-shrink:1}.gdx.gdx .dj-leave-btn{padding:0;border:0;font:inherit;text-align:center;cursor:pointer}.gdx.gdx .club-stage-empty{flex-direction:row;justify-content:normal;color:inherit;z-index:auto;text-align:start}.gdx.gdx .club-mobile-tab{overflow:visible;text-overflow:clip;min-width:auto}.gdx.gdx .club-now-playing{border:0;flex-direction:row;z-index:auto}.gdx.gdx .cl-np-acts :is(.club-np-play-btn,.club-np-skip-btn){padding:0;gap:normal;border:0;font:inherit;flex-direction:row;justify-content:normal}.gdx.gdx .club-np-star{padding:0;color:inherit;font:inherit}.gdx.gdx .cl-pscroll.session-chat-messages{display:block;gap:normal;flex-direction:row}.gdx.gdx .cl-msgs>.chat-message{font:inherit;padding:0;margin:0;background:none;border:0}.gdx.gdx .session-chat-input-wrap{padding:0;border:0}.gdx.gdx .session-chat-send{padding:0;font:inherit;white-space:normal}.gdx.gdx .session-chat-send:disabled{opacity:1;cursor:pointer}.gdx.gdx .track-search-input{margin:0;padding:1px 2px;border-radius:0;border:0}.gdx.gdx .queue-item,.gdx.gdx .queue-item-hot{border:0;background:none}.gdx.gdx .queue-item-name{display:flex;align-items:center;gap:5px;min-width:0}.gdx.gdx .queue-item-name .cl-q-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gdx.gdx .queue-item-name .cl-qtag{flex:none}.gdx.gdx .cl-vote .vote-btn{padding:0;border:0;font:inherit;gap:normal;background:none}.gdx.gdx .club-participant-row{padding:0;border-radius:0;background:none}.gdx.gdx:where(.cl-pop) .x.modal-close-btn{padding:0}.gdx.gdx .tip-amount{border:0;flex:0 1 auto}.gdx.gdx .tip-balance{padding:0;border:0;border-radius:0;background:none}.gdx.gdx .pc-name{margin:0}.gdx.gdx .cl-sh-brand span{font-size:20px;line-height:1;letter-spacing:.005em}@media (max-height:640px){.gdx.gdx .cl-sh-brand span{font-size:18px}}@media (min-width:960px){.gdx.gdx .cl-sh-brand span{font-size:clamp(20px,2.3dvh,24px)}}.gdx.gdx .cl-pick .gd-chip{border:0;max-width:100%}.gdx.gdx .cl-pick .preload-playlist-chip{display:inline-block;line-height:36px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gdx.gdx .dj-room-header{box-shadow:none}.gdx.gdx .club-stage{border:0;position:static;-webkit-backdrop-filter:none;backdrop-filter:none}.gdx.gdx .club-room-side{min-width:0;overflow:visible}.gdx.gdx .club-room-side>:is(.cl-seg,.cl-pscroll,.cl-chat-form){border:0}.gdx.gdx .club-room-side>:is(.cl-pscroll,.cl-chat-form){background:none;box-shadow:none}.gdx.gdx .session-queue{background:none;border:0;box-shadow:none;padding:0;margin:0}.gdx.gdx .track-search{background:none;-webkit-backdrop-filter:none;backdrop-filter:none;border:0;border-radius:0;overflow:visible;flex-shrink:1;display:flex;flex-direction:column;gap:8px}.gdx.gdx.pop.tip-modal{border:0;text-align:start;-webkit-backdrop-filter:none;backdrop-filter:none}.gdx.gdx .cl-amt.tip-amount{font:inherit;border-radius:14px}.gdx.gdx .cl-msgs .chat-author{margin-right:0;font-weight:inherit;color:inherit}.prx .pr-body,.prx.prx .lb-scroll,.prx.prx .pp-main,.prx.prx .pr-ach-c,.prx.prx .pr-row{position:relative}.prx .pr-body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;margin:0 -12px;padding:2px 12px 16px}.prx .pr-body>.gd-msg{min-height:100%}.prx.prx .pr-h2{font:400 clamp(18px,2.4dvh,22px)/1.15 var(--bb-font-display)}.prx.prx .pr-h2 small,.prx.prx .pr-card-h small{font:500 12.5px/1.3 var(--bb-font-body);color:var(--bb-text-3);margin-left:6px}.prx.prx .pr-sub{font-size:13px;color:var(--bb-text-2);line-height:1.4}.prx.prx .pr-card{border-radius:18px;background:var(--bb-glass);box-shadow:inset 0 0 0 1px var(--bb-border);padding:14px}.prx.prx .pr-card-h{font:700 14.5px/1.25 var(--bb-font-body);display:flex;align-items:baseline;flex-wrap:wrap;gap:0 2px;margin-bottom:10px}.prx.prx .pr-count{margin-left:auto;font:600 12px/1 var(--bb-font-body);color:var(--bb-text-3);padding:4px 8px;border-radius:999px;background:rgba(var(--bb-ink-rgb),calc(.05 * var(--bb-ink-a-lo)))}.prx.prx .pr-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.prx.prx .pr-row{display:flex;align-items:center;gap:10px;min-height:56px;padding:6px 6px 6px 4px;border-radius:14px;text-decoration:none;color:inherit;flex-wrap:wrap}.prx.prx .pr-row:hover{background:rgba(var(--bb-ink-rgb),calc(.035 * var(--bb-ink-a-lo)))}.prx.prx .pr-rmainbtn{flex:1;min-width:0;display:flex;align-items:center;gap:10px;text-align:left;text-decoration:none;color:inherit;min-height:44px}.prx.prx .pr-art{flex:none;width:44px;height:44px;border-radius:10px;box-shadow:inset 0 0 0 1px rgba(var(--bb-ink-rgb),calc(.08 * var(--bb-ink-a-lo)))}.prx.prx .pr-art.sm{width:36px;height:36px;border-radius:8px}.prx.prx .pr-art.xs{width:32px;height:32px;border-radius:7px}.prx.prx .pr-art.pl{width:48px;height:48px;border-radius:12px}.prx.prx .pr-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.prx.prx .pr-tx b{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prx.prx .pr-tx b small{font:600 10.5px/1 var(--bb-font-body);color:var(--bb-pink-soft);margin-left:4px;letter-spacing:.04em;text-transform:uppercase}.prx.prx .pr-tx>span{font-size:12.5px;color:var(--bb-text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prx.prx .pr-acts{flex:none;display:flex;align-items:center}.prx.prx .pr-ib{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:var(--bb-text-2);position:relative}.prx.prx .pr-ib .i{width:17px;height:17px}.prx.prx .pr-ib:hover,.prx.prx .pr-ib:focus-visible{background:var(--bb-glass-2);color:var(--bb-text)}.prx.prx .pr-ib.on{color:var(--bb-pink)}.prx.prx .pr-ib.on .i{fill:currentColor}.prx.prx .pr-ib[aria-label^="Share playlist (link"].on .i{fill:none}.prx.prx .pr-ib:before{content:"";position:absolute;top:2px;right:-1px;bottom:2px;left:-1px}.prx.prx .pr-score{flex:none;min-width:38px;display:inline-flex;align-items:center;justify-content:flex-end;gap:2px;font:700 14px/1 var(--bb-font-body)}.prx.prx .pr-score .i{width:13px;height:13px;fill:var(--bb-star);stroke:none}.prx.prx .pr-rank{flex:none;width:22px;text-align:center;font:700 13px/1 var(--bb-font-body);color:var(--bb-text-3)}.prx.prx .pr-time{flex:none;width:62px;text-align:right;font-size:12px;color:var(--bb-text-3);font-variant-numeric:tabular-nums}.prx.prx .pr-sk{pointer-events:none}.prx.prx .pr-sk .pr-art,.prx.prx .pr-sk.pr-art{background:var(--bb-grad-subtle);box-shadow:none}.prx.prx .pr-sk b,.prx.prx .pr-sk s,.prx.prx .pr-sk i{display:block;height:10px;border-radius:5px;background:rgba(var(--bb-ink-rgb),calc(.08 * var(--bb-ink-a-lo)));margin:4px 0}.prx.prx .pr-sk s{width:38%;background:rgba(var(--bb-ink-rgb),calc(.05 * var(--bb-ink-a-lo)))}.prx.prx .pr-card.pr-sk>b{width:40%;height:12px;margin-bottom:12px}.prx.prx .pr-card.pr-sk>i{height:110px;border-radius:12px;background:rgba(var(--bb-ink-rgb),calc(.04 * var(--bb-ink-a-lo)))}.prx.prx .pr-stat.pr-sk b{width:50%;height:18px}.prx.prx .pr-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.prx.prx .pr-stat{border-radius:14px;background:rgba(var(--bb-ink-rgb),calc(.04 * var(--bb-ink-a-lo)));box-shadow:inset 0 0 0 1px var(--bb-border);padding:10px 12px;min-width:0;display:flex;flex-direction:column;gap:2px}.prx.prx .pr-stat b{font:400 clamp(18px,2.6dvh,24px)/1.1 var(--bb-font-display);background:var(--bb-grad);-webkit-background-clip:text;background-clip:text;color:transparent;width:max-content;max-width:100%}.prx.prx .pr-stat span{font-size:12px;color:var(--bb-text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prx.prx .pr-stats4{grid-template-columns:repeat(2,minmax(0,1fr))}.prx.prx .pr-msg .gd-bloss{width:clamp(112px,22dvh,184px)}.prx.prx .pr-dash{display:flex;flex-direction:column;gap:10px}.prx.prx .pr-dist{display:flex;align-items:flex-end;gap:10px;height:clamp(96px,16dvh,150px);padding-top:4px}.prx.prx .pr-dcol{flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px}.prx.prx .pr-dbar{width:100%;max-width:44px;border-radius:8px 8px 4px 4px;background:var(--bb-grad);min-height:4px;opacity:.9}.prx.prx .pr-dn{font-size:11.5px;color:var(--bb-text-2);font-variant-numeric:tabular-nums}.prx.prx .pr-dl{display:inline-flex;align-items:center;gap:1px;font-size:12px;font-weight:600;color:var(--bb-text-2)}.prx.prx .pr-dl .i{width:11px;height:11px;fill:var(--bb-star);stroke:none}.prx.prx .pr-taste{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:7px 18px}.prx.prx .pr-taste li{display:grid;grid-template-columns:92px 1fr 28px;align-items:center;gap:10px;font-size:12.5px;color:var(--bb-text-2)}.prx.prx .pr-taste i{height:6px;border-radius:3px;background:rgba(var(--bb-ink-rgb),calc(.07 * var(--bb-ink-a-lo)));overflow:hidden}.prx.prx .pr-taste i b{display:block;height:100%;border-radius:3px;background:var(--bb-grad)}.prx.prx .pr-taste em{font-style:normal;text-align:right;font-weight:600;color:var(--bb-text);font-variant-numeric:tabular-nums}.prx.prx .pr-rat{display:flex;flex-direction:column;gap:10px}.prx.prx .pr-rhead{display:flex;flex-direction:column;gap:8px;margin-bottom:4px}.prx.prx .pr-filt{margin:0 -12px;padding:2px 12px}.prx.prx .pr-top10{padding:4px 6px}.prx.prx .pr-t10-h{width:100%;display:flex;align-items:center;gap:10px;min-height:48px;padding:0 8px;text-align:left}.prx.prx .pr-t10-h .pr-card-h{margin:0}.prx.prx .pr-t10-ic{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--bb-grad-subtle);color:var(--bb-pink-soft)}.prx.prx .pr-t10-ic .i{width:16px;height:16px}.prx.prx .pr-chev{width:16px!important;height:16px!important;color:var(--bb-text-3)}.prx.prx .pr-t10-h[aria-expanded=false]~.pr-t10,.prx.prx .pr-t10-h[aria-expanded=false]~.pr-hint{display:none}.prx.prx .pr-t10{list-style:none;margin:0;padding:0 0 4px}.prx.prx .pr-t10-row{display:flex;align-items:center;gap:8px;min-height:50px;padding:2px 2px 2px 6px}.prx.prx .pr-move{display:flex}.prx.prx .pr-hint{font-size:12px;color:var(--bb-text-3);padding:4px 8px 8px}.prx.prx .pr-t10b{flex:none;width:40px;height:40px;display:grid;place-items:center;color:var(--bb-pink-soft)}.prx.prx .pr-t10b .i{width:16px;height:16px}.prx.prx .pr-rrow.open{background:rgba(var(--bb-ink-rgb),calc(.04 * var(--bb-ink-a-lo)));box-shadow:inset 0 0 0 1px var(--bb-border)}.prx.prx .pr-det{flex-basis:100%;padding:4px 4px 6px 58px}.prx.prx .pr-det ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:4px 16px}.prx.prx .pr-det li{display:flex;align-items:center;justify-content:space-between;font-size:12.5px;color:var(--bb-text-2)}.prx.prx .pr-date{font-size:12px;color:var(--bb-text-3);margin-top:6px}.prx.prx .pr-hist{display:flex;flex-direction:column;gap:12px;min-height:100%}.prx.prx .pr-hist>.gd-msg{flex:1;min-height:0}.prx.prx .pr-hhead{display:flex;align-items:center;justify-content:space-between;gap:12px}.prx.prx .pr-hhead .btn .i{width:15px;height:15px}.prx.prx .pr-dayh{font:700 11.5px/1 var(--bb-font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--bb-text-3);padding:4px 4px 6px}.prx.prx .pr-ach{display:flex;flex-direction:column;gap:12px}.prx.prx .pr-achside{display:flex;flex-direction:column;gap:10px}.prx.prx .pr-lvl-top{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:8px}.prx.prx .pr-lvl-n{font:400 34px/1 var(--bb-font-display);display:flex;align-items:baseline;gap:8px}.prx.prx .pr-lvl-n small{font:600 12px/1 var(--bb-font-body);color:var(--bb-text-3);letter-spacing:.06em;text-transform:uppercase}.prx.prx .pr-lvl-x{font-size:12.5px;color:var(--bb-text-2)}.prx.prx .pr-lvl-x b{color:var(--bb-text)}.prx.prx .pr-xp{height:8px;border-radius:4px;background:rgba(var(--bb-ink-rgb),calc(.07 * var(--bb-ink-a-lo)));overflow:hidden;margin-bottom:8px}.prx.prx .pr-xp i{display:block;height:100%;border-radius:4px;background:var(--bb-grad)}.prx.prx .pr-stats5{grid-template-columns:repeat(5,minmax(96px,1fr));overflow-x:auto;scrollbar-width:none;margin:0 -12px;padding:0 12px}.prx.prx .pr-stats5::-webkit-scrollbar{display:none}.prx.prx .pr-achmain{display:flex;flex-direction:column;gap:14px}.prx.prx .pr-acat-h{display:flex;align-items:center;gap:8px;font:700 14px/1.2 var(--bb-font-body);margin-bottom:8px}.prx.prx .pr-acat-h .i{width:16px;height:16px;color:var(--bb-pink-soft)}.prx.prx .pr-agrid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:8px}.prx.prx .pr-ach-c{display:flex;align-items:center;gap:10px;min-height:60px;padding:8px 10px;border-radius:14px;background:rgba(var(--bb-ink-rgb),calc(.025 * var(--bb-ink-a-lo)));box-shadow:inset 0 0 0 1px var(--bb-border);color:var(--bb-text-3)}.prx.prx .pr-ach-c .pr-tx b{color:var(--bb-text-2)}.prx.prx .pr-ach-c .pr-tx>span{white-space:normal;line-height:1.3}.prx.prx .pr-ach-ic{flex:none;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:rgba(var(--bb-ink-rgb),calc(.04 * var(--bb-ink-a-lo)))}.prx.prx .pr-ach-ic .i{width:18px;height:18px}.prx.prx .pr-ach-c.on{background:linear-gradient(135deg,rgba(var(--accent-rgb),.1),rgba(var(--accent2-rgb),.06));box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.28)}.prx.prx .pr-ach-c.on .pr-tx b{color:var(--bb-text)}.prx.prx .pr-ach-c.on .pr-tx>span{color:var(--bb-text-2)}.prx.prx .pr-ach-c.on .pr-ach-ic{background:var(--bb-grad);color:var(--on-accent)}.prx.prx .pr-ach-ok{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:rgba(var(--accent-rgb),.16);color:var(--bb-pink-soft)}.prx.prx .pr-ach-ok .i{width:13px;height:13px}.prx.prx .pr-ach-c.pr-sk .pr-ach-ic{background:var(--bb-grad-subtle)}.prx.prx .pr-ach-c.pr-sk b{width:60%}.prx.prx .pr-thx{display:flex;flex-direction:column;gap:10px}.prx.prx .pr-bal{display:flex;flex-direction:column;gap:10px;background:linear-gradient(150deg,rgba(var(--accent-rgb),.12),rgba(var(--accent2-rgb),.05) 60%,rgba(var(--bb-ink-rgb),calc(.02 * var(--bb-ink-a-lo))));overflow:hidden}.prx.prx .pr-bal-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.prx.prx .pr-bal .pr-card-h{margin-bottom:2px;color:var(--bb-text-2);font-weight:600;font-size:13px}.prx.prx .pr-bal-n{display:flex;align-items:center;gap:8px;font:400 clamp(34px,5dvh,46px)/1 var(--bb-font-display)}.prx.prx .pr-fl{width:30px!important;height:30px!important;color:var(--bb-pink)}.prx.prx .pr-bal-bloss{width:clamp(72px,11dvh,112px);height:auto;margin:-8px -4px -14px 0;filter:var(--sh-bloss)}.prx.prx .pr-stats3 .pr-stat b{font-size:clamp(16px,2.2dvh,20px)}.prx.prx .pr-chk{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.prx.prx .pr-chk-tx{flex:1;min-width:180px}.prx.prx .pr-chk .pr-card-h{margin-bottom:2px}.prx.prx .pr-chk-tx>p{font-size:13px;color:var(--bb-text-2);display:flex;align-items:center;gap:4px}.prx.prx .pr-chk p .i,.prx.prx .pr-chk .btn .i,.prx.prx .pr-ways .i,.prx.prx .pr-amt .i{width:15px;height:15px}.prx.prx .pr-chk .btn{min-height:44px}.prx.prx .pr-chk.done{box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.3)}.prx.prx .pr-err{margin-top:8px}.prx.prx .pr-ways-l{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.prx.prx .pr-ways-l li{display:flex;align-items:center;gap:10px;min-height:38px;font-size:13.5px;color:var(--bb-text-2)}.prx.prx .pr-ways-l li>.i{color:var(--bb-text-3)}.prx.prx .pr-ways-l span{flex:1}.prx.prx .pr-ways-l b{display:inline-flex;align-items:center;gap:3px;color:var(--bb-text)}.prx.prx .pr-ways-l b .i,.prx.prx .pr-amt .i{color:var(--bb-pink)}.prx.prx .pr-brow{min-height:48px;padding:4px 8px 4px 2px}.prx.prx .pr-brow.you{background:rgba(var(--accent-rgb),.07);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.22)}.prx.prx .pr-board>li:first-child .pr-rank{color:var(--bb-pink-soft)}.prx.prx .pr-amt{flex:none;display:inline-flex;align-items:center;gap:4px;font:700 13.5px/1 var(--bb-font-body);font-variant-numeric:tabular-nums}.prx.prx .pp{flex:1;min-height:0;display:flex;flex-direction:column;gap:10px}.prx.prx .pp-id{flex:none;display:flex;flex-direction:column;gap:10px;padding:12px}.prx.prx .pp-idtop{display:flex;align-items:center;gap:12px}.prx.prx .pp-ava{width:60px;height:60px;font-size:22px}.prx.prx .pp-idtx{flex:1;min-width:0}.prx.prx .pp-name{font:400 clamp(22px,3dvh,28px)/1.1 var(--bb-font-display);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prx.prx .pp-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:5px}.prx.prx .pp-badge{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 9px;border-radius:999px;font-size:12px;font-weight:600}.prx.prx .pp-badge .i{width:13px;height:13px}.prx.prx .pp-badge.lvl{background:#fbbf241f;color:#fcd34d}.prx.prx .pp-badge.lvl .i{fill:currentColor;stroke:none}.prx.prx .pp-badge.gr{background:rgba(var(--accent-rgb),.12);color:var(--bb-pink-soft)}.prx.prx .pp-loc{display:inline-flex;align-items:center;gap:3px;font-size:12.5px;color:var(--bb-text-3)}.prx.prx .pp-loc .i{width:13px;height:13px}.prx.prx .pp-bio{font-size:13.5px;line-height:1.45;color:var(--bb-text-2)}.prx.prx .pp-acts{display:flex;gap:8px}.prx.prx .pp-acts .btn{flex:1;min-height:44px}.prx.prx .pp-acts .btn .i{width:15px;height:15px}.prx.prx .pp-stats{list-style:none;margin:0;padding:0;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}.prx.prx .pp-stats::-webkit-scrollbar{display:none}.prx.prx .pp-stats li{flex:1 0 auto}.prx.prx .pp-st{width:100%;min-width:62px;min-height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:4px 6px;border-radius:12px;text-align:center}.prx.prx button.pp-st:hover{background:rgba(var(--bb-ink-rgb),calc(.05 * var(--bb-ink-a-lo)))}.prx.prx .pp-st b{font:700 15px/1.1 var(--bb-font-body)}.prx.prx .pp-st span{font-size:11px;color:var(--bb-text-3);white-space:nowrap}.prx.prx .pp-sec{display:flex;flex-direction:column;gap:6px}.prx.prx .pp-sh{font:700 11px/1 var(--bb-font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--bb-text-3)}.prx.prx .pp-chips{display:flex;flex-wrap:wrap;gap:6px}.prx.prx .pp-chip{height:28px;display:inline-flex;align-items:center;padding:0 11px;border-radius:999px;font-size:12.5px;font-weight:600;background:rgba(var(--bb-ink-rgb),calc(.05 * var(--bb-ink-a-lo)));box-shadow:inset 0 0 0 1px var(--bb-border);color:var(--bb-text-2)}.prx.prx .pp-chip.mood{background:rgba(var(--accent-rgb),.08);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.22);color:var(--bb-pink-soft)}.prx.prx .pp-main{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:10px;margin:0 -12px;padding:0 12px 16px}.prx.prx .pp-main>.gd-msg{min-height:100%}.prx.prx .pp-notes{list-style:none;margin:0;padding:0;display:grid;gap:8px}.prx.prx .pp-notes li{padding:10px 12px;border-radius:14px;background:rgba(var(--bb-ink-rgb),calc(.035 * var(--bb-ink-a-lo)));box-shadow:inset 0 0 0 1px var(--bb-border)}.prx.prx .pp-notes p{font-size:13.5px;line-height:1.45;margin-top:4px}.prx.prx .pp-nf{flex:1;min-height:0;overflow:auto}.prx.prx .pp-id.pr-sk .pp-ava{width:60px;height:60px;border-radius:50%;background:var(--bb-grad-subtle)}.prx.prx .pp-id.pr-sk b{width:40%;height:14px}.prx.prx .pp-id.pr-sk i{height:44px;border-radius:12px;background:rgba(var(--bb-ink-rgb),calc(.04 * var(--bb-ink-a-lo)))}@media (max-width:1023.98px){.prx.prx.pp-page .pp-id .pp-sec{display:none}.prx.prx.pp-page .pp-bio{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}.prx.prx .lb-head{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px}.prx.prx .lb-head .gd-h1{font:400 clamp(24px,3.4dvh,30px)/1.1 var(--bb-font-display)}.prx.prx .pr-seg{flex:none;display:flex;gap:4px;padding:4px;border-radius:999px;background:rgba(var(--bb-bg-rgb),.5);box-shadow:inset 0 0 0 1px var(--bb-border)}.prx.prx .pr-seg-b{min-height:36px;padding:0 12px;border-radius:999px;font-size:13.5px;font-weight:600;color:var(--bb-text-2);white-space:nowrap;position:relative}.prx.prx .pr-seg-b:after{content:"";position:absolute;top:-4px;right:0;bottom:-4px;left:0}.prx.prx .pr-seg-b small{font-size:12px;color:var(--bb-text-3);font-weight:600}.prx.prx .pr-seg-b.on{color:var(--bb-text);background:var(--bb-grad-subtle);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.35)}.prx.prx .lb-body{flex:1;min-height:0;display:flex;flex-direction:column}.prx.prx .lb-col{flex:1;min-height:0;display:flex;flex-direction:column;gap:8px}.prx.prx .lb-body:not(.show-pl) .lb-pls,.prx.prx .lb-body.show-pl .lb-songs{display:none}.prx.prx .lb-tool{flex:none;display:flex;flex-direction:column;gap:8px}.prx.prx .lb-search{display:flex;align-items:center;gap:8px;height:44px;padding:0 14px;border-radius:999px;background:rgba(var(--bb-ink-rgb),calc(.04 * var(--bb-ink-a-lo)));box-shadow:inset 0 0 0 1px var(--bb-border-2);color:var(--bb-text-3)}.prx.prx .lb-search.pr-sk{background:rgba(var(--bb-ink-rgb),calc(.05 * var(--bb-ink-a-lo)));box-shadow:none}.prx.prx .lb-search input{flex:1;min-width:0;height:100%;background:none;border:0;outline:0;color:var(--bb-text);font:inherit;font-size:14px}.prx.prx .lb-search:focus-within{box-shadow:inset 0 0 0 1.5px var(--bb-pink)}.prx.prx .lb-sort,.prx.prx .lb-svc{margin:0 -12px;padding:2px 12px}.prx.prx .lb-svc small{font-size:10.5px;opacity:.8}.prx.prx .lb-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;margin:0 -12px;padding:0 12px 16px}.prx.prx .lb-scroll>.gd-msg{min-height:100%}.prx.prx .lb-eq{flex:none;display:flex;align-items:flex-end;gap:2px;height:14px;margin-right:4px}.prx.prx .lb-eq i{width:3px;border-radius:2px;background:var(--bb-pink)}.prx.prx .lb-eq i:nth-child(1){height:60%}.prx.prx .lb-eq i:nth-child(2){height:100%}.prx.prx .lb-eq i:nth-child(3){height:40%}.prx.prx .lb-pls-h{flex:none;display:flex;flex-direction:column;gap:6px;padding-bottom:2px}.prx.prx .lb-pls-h .pr-card-h{margin:0}.prx.prx .lb-new{flex:none;align-self:flex-start;min-height:44px}.prx.prx .lb-new .i{width:15px;height:15px}.prx.prx .lb-create{flex:none;display:flex;align-items:center;gap:8px}.prx.prx .lb-create input{flex:1;min-width:0;height:44px;padding:0 14px;border-radius:12px;border:0;outline:0;background:rgba(var(--bb-ink-rgb),calc(.05 * var(--bb-ink-a-lo)));box-shadow:inset 0 0 0 1.5px var(--bb-pink);color:var(--bb-text);font:inherit;font-size:14px}.prx.prx .lb-create .btn{min-height:44px}.prx.prx .lb-cancel{min-height:44px;padding:0 6px;font-size:13.5px;color:var(--bb-text-2)}.prx.prx .lb-pl-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.prx.prx .lb-pl{border-radius:16px;background:rgba(var(--bb-ink-rgb),calc(.03 * var(--bb-ink-a-lo)));box-shadow:inset 0 0 0 1px var(--bb-border);padding:6px 4px 6px 8px}.prx.prx .lb-pl-h{display:flex;align-items:center;gap:4px}.prx.prx .lb-pl-h .pr-acts .pr-ib{width:36px;height:36px}.prx.prx .lb-pl-h .pr-acts .pr-ib .i{width:16px;height:16px}.prx.prx .lb-pl.open{background:rgba(var(--bb-ink-rgb),calc(.045 * var(--bb-ink-a-lo)))}.prx.prx .lb-pl-songs{list-style:none;margin:6px 0 2px;padding:6px 0 0;border-top:1px solid var(--bb-border)}.prx.prx .lb-pl-songs li{display:flex;align-items:center;gap:4px;min-height:46px}.prx.prx .lb-pl-songs .pr-rmainbtn{min-height:44px;gap:8px}.prx.prx .lb-connect{display:flex;align-items:center;gap:10px;margin-top:10px;padding:10px 12px;border-radius:16px;background:linear-gradient(135deg,rgba(var(--accent-rgb),.08),rgba(var(--bb-ink-rgb),calc(.02 * var(--bb-ink-a-lo))));box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.22)}.prx.prx .lb-connect-ic{flex:none;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:rgba(var(--bb-ink-rgb),calc(.06 * var(--bb-ink-a-lo)));color:var(--bb-pink-soft)}.prx.prx .lb-none{font-size:13.5px;color:var(--bb-text-2);padding:6px 2px}@media (max-width:767.98px){.prx.prx .pr-row .pr-acts .pr-ib:nth-child(n+2){display:none}.prx.prx .lb-songs .pr-row>.pr-ib[aria-label="Share to your Garden"]{display:none}.prx.prx .lb-pl-h .pr-acts .pr-ib:not([aria-label="Delete playlist"]):not([aria-label=Rename]){display:none}.prx.prx .pr-det{padding-left:4px}}@media (max-width:767.98px){.prx.prx .pr-row .pr-acts{position:relative}.prx.prx .pr-row .pr-acts:after{content:none}}@media (max-width:399.98px){.prx.prx .pr-taste li{grid-template-columns:80px 1fr 26px;gap:8px}.prx.prx .pr-stat{padding:8px 10px}.prx.prx .pr-hhead .btn{padding:0 10px}.prx.prx .lb-head .gd-h1{font-size:22px}.prx.prx .pr-seg-b{padding:0 9px;font-size:13px}.prx.prx .pp-ava{width:52px;height:52px}.prx.prx .pr-time{width:56px}}@media (max-width:767.98px) and (max-height:620px){.prx.prx .pr-msg .gd-bloss{width:88px}.prx.prx .pr-row{min-height:52px}.prx.prx .pr-bal-bloss{display:none}}@media (min-width:769px){.prx .pr-body{margin:0 calc(clamp(18px,2.2vw,32px)*-1);padding:4px clamp(18px,2.2vw,32px) 20px}.prx.prx .pr-filt,.prx.prx .lb-sort,.prx.prx .lb-svc,.prx.prx .pr-stats5{margin:0;padding:2px 0}.prx.prx .lb-scroll,.prx.prx .pp-main{margin:0 -8px;padding:0 8px 20px}.prx.prx .pr-taste{grid-template-columns:1fr 1fr}.prx.prx .pr-stats4{grid-template-columns:repeat(4,minmax(0,1fr))}.prx.prx .pr-row .pr-acts .pr-ib:nth-child(n+2){display:grid}}@media (min-width:1024px){.prx.prx .pr-dash{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.15fr);grid-template-rows:auto auto 1fr;gap:14px;align-items:start}.prx.prx .pr-dash>.pr-stats{grid-column:1/3}.prx.prx .pr-c-dist,.prx.prx .pr-c-taste{grid-column:1/3}.prx.prx .pr-c-top{grid-column:3;grid-row:1/4}.prx.prx .pr-taste{grid-template-columns:1fr 1fr 1fr}.prx.prx .pr-taste li{grid-template-columns:82px 1fr 26px}.prx.prx .pr-rat{display:grid;grid-template-columns:minmax(0,1fr) clamp(300px,26vw,360px);gap:20px;align-items:start}.prx.prx .pr-rat>.pr-top10{grid-column:2;grid-row:1;position:sticky;top:0}.prx.prx .pr-rat>.pr-rmain{grid-column:1;grid-row:1}.prx.prx .pr-rhead{flex-direction:row;align-items:center;justify-content:space-between}.prx.prx .pr-t10-h{pointer-events:none}.prx.prx .pr-chev{display:none}.prx.prx .pr-hist{max-width:820px;width:100%;margin:0 auto}.prx.prx .pr-ach{display:grid;grid-template-columns:clamp(280px,24vw,330px) minmax(0,1fr);gap:20px;align-items:start}.prx.prx .pr-achside{position:sticky;top:0}.prx.prx .pr-stats5{grid-template-columns:1fr 1fr;overflow:visible}.prx.prx .pr-stats5 .pr-stat:last-child{grid-column:1/-1}.prx.prx .pr-thx{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:14px;align-items:start}.prx.prx .pr-bal,.prx.prx .pr-chk,.prx.prx .pr-ways{grid-column:1}.prx.prx .pr-djs{grid-column:2;grid-row:1/4}.prx.prx .pp{flex-direction:row;gap:20px;padding-top:4px}.prx.prx .pp-id{width:clamp(300px,26vw,360px);max-height:100%;overflow:auto;padding:18px;gap:14px}.prx.prx .pp-ava{width:84px;height:84px;font-size:30px}.prx.prx .pp-idtop{flex-direction:column;align-items:flex-start}.prx.prx .pp-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.prx.prx .pp-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:start;gap:14px;padding-top:0}.prx.prx .pp-main>section:first-child{grid-row:span 2}.prx.prx .pp-main>.pp-wall,.prx.prx .pp-main>section:nth-child(3){grid-column:2}.prx.prx .pp-main>.gd-msg{grid-column:1/-1}.prx.prx .lb-head{min-height:52px}.prx.prx .lb-seg{display:none}.prx.prx .lb-body{flex-direction:row;gap:20px;padding-top:2px}.prx.prx .lb-body .lb-pls,.prx.prx .lb-body .lb-songs{display:flex!important}.prx.prx .lb-pls{flex:none;width:clamp(320px,30vw,420px);padding:14px 14px 0;border-radius:20px;background:var(--bb-glass);box-shadow:inset 0 0 0 1px var(--bb-border)}.prx.prx .lb-pls .lb-scroll{margin:0 -14px;padding:0 14px 16px}.prx.prx .lb-tool{flex-direction:row;align-items:center}.prx.prx .lb-search{flex:1;max-width:420px}.prx.prx .lb-body.is-empty .lb-songs{flex:1.4}}@media (min-width:1024px) and (max-height:780px){.prx.prx .pr-dist{height:84px}.prx.prx .pr-taste{gap:5px 16px}.prx.prx .pp-id{padding:14px;gap:10px}.prx.prx .pp-ava{width:64px;height:64px}.prx.prx .pr-bal-bloss{width:72px}}.prx.prx .pr-stat span{white-space:normal;line-height:1.25;overflow:visible}.prx.prx .pr-time{white-space:nowrap;width:66px}.prx.prx .pp-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;overflow:visible}.prx.prx .pp-st{min-width:0;min-height:44px}@media (min-width:769px){.prx.prx .lb-svc{flex-wrap:wrap;overflow:visible}.prx.prx .lb-svc .gd-chip{height:32px;padding:0 11px}}@media (min-width:1024px){.prx.prx .pr-dist{height:clamp(110px,22dvh,240px)}.prx.prx .pp-main .pr-stats4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px) and (max-height:780px){.prx.prx .pr-dist{height:96px}}.prx.prx .pp-main>.gd-msg,.prx.prx .pr-body>.gd-msg,.prx.prx .lb-scroll>.gd-msg{justify-content:safe center}@media (max-width:767.98px) and (max-height:620px){.prx.prx .pp-main>.gd-msg .gd-bloss{width:72px}}.prx.prx .lb-body.lb-err{flex-direction:column!important}.prx.prx .lb-err>.lb-scroll{flex:1}.prx.prx.pp-page>:is(.pp,.pp-nf){margin-bottom:calc((var(--pg-t) + var(--pg-b)) * -1)}.public-shell-content>.prx.prx.pp-page{flex:1;min-height:0;margin:0}.public-shell-content>.prx.prx.pp-page>:is(.pp,.pp-nf){margin-bottom:0}.prx.prx .pp-ava.is-pic{background:none;box-shadow:none;overflow:hidden}.prx.prx .pp-ava>img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}.prx.prx .pp-ava .dj-avatar{flex:none;width:100%;height:100%}.prx.prx .pp-ava .dj-avatar-svg{width:100%;height:100%}.prx.prx img.pr-art{object-fit:cover}.prx.prx span.pr-art{background:radial-gradient(120% 90% at 28% 18%,hsl(var(--h,300) 85% 68% / .95),transparent 62%),linear-gradient(140deg,hsl(var(--h,300) 70% 44%),hsl(calc(var(--h,300) + 48) 68% 26%))}.prx.prx .pp-meta .greeter-pill{display:inline-flex;align-items:center;gap:4px;height:24px;min-height:auto;padding:0 9px;border:0;border-radius:999px;font-size:12px;font-weight:600;background:rgba(var(--accent-rgb),.12);color:var(--bb-pink-soft)}.prx.prx .pp-meta .greeter-badge-mark{width:13px;height:13px}.prx .pp-acts .share-btn-wrap{display:contents}.prx.prx .pp-acts .share-btn svg{width:15px;height:15px;stroke-width:1.9}.prx .pp-main>.wall{border-radius:18px;background:var(--bb-glass);box-shadow:inset 0 0 0 1px var(--bb-border);padding:14px}@media (min-width:1024px){.prx .pp-main>.wall{grid-column:2}}.prx.prx .pp-main>.tm-card{padding:14px;border:0;border-radius:18px;background:var(--bb-glass);box-shadow:inset 0 0 0 1px var(--bb-border)}.prx.prx .pp-main>.tm-card .pp-section-title{font:700 14.5px/1.25 var(--bb-font-body);margin:0 0 10px;color:var(--bb-text)}@media (min-width:1024px){.prx.prx .pp-main>.tm-card{grid-column:1}}:where(.public-shell) .prx .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--btn-h);padding:0 22px;border-radius:var(--r-pill);border:0;font:var(--t-btn-w) var(--t-btn)/1 var(--bb-font-body);text-decoration:none;cursor:pointer;white-space:nowrap;transition:transform var(--d-fast) var(--ease),box-shadow var(--d-base) var(--ease),background var(--d-base) var(--ease)}:where(.public-shell) .prx .btn:active{transform:scale(var(--press-scale))}:where(.public-shell) .prx .btn-sm{min-height:var(--btn-h-sm);padding:0 16px;font-size:14px}:where(.public-shell) .prx .btn-grad{background:var(--bb-grad);color:var(--on-accent);box-shadow:var(--sh-cta)}:where(.public-shell) .prx .btn-grad:hover{box-shadow:var(--sh-cta-hover)}:where(.public-shell) .prx .btn-grad:hover:where(:not(:active)){transform:translateY(-1px)}:where(.public-shell) .prx .btn-grad .i{stroke-width:2.4}:where(.public-shell) .prx .btn-glass{background:var(--bb-glass);color:var(--bb-text);box-shadow:inset 0 0 0 1px var(--bb-border-2)}:where(.public-shell) .prx .btn-glass:hover{background:var(--bb-glass-2)}@media (max-height:640px){:where(.public-shell) .prx .btn-sm{min-height:36px;padding:0 14px;font-size:13px}}:where(.prx) h1{letter-spacing:-.01em}.prx.prx .pr-msg img.gd-bloss{max-width:100%}.prx.prx .sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.prx.prx .pr-sk-tab{display:flex;flex-direction:column;gap:10px}.prx.prx .pf-tab{transition:color var(--spring-snappy-dur) var(--spring-snappy),border-bottom-color var(--spring-snappy-dur) var(--spring-snappy)}@media (prefers-reduced-motion:reduce){.prx.prx .pf-tab{transition:none}}.prx.prx :is(.pr-sk b,.pr-sk s,.pr-sk i,.pr-sk .pp-ava,.pr-sk .pr-art){position:relative;overflow:hidden}.prx.prx :is(.pr-sk b,.pr-sk s,.pr-sk i,.pr-sk .pp-ava,.pr-sk .pr-art):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);pointer-events:none;background:linear-gradient(90deg,transparent,rgba(var(--bb-ink-rgb),calc(.06 * var(--bb-ink-a-lo))),transparent)}@media (prefers-reduced-motion:no-preference){.prx.prx :is(.pr-sk b,.pr-sk s,.pr-sk i,.pr-sk .pp-ava,.pr-sk .pr-art):after{animation:gd-sh 1.4s linear infinite}}@media (prefers-reduced-motion:reduce){.prx.prx :is(.pr-sk b,.pr-sk s,.pr-sk i){opacity:.6}}[data-theme-mode=light] .prx.prx .pp-badge.lvl{color:var(--bb-star)}.prx.prx.public-profile-page{max-width:none}.prx.prx .pp-meta{justify-content:normal}.prx.prx .pp-bio{margin-top:0;white-space:normal;word-break:normal}.prx.prx .pp-chip{border:0}.prx.prx .pp-main>:is(.wall,.tm-card){margin:0}.public-shell:has(.prx.pp-page){height:100dvh;display:flex;flex-direction:column;overflow:hidden}.public-shell:has(.prx.pp-page) .public-shell-content{flex:1;min-height:0;display:flex;flex-direction:column;padding-bottom:max(14px,env(safe-area-inset-bottom))}.prx .pr-row .song-actions{display:flex;align-items:center;gap:0;flex:none}.prx .pr-row .song-action-btn{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:var(--bb-text-2);position:relative}.prx .pr-row .song-action-btn:hover,.prx .pr-row .song-action-btn:focus-visible{background:var(--bb-glass-2);color:var(--bb-text)}.prx .pr-row .song-action-btn.saved{color:var(--bb-pink)}@media (max-width:767.98px){.prx .pr-row .song-actions>:nth-child(n+3){display:none}}.prx.prx .pr-row .song-action-btn{border:0;padding:0;background:none;justify-content:normal;font-size:17px;line-height:1;transition:background var(--d-fast) var(--ease),color var(--d-fast) var(--ease)}.prx.prx .pr-row .song-action-btn:hover,.prx.prx .pr-row .song-action-btn:focus-visible{background:var(--bb-glass-2)}.prx.prx .pr-row .song-action-btn svg{width:17px;height:17px}@media (max-width:767.98px){.prx.prx .pr-row .song-actions{position:relative}}.prx.prx.lb-page>.lb-body{margin-bottom:calc((var(--pg-t) + var(--pg-b)) * -1)}.prx.prx :is(.pr-row,.pr-t10-row) .previewable-art{width:auto!important;height:auto!important}.prx.prx span.pr-art.pl{display:grid;place-items:center;color:hsl(var(--h,300) 90% 94%)}.prx.prx span.pr-art.pl .i{width:20px;height:20px}.prx.prx .lb-pl-h .pr-rmainbtn .input{flex:1;min-width:0;height:40px;padding:0 12px;font-size:14px;box-shadow:inset 0 0 0 1.5px var(--bb-pink)}.prx.prx .pr-t10-h[aria-expanded=false]~.lb-none{display:none}.prx.prx :is(.lb-search,.lb-connect-ic) .i{width:18px;height:18px}.prx.prx .lb-col .lb-new .i{width:16px;height:16px}@media (max-height:640px){.prx.prx .lb-create .input{min-height:44px}}@media (min-width:960px){.prx.prx .lb-create .input{min-height:clamp(48px,6.2dvh,58px)}}.prx.prx .lb-search input{padding:1px 2px}.prx.prx.lb-page [data-tip],.prx.prx :is(.pr-rat,.pr-hist) [data-tip]{position:relative}.prx.prx.lb-page [data-tip]:is(:hover,:focus-visible):after,.prx.prx :is(.pr-rat,.pr-hist) [data-tip]:is(:hover,:focus-visible):after{content:attr(data-tip);position:absolute;z-index:50;bottom:calc(100% + 6px);right:0;max-width:200px;width:max-content;white-space:normal;padding:5px 8px;border-radius:8px;background:rgb(var(--bb-bg-raise-rgb));box-shadow:0 0 0 1px var(--bb-border),0 6px 18px rgba(var(--bb-shadow-rgb),calc(.4 * var(--bb-shadow-a)));color:var(--bb-text);font:500 11px/1.3 var(--bb-font-body);text-align:left;pointer-events:none}@media (min-width:1024px){.prx.prx .pr-c-taste{min-height:clamp(160px,30dvh,320px)}}.prx.prx .pr-taste-none a{position:relative;color:var(--bb-text);font-weight:600;white-space:nowrap;text-decoration:underline;text-underline-offset:2px}.prx.prx .pr-taste-none a:after{content:"";position:absolute;top:-14px;right:-6px;bottom:-14px;left:-6px}.prx.prx .pp-idtx{max-width:100%}.prx.prx:is([data-theme-mode=light] *) .pr-stat b{background-image:var(--gradient-text)}.prx.prx:is([data-theme-mode=light] *) :is(.pr-ib.on,.pr-fl,.pr-ways-l b .i,.pr-amt .i){color:var(--accent-text)}.prx:is([data-theme-mode=light] *) .pr-row .song-action-btn.saved{color:var(--accent-text)}.prx.prx:is([data-theme-mode=light] *) :is(.pp-badge.lvl,.pr-stat){background:var(--bb-bg-raise)}.prx.prx:is([data-theme-mode=light] *) :is(.lb-search:focus-within,.lb-create input,.lb-pl-h .pr-rmainbtn .input){box-shadow:inset 0 0 0 1.5px var(--accent-text)}.gdx .pr-c-top .pr-row .previewable-art-wrapper{flex:none}.gdx .dashboard-page.pr-msg .gd-msg-acts .btn-sm{min-height:44px}.gdx .dashboard-page.pr-msg .gd-bloss{animation:none}.gdx .pr-brow .gd-ava .dj-avatar-svg{animation:none;filter:none}.gdx .dashboard-page,.gdx .achievements-page{max-width:none;margin:0}.gdx .dashboard-page h2{letter-spacing:normal}.gdx .blossoms-claim-btn:disabled{opacity:1}.gdx .pr-chk .auth-error{text-align:start}.gdx :is(.dashboard-page.pr-msg,.pr-bal-top)>img.bloss{object-fit:fill}.acx.acx.up-page{gap:clamp(8px,1.4dvh,14px)!important}.acx.acx .up-head{flex:none;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:4px 12px}.acx.acx .up-bloss{width:clamp(76px,12dvh,112px);height:auto;margin:-6px -4px 0 -6px;filter:var(--sh-bloss)}.acx.acx .up-ht{min-width:0}.acx.acx .up-ht .gd-h1{font-size:clamp(21px,3dvh,30px);text-wrap:balance}.acx.acx .up-sub{margin:4px 0 0;color:var(--bb-text-2);font-size:14px;line-height:1.4;text-wrap:pretty}.acx.acx .up-bill{grid-column:1/-1;justify-self:center}.acx.acx .up-save{display:inline-block;margin-left:4px;padding:3px 7px;border-radius:999px;font:700 11px/1 var(--bb-font-body);color:var(--on-accent);background:var(--bb-grad)}.acx.acx .up-tabs{flex:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.acx.acx .up-tab{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;min-height:58px;padding:8px 4px;border-radius:16px;background:var(--bb-glass);box-shadow:inset 0 0 0 1px var(--bb-border);color:var(--bb-text-2)}.acx.acx .up-tab b{font:700 14px/1.1 var(--bb-font-body);color:var(--bb-text)}.acx.acx .up-tab b small{font:600 10.5px/1 var(--bb-font-body);color:var(--bb-pink-soft);margin-left:3px;text-transform:uppercase;letter-spacing:.05em}.acx.acx .up-tab span{font:600 13px/1.1 var(--bb-font-body)}.acx.acx .up-tab span small{font-size:11px;color:var(--bb-text-3)}.acx.acx .up-tab.on{background:var(--bb-grad-subtle);box-shadow:inset 0 0 0 1.5px rgba(var(--accent-rgb),.55)}.acx.acx .up-plans{flex:1;min-height:0;display:flex;flex-direction:column}.acx.acx .ug-card{display:none;flex:1;min-height:0;flex-direction:column;gap:6px;padding:16px;border-radius:22px;background:var(--bb-card-fill);box-shadow:inset 0 0 0 1px var(--bb-border-2)}.acx.acx .ug-card.on{display:flex}.acx.acx .ug-card.feat{box-shadow:inset 0 0 0 1.5px rgba(var(--accent-rgb),.5),0 18px 40px -24px rgba(var(--accent-rgb),.55)}.acx.acx .ug-card-h{display:flex;align-items:center;justify-content:space-between;gap:8px}.acx.acx .ug-card-h h2{font:400 22px/1.1 var(--bb-font-display)}.acx.acx .up-flag{padding:5px 9px;border-radius:999px;font:700 11px/1 var(--bb-font-body);letter-spacing:.04em;text-transform:uppercase;color:var(--on-accent);background:var(--bb-grad)}.acx.acx .up-flag.cur{color:var(--bb-text);background:var(--bb-glass-3);box-shadow:inset 0 0 0 1px var(--bb-border-2)}.acx.acx .up-price{margin:2px 0 0;display:flex;align-items:baseline;gap:4px}.acx.acx .up-price b{font:400 clamp(30px,4.6dvh,40px)/1 var(--bb-font-display)}.acx.acx .up-price span{color:var(--bb-text-2);font-size:14px;font-weight:600}.acx.acx .up-billed{margin:0;color:var(--bb-text-3);font-size:13px}.acx.acx .up-feats{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;list-style:none;margin:6px -6px 0;padding:4px 6px;display:flex;flex-direction:column;gap:clamp(6px,1.1dvh,10px);border-top:1px solid var(--bb-border)}.acx.acx .up-feats li{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start;font-size:14.5px;line-height:1.35}.acx.acx .up-feats li:first-child{margin-top:8px}.acx.acx .up-feats .i{width:20px;height:20px;padding:3px;border-radius:50%;background:rgba(var(--bb-success-rgb),.14);color:var(--bb-success);stroke-width:2.6;margin-top:-1px}.acx.acx .ug-card-f{flex:none;display:flex;flex-direction:column;gap:6px}.acx.acx .ug-card-f:empty{display:none}.acx.acx .up-cta[disabled]{opacity:1;color:var(--bb-text-2);cursor:default}.acx.acx .up-cta[disabled] .i{width:18px;height:18px;stroke-width:2.6;color:var(--bb-success)}.acx.acx .up-cta .spin,.acx.acx .up-opts .spin{width:16px;height:16px}.acx.acx .is-busy{pointer-events:none}.acx.acx .up-unavail{margin:0;display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px;color:#fcd34d;text-align:center}.acx.acx .up-unavail .i{width:16px;height:16px;flex:none}.acx.acx .up-note{flex:none;margin:0;display:flex;align-items:center;justify-content:center;gap:6px;color:var(--bb-text-3);font-size:13px;text-align:center}.acx.acx .up-note .i{width:16px;height:16px;flex:none}.acx.acx .up-pop{gap:10px}.acx.acx .up-sum{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:16px;background:var(--bb-glass);box-shadow:inset 0 0 0 1px var(--bb-border-2)}.acx.acx .up-sum div{display:flex;flex-direction:column;gap:3px}.acx.acx .up-sum b{font-size:15px}.acx.acx .up-sum span{color:var(--bb-text-2);font-size:14px}.acx.acx .up-sum-ic,.acx.acx .up-ok{width:38px;height:38px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--bb-grad-subtle);color:var(--bb-pink-soft)}.acx.acx .up-ok{background:rgba(var(--bb-success-rgb),.14);color:var(--bb-success)}.acx.acx .up-sum-ic .i,.acx.acx .up-ok .i{width:20px;height:20px}.acx.acx .up-rule{margin:0;color:var(--bb-text-2);font-size:13px;line-height:1.45;text-wrap:pretty}.acx.acx .up-st{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start;padding:12px;border-radius:14px;background:rgba(var(--bb-ink-rgb),calc(.035 * var(--bb-ink-a-lo)));box-shadow:inset 0 0 0 1px var(--bb-border)}.acx.acx .up-st .i,.acx.acx .up-st .spin{width:20px;height:20px;color:var(--bb-pink-soft)}.acx.acx .up-st div{display:flex;flex-direction:column;gap:3px;font-size:13.5px;line-height:1.4;color:var(--bb-text-2)}.acx.acx .up-st b{color:var(--bb-text);font-size:14px}.acx.acx .up-st.warn{background:#fbbf2412;box-shadow:inset 0 0 0 1px #fbbf2447}.acx.acx .up-st.warn .i{color:#fcd34d}.acx.acx .up-wnote{margin:0;display:grid;grid-template-columns:18px 1fr;gap:8px;font-size:12.5px;line-height:1.4;color:var(--bb-text-3)}.acx.acx .up-wnote .i{width:18px;height:18px;color:var(--bb-success)}@media (max-width:767.98px) and (max-height:700px){.acx.acx .up-sub{display:none}.acx.acx .up-bloss{width:64px}.acx.acx .up-tab{min-height:50px}.acx.acx .up-pop .up-rule{font-size:12.5px}.acx.acx .up-pop .up-wnote span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}@media (max-width:359.98px){.acx.acx .ug-card{padding:12px}.acx.acx .up-tab b{font-size:13px}.acx.acx .up-feats li{font-size:14px}}@media (min-width:769px){.acx.acx .up-head{grid-template-columns:auto 1fr auto;gap:8px 18px}.acx.acx .up-bloss{width:clamp(96px,15dvh,150px);margin:-10px 0 0 -8px}.acx.acx .up-bill{grid-column:auto;justify-self:end}.acx.acx .up-tabs{display:none}.acx.acx .up-plans{flex-direction:row;gap:clamp(12px,1.4vw,20px)}.acx.acx .ug-card{display:flex;flex:1 1 0;min-width:0;padding:clamp(16px,2.2dvh,24px)}.acx.acx .up-cta{min-height:48px}}.acx.acx.st{display:flex;flex-direction:column;gap:12px}.acx.acx .st-col{display:contents}.acx.acx .st-sec{display:flex;flex-direction:column;gap:10px}.acx.acx .st-h{display:flex;align-items:center;justify-content:space-between;gap:8px}.acx.acx .st-h .pr-card-h{margin:0}.acx.acx .st-hint{margin:-6px 0 0}.acx.acx .st-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:999px;font:700 11px/1 var(--bb-font-body);letter-spacing:.04em;text-transform:uppercase;color:var(--bb-star);background:#fbbf241f}.acx.acx .st-badge.pk{color:var(--bb-pink-soft);background:var(--bb-grad-subtle);text-transform:none;letter-spacing:0;font-size:12px}.acx.acx .st-badge .i{width:14px;height:14px}.acx.acx .st-me{display:flex;align-items:center;gap:12px;min-width:0}.acx.acx .st-ava{width:56px;height:56px;font-size:22px}.acx.acx .st-ava.lg{width:72px;height:72px;font-size:28px}.acx.acx .st-me-tx{display:flex;flex-direction:column;gap:3px;min-width:0}.acx.acx .st-me-tx b{font-size:16px}.acx.acx .st-me-tx>span{color:var(--bb-text-2);font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.acx.acx .st-plan{align-self:flex-start;display:inline-flex;align-items:center;gap:5px;margin-top:2px;padding:4px 9px;border-radius:999px;font:600 12px/1 var(--bb-font-body)!important;color:var(--bb-text-2);background:var(--bb-glass-3)}.acx.acx .st-plan.pro{color:var(--bb-star);background:#fbbf241f}.acx.acx .st-plan .i{width:13px;height:13px}.acx.acx .st-acts{display:flex;flex-wrap:wrap;gap:8px}.acx.acx.st .btn-sm{position:relative}.acx.acx.st .btn-sm:after{content:"";position:absolute;top:-4px;right:0;bottom:-4px;left:0}.acx.acx .custom-mode-btn{position:relative}.acx.acx .custom-mode-btn:after{content:"";position:absolute;top:-4px;right:0;bottom:-4px;left:0}.acx.acx .st-acts .btn .i{width:16px;height:16px}.acx.acx .st-msg{margin:0;display:flex;align-items:center;gap:6px;font-size:13.5px;color:var(--bb-success)}.acx.acx .st-msg .i{width:16px;height:16px}.acx.acx .st-lock-note{color:var(--bb-text-2)}.acx.acx .st-lock-note:empty{margin-top:-10px}.acx.acx .st-lock-note a{position:relative;color:var(--bb-text);font-weight:600;text-decoration:underline;text-underline-offset:2px}.acx.acx .st-lock-note a:after{content:"";position:absolute;top:-14px;right:-6px;bottom:-14px;left:-6px}.acx.acx .st-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.acx.acx .st-li{display:flex;align-items:center;gap:12px;padding:9px 0;min-height:52px}.acx.acx .st-list .st-li+.st-li{border-top:1px solid var(--bb-border)}.acx.acx .st-ic{width:36px;height:36px;flex:none;border-radius:12px;display:grid;place-items:center;background:var(--bb-grad-subtle);color:var(--bb-pink-soft)}.acx.acx .st-ic .i{width:18px;height:18px}.acx.acx .st-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.acx.acx .st-tx b{font-size:14.5px;font-weight:600}.acx.acx .st-tx b code{font:500 12.5px var(--bb-font-mono);color:var(--bb-text-2);margin-left:4px}.acx.acx .st-tx span{font-size:13px;color:var(--bb-text-2);line-height:1.35;text-wrap:pretty}.acx.acx .st-li .btn{flex:none}.acx.acx .st-li .btn[disabled]{opacity:.55;cursor:default}.acx.acx .st-add{display:flex;flex-wrap:wrap;gap:8px;padding-top:2px}.acx.acx .st-help{padding:0}.acx.acx .st-del .st-ic{background:rgba(var(--bb-danger-rgb),.12);color:#fca5a5}.acx.acx .st-out{color:var(--bb-text)}.acx.acx .st-app{display:grid;grid-template-columns:clamp(88px,26vw,120px) 1fr;gap:14px;align-items:center}.acx.acx .st-app .pr-sub{margin:0 0 10px}.acx.acx .st-app-art{aspect-ratio:1;display:grid;grid-template-columns:1fr 1fr;gap:4px;border-radius:16px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--bb-border)}.acx.acx .st-app-art span{background:radial-gradient(120% 90% at 28% 18%,hsl(var(--h) 85% 68% / .9),transparent 62%),linear-gradient(140deg,hsl(var(--h) 70% 44%),hsl(calc(var(--h) + 48) 68% 26%));opacity:.55;filter:saturate(.8)}.acx.acx .st-app-art.pro{grid-template-columns:1fr}.acx.acx .st-app-art.pro span{opacity:1;filter:none}.acx.acx .st-app-art.pro span:nth-child(n+2){display:none}.acx.acx .st-sum{margin:0 0 4px;font-weight:600;font-size:14px}.acx.acx .st-app .btn .i{width:16px;height:16px}.acx.acx .st-themes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px}.acx.acx .st-th{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:6px 6px 8px;border-radius:14px;background:var(--bb-glass);box-shadow:inset 0 0 0 1px var(--bb-border);text-align:left}.acx.acx .st-th.on{background:var(--bb-grad-subtle);box-shadow:inset 0 0 0 1.5px rgba(var(--accent-rgb),.6)}.acx.acx .st-th-sw{position:relative;width:100%;height:40px;border-radius:9px;box-shadow:inset 0 0 0 1px rgba(var(--bb-ink-rgb),calc(.12 * var(--bb-ink-a-lo)))}.acx.acx .st-th-sw i{position:absolute;right:8px;bottom:8px;width:22px;height:22px;border-radius:50%}.acx.acx .st-th-n{font-size:13px;font-weight:600;padding:0 2px}.acx.acx .st-th-l{display:inline-flex;align-items:center;gap:4px;padding:0 2px;font-size:12px;color:var(--bb-text-3)}.acx.acx .st-th-l.on{color:var(--bb-text)}.acx.acx .st-th-l.on .i{color:var(--bb-success)}.acx.acx .st-th-l .i{width:13px;height:13px}.acx.acx .st-th[aria-disabled=true] .st-th-sw{opacity:.55}.acx.acx .st-sw-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;cursor:pointer}.acx.acx .st-sw-row>span{display:flex;flex-direction:column;gap:2px}.acx.acx .st-sw-row b{font-size:14.5px;font-weight:600}.acx.acx .st-sw-row small{font-size:13px;color:var(--bb-text-2)}.acx.acx .st-sw{-moz-appearance:none;appearance:none;-webkit-appearance:none;flex:none;position:relative;width:46px;height:28px;margin:0;border-radius:999px;background:rgba(var(--bb-ink-rgb),calc(.12 * var(--bb-ink-a-lo)));box-shadow:inset 0 0 0 1px var(--bb-border-2);cursor:pointer;transition:background .2s}.acx.acx .st-sw:before{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #00000059;transition:transform .2s}.acx.acx .st-sw:checked{background:var(--bb-grad);box-shadow:none}.acx.acx .st-sw:checked:before{transform:translate(18px)}.acx.acx .st-sw:focus-visible{outline:2px solid var(--bb-pink-soft);outline-offset:3px}.acx.acx .st-edit{display:flex;flex-direction:column;gap:12px}.acx.acx .st-pic{display:flex;align-items:center;gap:12px}.acx.acx .st-pic .btn .i{width:16px;height:16px}.acx.acx .st-fields{display:flex;flex-direction:column;gap:12px}.acx.acx .st-fields .field{position:relative;min-width:0}.acx.acx .st-fields textarea.input{height:auto;min-height:84px;padding:12px 14px;resize:none;line-height:1.4}.acx.acx .st-fields .input{height:48px}.acx.acx .st-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.acx.acx .st-fh{font-size:12.5px;color:var(--bb-text-3);line-height:1.35}.acx.acx .st-fh.err{color:#fca5a5}.acx.acx .st-name{position:absolute;right:12px;top:37px;display:inline-flex;align-items:center;gap:4px;font:600 12.5px/1 var(--bb-font-body)}.acx.acx .st-name.ok{color:var(--bb-success)}.acx.acx .st-name.taken{color:#fca5a5}.acx.acx .st-name .i{width:14px;height:14px}.acx.acx .st-fields .input[aria-invalid=true]{box-shadow:inset 0 0 0 1px rgba(var(--bb-danger-rgb),.6)}.acx.acx .st-priv{display:flex;flex-direction:column;margin:0;padding:10px 12px;border-radius:14px;background:rgba(var(--bb-ink-rgb),calc(.03 * var(--bb-ink-a-lo)));box-shadow:inset 0 0 0 1px var(--bb-border)}.acx.acx .st-priv-h{margin:0 0 2px;font:600 13px/1.2 var(--bb-font-body);color:var(--bb-text-2)}.acx.acx .st-priv .st-fh{margin:2px 0 0}.acx.acx .st-edit-acts{display:flex;align-items:center;gap:8px}.acx.acx .st-edit-acts .btn[disabled]{opacity:.5}.acx.acx .st-quiet{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;font-size:14px;color:var(--bb-text-2)}.acx.acx .st-quiet label{display:inline-flex;align-items:center;gap:8px}.acx.acx .st-sel{width:auto;height:44px;padding:0 12px}.acx.acx .st-greet>.pr-sub{margin:-4px 0 0}@media (max-width:359.98px){.acx.acx .st-row{grid-template-columns:1fr}.acx.acx .st-li .btn-xs{padding:0 10px}}@media (min-width:1024px){.acx.acx.st{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:14px}.acx.acx .st-col{display:flex;flex-direction:column;gap:14px}.acx.acx .st-sec{padding:16px 18px}}.acx.acx .up-burn{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 14px;border-radius:999px;background:linear-gradient(135deg,rgba(var(--accent-rgb),.08),rgba(var(--accent2-rgb),.06)),var(--bb-glass);box-shadow:inset 0 0 0 1px var(--bb-border);color:var(--bb-text-2);cursor:not-allowed;font-size:14px}.acx.acx .up-burn svg{width:18px;height:18px;flex:none;opacity:.7}.acx.acx .up-burn b{font-weight:600;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.acx.acx .up-soon{flex:none;padding:3px 9px;border-radius:999px;font:600 11px/1.2 var(--bb-font,inherit);letter-spacing:.02em;color:var(--bb-pink-soft);background:rgba(var(--accent-rgb),.14);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.28)}@media (max-height:600px){.acx.acx .up-pop:has(.up-st) .up-burn{display:none}}.acx.acx .up-burn-btn .i{width:18px;height:18px}.acx.acx.up-page{--pg-t:16px;--pg-x:14px;--pg-b:20px;max-width:none;margin:calc(var(--pg-t) * -1) calc(var(--pg-x) * -1) 0;padding:12px;overflow:visible;color:var(--bb-text);font:400 var(--t-body)/var(--t-body-lh) var(--bb-font-body);-webkit-font-smoothing:antialiased;animation:none}.acx.acx.up-page>:is(.up-note,.upgrade-footer){margin-bottom:calc((var(--pg-t) + var(--pg-b)) * -1)}@media (min-width:769px){.acx.acx.up-page{--pg-t:clamp(20px,2.4vw,32px);--pg-x:clamp(20px,2.6vw,40px);--pg-b:var(--pg-t);padding:clamp(16px,2dvh,24px) clamp(18px,2.2vw,32px) 0}}.acx.acx:not(.up-page):not(.st){--side-w:clamp(232px,16vw,252px)}@media (min-width:769px) and (max-width:1199.98px){.acx.acx:not(.up-page):not(.st){--side-w:88px}}@media (min-width:1600px){.acx.acx:not(.up-page):not(.st){--side-w:256px}}.acx.acx .st-app-art img{display:block;width:100%;height:100%;object-fit:cover}.acx.acx .st-greet>form{display:contents}.acx.acx .st-app>div{min-width:0}.acx.acx .st-app .btn{white-space:normal;text-wrap:balance}.acx.acx .st-msg.err{color:#fca5a5}.acx.acx:is([data-theme-mode=light] *) .up-unavail,.acx.acx:is([data-theme-mode=light] *) .up-st.warn .i{color:var(--bb-warn)}.acx.acx:is([data-theme-mode=light] *) :is(.st-fh.err,.st-name.taken,.st-msg.err,.st-del .st-ic){color:var(--bb-danger)}.acx.acx:is([data-theme-mode=light] *) .ug-card{background:var(--bb-bg-raise)}.acx.acx.st{max-width:none;margin:0;animation:none}.acx.acx .plan-card{position:static;transition:none}@media (max-width:768px){.acx.acx .plan-card{min-width:auto}}.acx.acx .plan-card:hover{transform:none}.acx.acx .plan-btn{margin:0}.acx.acx .pro-btn:hover{opacity:1}.acx.acx .up-bloss{object-fit:fill}.acx.acx .pop.crypto-chooser{overflow:visible}@media (max-width:768px){.acx.acx .pop.crypto-chooser{width:auto}}.acx.acx .crypto-chooser-options{flex-direction:row}.acx.acx .crypto-checkout-head{display:contents}.acx.acx .crypto-checkout-net{align-self:center}.acx.acx .upgrade-crypto-sub{color:inherit;font-size:inherit}.acx.acx .upgrade-error{border:0;margin:0;color:inherit;font-size:inherit;text-align:start}.acx.acx .st-name.name-status{transform:none}.acx.acx .st-name.checking{color:var(--bb-text-3)}@media (max-height:640px){.acx.acx .input{min-height:44px}.acx.acx .field{gap:4px}}@media (min-width:960px){.acx.acx .input{min-height:clamp(48px,6.2dvh,58px)}}.acx.acx .ug-card-f .up-cta[disabled]{color:var(--bb-text-3)}.acx.acx .ug-card-f .up-cta .spin{width:14px;height:14px}.acx.acx .pop.up-pop .btn-grad:is([disabled],.is-busy){background:var(--bb-grad);color:var(--bb-ink);box-shadow:var(--sh-cta);opacity:1}.acx.acx .pop.up-pop .btn-glass[disabled]{background:var(--bb-glass);color:var(--bb-text);box-shadow:inset 0 0 0 1px var(--bb-border-2)}.acx.acx .custom-theme-builder{margin:0;padding:10px 12px;border:0;border-radius:14px;background:rgba(var(--bb-ink-rgb),calc(.03 * var(--bb-ink-a-lo)));box-shadow:inset 0 0 0 1px var(--bb-border)}.acx.acx .custom-theme-builder .theme-tier-label{margin:0 0 10px;font:600 13px/1.2 var(--bb-font-body);letter-spacing:0;text-transform:none;color:var(--bb-text-2)}.acx.acx .custom-builder-controls{flex-wrap:wrap;gap:12px 20px}.acx.acx .custom-label{font:600 13px/1.2 var(--bb-font-body);letter-spacing:0;text-transform:none;color:var(--bb-text-2)}.acx.acx .custom-color-hex{font:500 12.5px var(--bb-font-mono);color:var(--bb-text-2)}.acx.acx .custom-mode-toggle{background:var(--bb-glass);border:0;border-radius:999px;box-shadow:inset 0 0 0 1px var(--bb-border)}.acx.acx .custom-mode-btn{min-height:36px;border-radius:999px;color:var(--bb-text-2)}.acx.acx .custom-mode-btn.active{background:var(--bb-grad);color:var(--on-accent)}.acx.acx .dev-plan-toggle{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.acx.acx .dev-plan-btn{min-height:36px;padding:0 14px;border-radius:999px;background:var(--bb-glass);box-shadow:inset 0 0 0 1px var(--bb-border-2);font-size:13px;font-weight:600}.acx.acx .dev-plan-btn.active{background:var(--bb-grad-subtle);box-shadow:inset 0 0 0 1.5px rgba(var(--accent-rgb),.55)}.acx.acx .up-quote{display:grid;gap:6px}.acx.acx .up-quote p{margin:0}.acx.acx .up-quote-pay{font-size:17px;line-height:1.3;color:var(--bb-text)}.acx.acx .up-quote-note{font-size:13.5px;line-height:1.4;color:var(--bb-text-2)}.acx.acx .up-quote-held{font-variant-numeric:tabular-nums}.acx.acx .up-quote-final{font-size:14px;line-height:1.4;color:var(--bb-text)}.acx.acx .up-quote .pop-acts{margin-top:6px}.acx.acx .pop.up-pop .up-quote .btn-grad[disabled]{opacity:.5;box-shadow:none;cursor:default}.acx.acx:is([data-theme-mode=light] *) :is(.st-plan.pro,.st-badge:not(.pk)){background:var(--bb-bg-raise)}