.vip-modal{--vip-acid:#c8f000;--vip-signal:#00e5ff;--vip-supervip:#ff9de6;--vip-void:#080808;--vip-surface:#0f0f0f;--vip-surface-2:#141414;--vip-border:#1f1f1f;--vip-border-2:#2a2a2a;--vip-text:#e8e8e8;--vip-muted:#888;--vip-dim:#555;color:var(--vip-text);font-family:var(--font-mono),"DM Mono",monospace}.vip-modal__backdrop{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(0,0,0,.8);backdrop-filter:blur(6px)}.vip-modal__dialog{position:relative;width:100%;max-width:560px;max-height:min(90vh,740px);overflow-y:auto;background:var(--vip-surface);border:1px solid var(--vip-border-2);border-radius:10px;padding:24px;display:flex;flex-direction:column;gap:18px;box-shadow:0 32px 64px rgba(0,0,0,.6)}.vip-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--vip-border)}.vip-modal__title{margin:0;font-size:.9375rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--vip-acid)}.vip-modal__close{appearance:none;border:none;background:transparent;color:var(--vip-dim);font-size:1.25rem;line-height:1;cursor:pointer;padding:4px;transition:color .12s}.vip-modal__close:hover{color:var(--vip-text)}.vip-modal__subtitle{margin:0;color:var(--vip-muted);font-size:.8125rem;line-height:1.6}.vip-modal__current-status{margin:0;padding:8px 12px;font-size:.75rem;line-height:1.4;color:var(--vip-signal);background:color-mix(in srgb,var(--vip-signal) 6%,var(--vip-surface-2));border:1px solid color-mix(in srgb,var(--vip-signal) 20%,transparent);border-radius:6px}.vip-modal__grid{display:grid;grid-template-columns:1fr;gap:12px}@media (min-width:480px){.vip-modal__grid{grid-template-columns:1fr 1fr}}.vip-modal__card{background:var(--vip-void);border:1px solid var(--vip-border-2);border-top:2px solid var(--vip-border-2);border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:10px;transition:border-color .15s}.vip-modal__card--vip{border-top-color:var(--vip-acid)}.vip-modal__card--vip:not(.vip-modal__card--disabled):hover{border-color:color-mix(in srgb,var(--vip-acid) 28%,var(--vip-border-2));border-top-color:var(--vip-acid)}.vip-modal__card--supervip{border-top-color:var(--vip-supervip)}.vip-modal__card--supervip:not(.vip-modal__card--disabled):hover{border-color:color-mix(in srgb,var(--vip-supervip) 28%,var(--vip-border-2));border-top-color:var(--vip-supervip)}.vip-modal__card--disabled{opacity:.4}.vip-modal__tier{margin:0;font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--vip-signal)}.vip-modal__card--vip .vip-modal__tier{color:var(--vip-acid)}.vip-modal__card--supervip .vip-modal__tier{color:var(--vip-supervip)}.vip-modal__price{margin:0;font-size:1.625rem;font-weight:700;line-height:1;color:var(--vip-text)}.vip-modal__card--vip .vip-modal__price{color:var(--vip-acid)}.vip-modal__card--supervip .vip-modal__price{color:var(--vip-supervip)}.vip-modal__features{margin:0;padding:0;list-style:none;color:var(--vip-muted);font-size:.75rem;line-height:1.6;display:flex;flex-direction:column;gap:2px}.vip-modal__features li:before{content:"· ";color:var(--vip-dim)}.vip-modal__card--vip .vip-modal__features li:before{color:var(--vip-acid);opacity:.55}.vip-modal__card--supervip .vip-modal__features li:before{color:var(--vip-supervip);opacity:.55}.vip-modal__bonus{margin:0;padding:7px 10px;font-size:.6875rem;line-height:1.45;color:var(--vip-acid);background:color-mix(in srgb,var(--vip-acid) 8%,var(--vip-void));border:1px solid color-mix(in srgb,var(--vip-acid) 22%,transparent);border-radius:5px}.vip-modal__card-notice{margin:auto 0 0;padding:8px 10px;font-size:.6875rem;line-height:1.5;color:var(--vip-dim);background:var(--vip-surface-2);border:1px solid var(--vip-border);border-radius:5px;text-align:center}.vip-modal__btn{margin-top:auto;padding:10px 14px;border:1px solid var(--vip-acid);background:transparent;color:var(--vip-acid);cursor:pointer;font:inherit;font-size:.8125rem;border-radius:6px;transition:background .12s;width:100%;text-align:center}.vip-modal__btn:hover:not(:disabled){background:color-mix(in srgb,var(--vip-acid) 12%,transparent)}.vip-modal__btn:disabled{opacity:.45;cursor:not-allowed}.vip-modal__card--supervip .vip-modal__btn{border-color:var(--vip-supervip);color:var(--vip-supervip)}.vip-modal__card--supervip .vip-modal__btn:hover:not(:disabled){background:color-mix(in srgb,var(--vip-supervip) 12%,transparent)}.vip-modal__btn--steam{color:var(--vip-text);background:#1b2838;border-color:#2a475e}.vip-modal__btn--steam:hover:not(:disabled){background:#2a475e}.vip-modal__btn--ghost{border-color:var(--vip-border-2);color:var(--vip-muted);margin-top:0}.vip-modal__btn--ghost:hover:not(:disabled){background:var(--vip-surface-2);color:var(--vip-text)}.vip-modal__actions{display:flex;flex-direction:column;gap:8px}.vip-modal__qr{width:200px;height:200px;background:#fff;padding:8px;align-self:center;border-radius:6px;display:block}.vip-modal__copy{word-break:break-all;font-size:.6875rem;color:var(--vip-muted);background:var(--vip-void);padding:10px 12px;border:1px solid var(--vip-border);border-radius:6px;line-height:1.5;user-select:all}.vip-modal__status{font-size:.875rem;color:var(--vip-signal)}.vip-modal__notice{font-size:.6875rem;color:var(--vip-dim);line-height:1.55}.vip-modal__error{margin:0;font-size:.8125rem;color:#ff6b6b}.vip-modal__panel{display:flex;flex-direction:column;gap:12px}.profile{--pv-acid:#c8f000;--pv-signal:#00e5ff;--pv-void:#080808;--pv-surface:#0f0f0f;--pv-surface-2:#141414;--pv-border:#1f1f1f;--pv-border-2:#2a2a2a;--pv-text:#e8e8e8;--pv-muted:#888;--pv-dim:#555;min-height:100vh;background:#111;color:var(--pv-text);font-family:var(--font-mono),"DM Mono",monospace}.profile__inner{max-width:1120px;margin:0 auto;padding:20px 16px 32px;gap:16px}.profile__header,.profile__inner{display:flex;flex-direction:column}.profile__header{gap:4px}.profile__title{margin:0;font-size:1.125rem;font-weight:600;color:var(--pv-acid);letter-spacing:.02em}.profile__subtitle{margin:0;font-size:.8125rem;color:var(--pv-muted);line-height:1.5;max-width:52rem}.preview-user{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 16px;background:var(--pv-surface);border:1px solid var(--pv-border);border-radius:8px}.preview-user--guest{border-style:dashed}.preview-user__profile{display:flex;align-items:center;gap:12px;min-width:0}.preview-user__avatar{width:40px;height:40px;border-radius:6px;border:1px solid var(--pv-border-2);object-fit:cover;flex-shrink:0}.preview-user__avatar--placeholder{background:var(--pv-surface-2)}.preview-user__name{font-size:.875rem;font-weight:600;color:var(--pv-acid)}.preview-user__meta{font-size:.6875rem;color:var(--pv-dim);margin-top:2px}.preview-user__chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.preview-chip{font-size:.6875rem;padding:3px 8px;border-radius:4px;border:1px solid var(--pv-border-2);color:var(--pv-muted);background:var(--pv-surface-2)}.preview-chip--vip{color:var(--pv-acid);border-color:color-mix(in srgb,var(--pv-acid) 30%,transparent)}.preview-chip--supervip{color:#ff9de6;border-color:color-mix(in srgb,#ff9de6 35%,transparent);background:color-mix(in srgb,#ff9de6 8%,var(--pv-surface-2))}.settings-track-picker{display:flex;flex-direction:column;gap:6px;max-height:220px;overflow-y:auto;padding:8px;background:var(--pv-void);border:1px solid var(--pv-border);border-radius:6px}.settings-track-option{display:flex;align-items:flex-start;gap:8px;padding:8px;border-radius:6px;border:1px solid transparent;cursor:pointer;font-size:.75rem;color:var(--pv-muted)}.settings-track-option:hover{border-color:var(--pv-border-2);background:var(--pv-surface-2)}.settings-track-option--selected{border-color:var(--pv-acid);background:color-mix(in srgb,var(--pv-acid) 6%,var(--pv-void))}.settings-track-option__title{color:var(--pv-text);font-weight:600}.settings-track-option__meta{font-size:.625rem;color:var(--pv-dim);font-family:var(--font-mono),monospace}.preview-chip--signal{color:var(--pv-signal);border-color:color-mix(in srgb,var(--pv-signal) 30%,transparent)}.preview-tabs{display:flex;gap:4px;padding:4px;background:var(--pv-surface);border:1px solid var(--pv-border);border-radius:8px;width:fit-content}.preview-tab{appearance:none;border:none;background:transparent;color:var(--pv-muted);font-family:inherit;font-size:.8125rem;padding:8px 16px;border-radius:6px;cursor:pointer;transition:background .15s,color .15s}.preview-tab:hover{color:var(--pv-text);background:var(--pv-surface-2)}.preview-tab--active{font-weight:600}.preview-tab--active,.preview-tab--active:hover{color:var(--pv-void);background:var(--pv-acid)}.preview-card{background:var(--pv-surface);border:1px solid var(--pv-border);border-radius:8px;padding:16px}.preview-card__title{margin:0 0 4px;font-size:.8125rem;font-weight:600;color:var(--pv-text)}.preview-card__desc{margin:0 0 12px;font-size:.75rem;color:var(--pv-muted);line-height:1.45}.preview-card__actions{display:flex;flex-wrap:wrap;gap:8px}.preview-btn{appearance:none;border:1px solid color-mix(in srgb,currentColor 25%,transparent);background:transparent;color:var(--pv-muted);font-family:inherit;font-size:.75rem;padding:7px 14px;border-radius:6px;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.preview-btn:hover:not(:disabled){background:var(--pv-surface-2);color:var(--pv-text)}.preview-btn:disabled{opacity:.5;cursor:not-allowed}.preview-btn--primary{color:var(--pv-void);background:var(--pv-acid);border-color:var(--pv-acid);font-weight:600}.preview-btn--primary:hover:not(:disabled){background:#d4ff1a;color:var(--pv-void)}.preview-btn--signal{color:var(--pv-signal);border-color:color-mix(in srgb,var(--pv-signal) 35%,transparent)}.preview-btn--signal:hover:not(:disabled){background:color-mix(in srgb,var(--pv-signal) 10%,transparent);color:var(--pv-signal)}.preview-btn--steam{color:var(--pv-text);background:#1b2838;border-color:#2a475e;font-weight:600;padding:8px 16px}.preview-btn--steam:hover:not(:disabled){background:#2a475e;color:#fff}.preview-btn--ghost{border-color:transparent;color:var(--pv-dim)}.preview-btn--ghost:hover:not(:disabled){color:var(--pv-muted);background:var(--pv-surface-2)}.preview-sim{display:flex;flex-direction:column;gap:12px}.preview-sim__controls{display:grid;grid-template-columns:1fr;gap:10px}@media (min-width:768px){.preview-sim__controls{grid-template-columns:1fr 1fr}}@media (min-width:900px){.preview-sim--focused{display:grid;grid-template-columns:minmax(220px,280px) 1fr;grid-template-rows:auto 1fr auto;gap:12px;align-items:start}.preview-sim--focused .preview-sim__controls{grid-column:1;grid-row:1/3;grid-template-columns:1fr}.preview-sim--focused .preview-sim__frame-wrap{grid-column:2;grid-row:1;min-height:0}.preview-sim--focused .preview-sim__frame{height:clamp(680px,calc(100vh - 140px),1080px)}.preview-sim--focused .preview-log{grid-column:1/-1;grid-row:3}}.preview-sim__step{display:flex;flex-direction:column;gap:6px}.preview-sim__step-label{font-size:.6875rem;color:var(--pv-dim);text-transform:uppercase;letter-spacing:.06em}.preview-sim__frame-wrap{display:flex;flex-direction:column;gap:8px}.preview-sim__frame-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:.6875rem;color:var(--pv-dim)}.preview-sim__frame{width:100%;height:clamp(620px,86vh,1080px);min-height:620px;border:1px solid var(--pv-border);border-radius:8px;background:var(--pv-void)}@media (min-width:1100px){.preview-sim__frame{min-height:720px}}.preview-log{border:1px solid var(--pv-border);border-radius:8px;overflow:hidden;background:var(--pv-void)}.preview-log__toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;background:var(--pv-surface);border:none;color:var(--pv-muted);font-family:inherit;font-size:.75rem;cursor:pointer;text-align:left}.preview-log__toggle:hover{color:var(--pv-text)}.preview-log__body{padding:10px 14px;font-size:.6875rem;color:var(--pv-muted);max-height:140px;overflow-y:auto}.preview-log__line{color:var(--pv-signal);margin-bottom:2px}.preview-log__empty{color:var(--pv-dim);font-style:italic}.settings{display:flex;flex-direction:column;gap:16px}.settings-grid{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width:900px){.settings-grid{grid-template-columns:1fr 1fr}.settings-grid__full{grid-column:1/-1}}.settings-section{background:var(--pv-surface);border:1px solid var(--pv-border);border-radius:8px;padding:18px;display:flex;flex-direction:column;gap:14px}.settings-section--vip{border-color:color-mix(in srgb,var(--pv-acid) 20%,var(--pv-border))}.settings-section--prefs{gap:16px}.settings-prefs-body{display:flex;flex-direction:column;gap:14px}.settings-divider{height:1px;background:var(--pv-border);margin:2px 0}.settings-field-hint{margin:0;font-size:.6875rem;color:var(--pv-dim);line-height:1.4}.settings-save-footer{padding-top:4px;border-top:1px solid var(--pv-border)}.settings-save-footer .preview-btn{width:100%}.settings-kicker{font-size:.625rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--pv-acid)}.settings-stack{display:flex;flex-direction:column;gap:8px}.settings-row-action{flex-shrink:0;white-space:nowrap}.settings-section__head{display:flex;flex-direction:column;gap:4px}.settings-section__title{margin:0;font-size:.875rem;font-weight:600;color:var(--pv-text)}.settings-section__hint{margin:0;font-size:.75rem;color:var(--pv-muted);line-height:1.45}.settings-field{display:flex;flex-direction:column;gap:6px}.settings-label{font-size:.6875rem;color:var(--pv-dim);text-transform:uppercase;letter-spacing:.05em}.settings-input,.settings-select{width:100%;background:var(--pv-void);border:1px solid var(--pv-border-2);border-radius:6px;color:var(--pv-text);font-family:inherit;font-size:.8125rem;padding:8px 10px}.settings-input:focus,.settings-select:focus{outline:none;border-color:var(--pv-signal)}.settings-range-row{display:flex;align-items:center;gap:12px}.settings-range{flex:1;accent-color:var(--pv-acid)}.settings-range-value{min-width:3rem;text-align:right;font-size:.8125rem;color:var(--pv-signal);font-variant-numeric:tabular-nums}.settings-toggle{display:flex;align-items:center;gap:8px;font-size:.8125rem;color:var(--pv-muted);cursor:pointer;user-select:none}.settings-playlists{display:flex;flex-wrap:wrap;gap:8px}.settings-playlist{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;border:1px solid var(--pv-border-2);background:var(--pv-void);color:var(--pv-muted);font-family:inherit;font-size:.75rem;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.settings-playlist:hover{border-color:var(--pv-muted);color:var(--pv-text)}.settings-playlist--active{border-color:var(--pv-acid);color:var(--pv-acid);background:color-mix(in srgb,var(--pv-acid) 8%,var(--pv-void))}.settings-playlist__check{font-size:.625rem;opacity:0}.settings-playlist--active .settings-playlist__check{opacity:1}.settings-row{display:flex;gap:8px;flex-wrap:wrap}.settings-row>.settings-input,.settings-row>.settings-select{flex:1;min-width:140px}.settings-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.settings-list__item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;background:var(--pv-void);border:1px solid var(--pv-border);border-radius:6px;font-size:.75rem;color:var(--pv-muted)}.settings-list__name{color:var(--pv-text)}.settings-list__badge{font-size:.625rem;padding:2px 6px;border-radius:4px;border:1px solid var(--pv-border-2);color:var(--pv-dim)}.settings-list__badge--ready{color:var(--pv-acid);border-color:color-mix(in srgb,var(--pv-acid) 30%,transparent)}.settings-list__badge--pending{color:var(--pv-signal);border-color:color-mix(in srgb,var(--pv-signal) 30%,transparent)}.settings-empty{font-size:.75rem;color:var(--pv-dim);font-style:italic;margin:0}.settings-guest{text-align:center;padding:40px 24px;display:flex;flex-direction:column;align-items:center;gap:16px;max-width:28rem;margin:0 auto}.settings-guest__icon{width:56px;height:56px;border-radius:8px;background:var(--pv-surface-2);border:1px dashed var(--pv-border-2);display:flex;align-items:center;justify-content:center;font-size:1.5rem}.settings-guest__title{margin:0;font-size:1rem;color:var(--pv-text)}.settings-guest__text{margin:0;font-size:.8125rem;color:var(--pv-muted);line-height:1.5}.preview-toast{padding:10px 14px;border-radius:6px;font-size:.75rem;border:1px solid var(--pv-border);background:var(--pv-surface-2);color:var(--pv-muted)}.preview-toast--success{color:var(--pv-acid);border-color:color-mix(in srgb,var(--pv-acid) 25%,transparent);background:color-mix(in srgb,var(--pv-acid) 6%,var(--pv-surface))}.preview-toast--error{color:#ff6b6b;border-color:color-mix(in srgb,#ff6b6b 25%,transparent);background:color-mix(in srgb,#ff6b6b 6%,var(--pv-surface))}.preview-toast--info{color:var(--pv-signal);border-color:color-mix(in srgb,var(--pv-signal) 25%,transparent);background:color-mix(in srgb,var(--pv-signal) 6%,var(--pv-surface))}.preview-loading{padding:24px;text-align:center;color:var(--pv-muted);font-size:.8125rem}.profile-guest-cta{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:16px 18px;background:color-mix(in srgb,var(--pv-acid) 6%,var(--pv-surface));border:1px solid color-mix(in srgb,var(--pv-acid) 25%,var(--pv-border));border-radius:8px}.profile-guest-cta__text{margin:0;font-size:.8125rem;color:var(--pv-text);line-height:1.5;max-width:36rem}.profile-guest-cta__text strong{color:var(--pv-acid);font-weight:600}.profile-header__actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.sp{display:flex;flex-direction:column;gap:12px}.sp-loading-row{margin-bottom:4px}.sp-layout{display:grid;grid-template-columns:1fr;gap:12px}@media (min-width:700px){.sp-layout{grid-template-columns:172px 1fr;align-items:start}}.sp-nav{display:flex;flex-direction:row;gap:4px;background:var(--pv-surface);border:1px solid var(--pv-border);border-radius:8px;padding:4px;overflow-x:auto}@media (min-width:700px){.sp-nav{flex-direction:column;overflow-x:visible;position:sticky;top:20px}}.sp-nav__btn{display:flex;align-items:center;gap:6px;flex-shrink:0;width:100%;padding:8px 12px;border:none;background:transparent;color:var(--pv-muted);font-family:inherit;font-size:.8125rem;border-radius:6px;cursor:pointer;text-align:left;transition:background .15s,color .15s;white-space:nowrap}.sp-nav__btn:hover{background:var(--pv-surface-2);color:var(--pv-text)}.sp-nav__btn--active{background:var(--pv-surface-2);color:var(--pv-acid);font-weight:600}.sp-nav__badge{margin-left:auto;font-size:.625rem;padding:2px 5px;border-radius:10px;background:var(--pv-border-2);color:var(--pv-muted);font-weight:600;font-variant-numeric:tabular-nums}.sp-nav__btn--active .sp-nav__badge{background:color-mix(in srgb,var(--pv-acid) 20%,var(--pv-surface));color:var(--pv-acid)}.sp-content{min-width:0;gap:12px}.sp-content,.sp-section{display:flex;flex-direction:column}.sp-section{background:var(--pv-surface);border:1px solid var(--pv-border);border-radius:8px;padding:20px;gap:18px}.sp-section__head{display:flex;flex-direction:column;gap:4px}.sp-section__kicker{font-size:.625rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--pv-acid)}.sp-section__title{margin:0;font-size:.9375rem;font-weight:700;color:var(--pv-text)}.sp-section__hint{margin:0;font-size:.75rem;color:var(--pv-muted);line-height:1.5}.sp-card{background:var(--pv-void);border:1px solid var(--pv-border);border-radius:6px;padding:14px 16px;display:flex;flex-direction:column;gap:10px}.sp-card--danger{border-color:color-mix(in srgb,#ff6b6b 25%,var(--pv-border))}.sp-fields{gap:16px}.sp-field,.sp-fields{display:flex;flex-direction:column}.sp-field{gap:8px}.sp-label{display:block;font-size:.6875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--pv-dim)}.sp-label--danger{color:#ff6b6b}.sp-hint{margin:0;font-size:.6875rem;color:var(--pv-dim);line-height:1.45}.sp-divider{height:1px;background:var(--pv-border)}.sp-range-row{gap:12px}.sp-range-row,.sp-toggle{display:flex;align-items:center}.sp-toggle{gap:8px;font-size:.8125rem;color:var(--pv-muted);cursor:pointer;user-select:none}.sp-chip-group{display:flex;flex-wrap:wrap;gap:8px}.sp-chip{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:20px;border:1px solid var(--pv-border-2);background:var(--pv-void);color:var(--pv-muted);font-family:inherit;font-size:.75rem;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.sp-chip:hover{border-color:var(--pv-muted);color:var(--pv-text)}.sp-chip--active{border-color:var(--pv-acid);color:var(--pv-acid);background:color-mix(in srgb,var(--pv-acid) 8%,var(--pv-void))}.sp-chip__check{font-size:.6rem;font-weight:700}.sp-chip-group__sep{display:block;width:100%;font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;color:var(--pv-muted);margin-top:4px;margin-bottom:-2px}.sp-row{display:flex;gap:8px;flex-wrap:wrap}.sp-row>.settings-input,.sp-row>.settings-select{flex:1;min-width:140px}.sp-row__action{flex-shrink:0;white-space:nowrap}.sp-footer{padding-top:4px;border-top:1px solid var(--pv-border)}.sp-footer .preview-btn{width:100%}.sp-badge{display:inline-block;font-size:.625rem;padding:2px 6px;border-radius:4px;border:1px solid var(--pv-border-2);color:var(--pv-dim);white-space:nowrap;flex-shrink:0}.sp-badge--ready{color:var(--pv-acid);border-color:color-mix(in srgb,var(--pv-acid) 30%,transparent)}.sp-badge--pending{color:var(--pv-signal);border-color:color-mix(in srgb,var(--pv-signal) 30%,transparent)}.sp-badge--error{color:#ff6b6b;border-color:color-mix(in srgb,#ff6b6b 30%,transparent)}.sp-badge--dim{border-color:transparent}.sp-badge--dim,.sp-empty{color:var(--pv-dim);font-style:italic}.sp-empty{font-size:.75rem;margin:0}.sp-empty--indented{padding-left:4px}.sp-upsell{background:var(--pv-void);border:1px dashed var(--pv-border-2);border-radius:6px;padding:20px 16px;display:flex;flex-direction:column;gap:12px;align-items:flex-start}.sp-upsell__text{margin:0;font-size:.8125rem;color:var(--pv-muted);line-height:1.5}.sp-playlist-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.sp-playlist-item{background:var(--pv-void);border:1px solid var(--pv-border);border-radius:6px;overflow:hidden}.sp-playlist-item__header{display:flex;align-items:center;gap:8px;padding:10px 12px;min-height:44px}.sp-playlist-item__toggle{display:flex;align-items:center;gap:8px;flex:1;min-width:0;border:none;background:transparent;color:var(--pv-text);font-family:inherit;font-size:.8125rem;cursor:pointer;text-align:left;padding:0}.sp-playlist-item__toggle:hover{color:var(--pv-acid)}.sp-playlist-item__arrow{font-size:.625rem;color:var(--pv-dim);flex-shrink:0}.sp-playlist-item__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.sp-playlist-item__body{border-top:1px solid var(--pv-border);padding:12px;display:flex;flex-direction:column;gap:12px}.sp-track-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.sp-track-list--standalone{gap:6px}.sp-track-list__item{display:flex;align-items:center;gap:8px;padding:7px 10px;background:var(--pv-surface-2);border:1px solid var(--pv-border);border-radius:5px;font-size:.75rem}.sp-track-list--standalone .sp-track-list__item{padding:9px 12px}.sp-track-list__info{display:flex;align-items:center;gap:8px;flex:1;min-width:0;overflow:hidden}.sp-track-list__name{color:var(--pv-text);font-weight:500}.sp-track-list__meta,.sp-track-list__name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-track-list__meta{font-size:.6875rem;color:var(--pv-dim);flex-shrink:0;max-width:120px}.sp-track-list__actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.sp-add-track{display:flex;flex-direction:column;gap:6px;padding-top:4px;border-top:1px solid var(--pv-border)}.sp-confirm-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.sp-confirm-row__text{font-size:.75rem;color:#ff6b6b;white-space:nowrap}.sp-confirm-block{display:flex;flex-direction:column;gap:10px}.sp-icon-btn{appearance:none;border:1px solid transparent;background:transparent;font-family:inherit;font-size:.75rem;padding:4px 8px;border-radius:4px;cursor:pointer;line-height:1;transition:background .12s,color .12s,border-color .12s;flex-shrink:0;white-space:nowrap}.sp-icon-btn--danger{color:#ff6b6b;border-color:color-mix(in srgb,#ff6b6b 25%,transparent)}.sp-icon-btn--danger:hover{background:color-mix(in srgb,#ff6b6b 12%,transparent)}.sp-icon-btn--muted{color:var(--pv-dim);font-size:1rem;line-height:1;padding:2px 6px}.sp-icon-btn--muted:hover{color:#ff6b6b;background:color-mix(in srgb,#ff6b6b 10%,transparent)}.sp-track-picker{display:flex;flex-direction:column;gap:4px;max-height:200px;overflow-y:auto;padding:6px;background:var(--pv-surface-2);border:1px solid var(--pv-border);border-radius:6px}.sp-track-picker__item{display:flex;align-items:flex-start;gap:8px;padding:7px 8px;border-radius:5px;border:1px solid transparent;cursor:pointer;font-size:.75rem;color:var(--pv-muted);transition:background .12s,border-color .12s}.sp-track-picker__item:hover{border-color:var(--pv-border-2);background:var(--pv-void)}.sp-track-picker__item--active{border-color:var(--pv-acid);background:color-mix(in srgb,var(--pv-acid) 6%,var(--pv-void))}.sp-track-picker__title{color:var(--pv-text);font-weight:500}.sp-track-picker__meta{font-size:.625rem;color:var(--pv-dim)}.sp-track-cover{width:36px;height:36px;border-radius:4px;object-fit:cover;flex-shrink:0}.sp-track-cover--placeholder{background:var(--pv-surface-2);border:1px dashed var(--pv-border-2)}.sp-track-list__item--with-cover{gap:10px}.sp-limit-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.sp-limit-label{font-size:.625rem;font-variant-numeric:tabular-nums;color:var(--pv-dim);letter-spacing:.04em}.sp-chip--sm{padding:4px 10px;font-size:.6875rem}.sp-chip-group--sm{gap:6px}.sp-vip-info{display:flex;flex-direction:column;gap:4px}.sp-vip-info__row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.sp-vip-info__tier{font-size:.875rem;font-weight:700;color:var(--pv-acid)}.sp-vip-info__expiry{font-size:.75rem;color:var(--pv-muted)}