.consent-banner{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(180deg,#18181cf7,#121216fc);border-top:1px solid rgba(255,255,255,.06);padding:22px 40px 18px;z-index:2000;box-shadow:0 -8px 32px #00000080;animation:slideUpBanner .4s cubic-bezier(.16,1,.3,1)}@keyframes slideUpBanner{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.consent-banner-content{max-width:1100px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px}.consent-banner-icon{flex-shrink:0;align-self:flex-start;margin-top:2px}.consent-banner-icon svg{display:block}.consent-banner-text{max-width:380px}.consent-banner-title{margin:0 0 5px;font-size:15px;font-weight:600;color:#fff;letter-spacing:-.01em}.consent-banner-desc{margin:0;font-size:12px;color:#ffffff73;line-height:1.45}.consent-banner-note{margin:0;font-size:13px;color:#ffc864e6;font-weight:500}.consent-banner-actions{display:flex;gap:10px;align-items:center;margin-left:auto}.consent-banner-links{width:100%;display:flex;justify-content:center;gap:6px;margin-top:4px;padding-top:14px;border-top:1px solid rgba(255,255,255,.05)}.consent-btn{padding:10px 20px;border-radius:9px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;white-space:nowrap}.consent-btn--primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 2px 10px #3b82f64d}.consent-btn--primary:hover{background:linear-gradient(135deg,#60a5fa,#3b82f6);transform:translateY(-1px);box-shadow:0 4px 14px #3b82f666}.consent-btn--secondary{background:#ffffff14;color:#ffffffe6;border:1px solid rgba(255,255,255,.12)}.consent-btn--secondary:hover{background:#ffffff1f;border-color:#ffffff2e;transform:translateY(-1px)}.consent-btn--text{background:transparent;color:#ffffff80;padding:11px 14px}.consent-btn--text:hover{color:#ffffffd9;background:#ffffff0d}.consent-link{font-size:12px;color:#ffffff59;text-decoration:none;transition:color .2s;background:none;border:none;padding:0;font-family:inherit;cursor:pointer}.consent-link:hover{color:#ffffffb3}.consent-link-divider{color:#ffffff26;font-size:12px}.consent-settings-backdrop{position:fixed;inset:0;background:#0006;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:2100;padding:20px;animation:fadeIn .25s ease-out}.consent-settings-modal{background:linear-gradient(165deg,#202024fa,#141418fc);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:32px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 0 0 1px #ffffff0d inset,0 25px 50px -12px #0009;animation:slideUp .35s cubic-bezier(.16,1,.3,1)}.consent-settings-close{position:absolute;top:20px;right:20px;background:#ffffff0d;border:none;color:#fff6;font-size:20px;width:36px;height:36px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.consent-settings-close:hover{background:#ffffff1a;color:#fff}.consent-settings-title{margin:0 0 12px;font-size:24px;font-weight:600;color:#fff;padding-right:48px}.consent-settings-desc{margin:0 0 28px;font-size:14px;color:#ffffff8c;line-height:1.6}.consent-settings-categories{display:flex;flex-direction:column;gap:16px;margin-bottom:28px}.consent-category{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;transition:border-color .2s}.consent-category:hover{border-color:#ffffff1f}.consent-category-header{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;cursor:pointer;-webkit-user-select:none;user-select:none}.consent-category-info{display:flex;align-items:center;gap:12px}.consent-category-name{font-size:15px;font-weight:600;color:#fff}.consent-category-badge{font-size:11px;font-weight:500;padding:3px 8px;border-radius:6px;background:#ffffff14;color:#fff9;text-transform:uppercase;letter-spacing:.5px}.consent-category-badge--required{background:#3b82f633;color:#60a5fa}.consent-category-controls{display:flex;align-items:center;gap:12px}.consent-category-expand{background:none;border:none;color:#fff6;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.consent-category-expand:hover{color:#ffffffb3}.consent-category-details{padding:0 20px 20px;border-top:1px solid rgba(255,255,255,.06);animation:expandDetails .3s ease-out}@keyframes expandDetails{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.consent-category-details p{font-size:13px;color:#ffffff8c;line-height:1.6;margin:16px 0 12px}.consent-category-details ul{list-style:none;padding:0;margin:0}.consent-category-details li{font-size:13px;color:#ffffffa6;padding:8px 0 8px 20px;position:relative}.consent-category-details li:before{content:"";position:absolute;left:0;top:14px;width:6px;height:6px;background:#ffffff4d;border-radius:50%}.consent-category-details li strong{color:#ffffffd9;font-weight:500}.consent-category-note{font-style:italic;color:#ffc864cc!important}.consent-toggle{position:relative;display:inline-block;width:48px;height:26px}.consent-toggle input{opacity:0;width:0;height:0}.consent-toggle-slider{position:absolute;cursor:pointer;inset:0;background:#ffffff26;border-radius:26px;transition:all .3s}.consent-toggle-slider:before{content:"";position:absolute;height:20px;width:20px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0003}.consent-toggle input:checked+.consent-toggle-slider{background:linear-gradient(135deg,#3b82f6,#2563eb)}.consent-toggle input:checked+.consent-toggle-slider:before{transform:translate(22px)}.consent-toggle--disabled{opacity:.6;cursor:not-allowed}.consent-toggle--disabled .consent-toggle-slider{cursor:not-allowed}.consent-settings-actions{display:flex;gap:12px;justify-content:flex-end;margin-bottom:20px}.consent-settings-links{display:flex;justify-content:center;gap:8px;padding-top:16px;border-top:1px solid rgba(255,255,255,.06)}.manage-cookies-btn{background:none;border:none;color:#fff6;font-size:11px;cursor:pointer;padding:4px 8px;transition:color .2s}.manage-cookies-btn:hover{color:#ffffffb3}.play-blocked-overlay{position:absolute;inset:0;background:#000000d9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border-radius:inherit;z-index:10}.play-blocked-text{font-size:13px;color:#ffffffb3;text-align:center;padding:0 16px}.play-blocked-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:10px 20px;border-radius:10px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.play-blocked-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}@media(max-width:900px){.consent-banner{padding:22px 28px 18px}.consent-banner-content{gap:14px 18px}.consent-banner-text{max-width:320px}.consent-banner-actions{margin-left:auto}}@media(max-width:600px){.consent-banner{padding:20px 20px 16px}.consent-banner-content{flex-direction:column;text-align:center;gap:14px}.consent-banner-icon{display:none}.consent-banner-text{max-width:none}.consent-banner-title{font-size:15px;margin-bottom:5px}.consent-banner-desc{font-size:12px}.consent-banner-actions{margin-left:0;justify-content:center;flex-wrap:wrap}.consent-btn{padding:11px 18px}.consent-btn--text{padding:11px 12px}.consent-banner-links{margin-top:2px;padding-top:12px}.consent-settings-modal{padding:24px;border-radius:20px}.consent-settings-title{font-size:20px}.consent-settings-actions{flex-direction:column}.consent-settings-actions .consent-btn{width:100%}}@media(max-width:400px){.consent-banner{padding:18px 16px 14px}.consent-banner-content{gap:12px}.consent-banner-actions{flex-direction:column;width:100%;gap:8px}.consent-banner-actions .consent-btn{width:100%}.consent-btn--text{order:1}.consent-category-header{padding:14px 16px}.consent-category-details{padding:0 16px 16px}}:root{--PhoneInput-color--focus: #03b2cb;--PhoneInputInternationalIconPhone-opacity: .8;--PhoneInputInternationalIconGlobe-opacity: .65;--PhoneInputCountrySelect-marginRight: .35em;--PhoneInputCountrySelectArrow-width: .3em;--PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);--PhoneInputCountrySelectArrow-borderWidth: 1px;--PhoneInputCountrySelectArrow-opacity: .45;--PhoneInputCountrySelectArrow-color: currentColor;--PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);--PhoneInputCountrySelectArrow-transform: rotate(45deg);--PhoneInputCountryFlag-aspectRatio: 1.5;--PhoneInputCountryFlag-height: 1em;--PhoneInputCountryFlag-borderWidth: 1px;--PhoneInputCountryFlag-borderColor: rgba(0,0,0,.5);--PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);--PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,.1)}.PhoneInput{display:flex;align-items:center}.PhoneInputInput{flex:1;min-width:0}.PhoneInputCountryIcon{width:calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));height:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--square{width:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--border{background-color:var(--PhoneInputCountryFlag-backgroundColor--loading);box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor)}.PhoneInputCountryIconImg{display:block;width:100%;height:100%}.PhoneInputInternationalIconPhone{opacity:var(--PhoneInputInternationalIconPhone-opacity)}.PhoneInputInternationalIconGlobe{opacity:var(--PhoneInputInternationalIconGlobe-opacity)}.PhoneInputCountry{position:relative;align-self:stretch;display:flex;align-items:center;margin-right:var(--PhoneInputCountrySelect-marginRight)}.PhoneInputCountrySelect{position:absolute;top:0;left:0;height:100%;width:100%;z-index:1;border:0;opacity:0;cursor:pointer}.PhoneInputCountrySelect[disabled],.PhoneInputCountrySelect[readonly]{cursor:default}.PhoneInputCountrySelectArrow{display:block;content:"";width:var(--PhoneInputCountrySelectArrow-width);height:var(--PhoneInputCountrySelectArrow-width);margin-left:var(--PhoneInputCountrySelectArrow-marginLeft);border-style:solid;border-color:var(--PhoneInputCountrySelectArrow-color);border-top-width:0;border-bottom-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-left-width:0;border-right-width:var(--PhoneInputCountrySelectArrow-borderWidth);transform:var(--PhoneInputCountrySelectArrow-transform);opacity:var(--PhoneInputCountrySelectArrow-opacity)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon+.PhoneInputCountrySelectArrow{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon--border{box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon .PhoneInputInternationalIconGlobe{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.policy-modal-backdrop{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn .2s ease}.policy-modal{position:relative;width:100%;max-width:700px;max-height:85vh;background:linear-gradient(165deg,#1e1e22,#141416);border:1px solid rgba(255,255,255,.08);border-radius:20px;box-shadow:0 25px 80px #0009;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease}.policy-modal-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border:none;background:#ffffff0d;border-radius:50%;color:#ffffff80;font-size:24px;line-height:1;cursor:pointer;transition:all .2s;z-index:10;display:flex;align-items:center;justify-content:center}.policy-modal-close:hover{background:#ffffff1a;color:#ffffffe6}.policy-modal-content{flex:1;overflow-y:auto;padding:40px;color:#ffffffd9}.policy-modal-content h1{font-size:28px;font-weight:700;color:#fff;margin:0 0 8px;padding-right:40px}.policy-modal-content .policy-updated{font-size:13px;color:#fff6;margin:0 0 32px}.policy-modal-content section{margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.06)}.policy-modal-content section:last-child{border-bottom:none;margin-bottom:0}.policy-modal-content h2{font-size:18px;font-weight:600;color:#fff;margin:0 0 12px}.policy-modal-content h3{font-size:14px;font-weight:600;color:#ffffffe6;margin:20px 0 10px}.policy-modal-content p{font-size:14px;line-height:1.7;margin:0 0 12px;color:#ffffffb3}.policy-modal-content ul{margin:0 0 12px;padding-left:20px}.policy-modal-content li{font-size:14px;line-height:1.7;margin-bottom:6px;color:#ffffffb3}.policy-modal-content li strong{color:#ffffffe6}.policy-modal-content::-webkit-scrollbar{width:8px}.policy-modal-content::-webkit-scrollbar-track{background:#ffffff05}.policy-modal-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.policy-modal-content::-webkit-scrollbar-thumb:hover{background:#ffffff26}@media(max-width:600px){.policy-modal-backdrop{padding:10px}.policy-modal{max-height:90vh;border-radius:16px}.policy-modal-content{padding:24px}.policy-modal-content h1{font-size:22px}.policy-modal-content h2{font-size:16px}.policy-modal-close{top:12px;right:12px;width:32px;height:32px;font-size:20px}}.admin-dashboard{display:flex;flex-direction:column;min-height:100vh;background:#0a0a0a;color:#fff}.admin-topbar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;background:#0a0a0a;border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;z-index:100;min-height:56px}.admin-topbar-left{display:flex;align-items:center}.admin-topbar-right{display:flex;align-items:center;gap:.75rem}.admin-body{display:flex;flex:1;overflow:hidden}.admin-auth-required{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:100vh;text-align:center;padding:2rem;background:radial-gradient(ellipse at center,rgba(74,222,128,.03) 0%,transparent 70%)}.admin-auth-icon{display:flex;align-items:center;justify-content:center;width:96px;height:96px;border-radius:24px;background:linear-gradient(135deg,#ffffff0f,#ffffff05);border:1px solid rgba(255,255,255,.1);margin-bottom:2rem;color:#fff9}.admin-auth-icon svg{width:48px;height:48px}.admin-auth-required h2{font-size:1.75rem;font-weight:600;margin:0 0 .75rem;letter-spacing:-.02em}.admin-auth-required p{color:#ffffff80;margin:0 0 2rem;font-size:1rem;max-width:320px;line-height:1.5}.admin-back-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;background:linear-gradient(135deg,#4ade80,#22c55e);color:#000;text-decoration:none;border-radius:12px;font-weight:600;font-size:.95rem;transition:all .2s ease;box-shadow:0 4px 16px #4ade8040}.admin-back-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #4ade8059}.admin-sidebar{width:240px;min-width:240px;background:#111;border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;height:calc(100vh - 56px);overflow-y:auto}.admin-sidebar-header{padding:1.25rem;border-bottom:1px solid rgba(255,255,255,.08)}.admin-logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:#fff}.admin-logo-icon{display:flex;align-items:center;justify-content:center;color:#4ade80}.admin-logo-icon svg{width:24px;height:24px}.admin-logo-text{font-size:1.1rem;font-weight:600;color:#4ade80}.admin-nav{flex:1;padding:1rem .75rem;display:flex;flex-direction:column;gap:.25rem}.admin-nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:transparent;border:none;border-radius:8px;color:#fff9;cursor:pointer;transition:all .2s;text-align:left;width:100%}.admin-nav-item:hover{background:#ffffff0d;color:#ffffffe6}.admin-nav-item.active{background:#4ade8026;color:#4ade80}.admin-nav-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.admin-nav-icon svg{width:18px;height:18px}.admin-nav-label{font-size:.9rem;font-weight:500}.admin-nav-group{display:flex;flex-direction:column}.admin-nav-chevron{margin-left:auto;display:flex;align-items:center;justify-content:center;opacity:.5;transition:transform .2s}.admin-nav-chevron svg{width:14px;height:14px}.admin-nav-children{display:flex;flex-direction:column;padding-left:2.25rem;gap:.15rem;margin-top:.25rem;margin-bottom:.25rem}.admin-nav-child{display:flex;align-items:center;padding:.5rem .75rem;background:transparent;border:none;border-radius:6px;color:#ffffff80;cursor:pointer;font-size:.8rem;text-align:left;transition:all .2s}.admin-nav-child:hover{background:#ffffff08;color:#fffc}.admin-nav-child.active{background:#4ade8026;color:#4ade80;font-weight:500}.admin-sidebar-footer{padding:1rem;border-top:1px solid rgba(255,255,255,.08)}.admin-user-info{display:flex;align-items:center;gap:.5rem}.admin-user-badge{background:#4ade8033;color:#4ade80;padding:.2rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase}.admin-user-name{font-size:.85rem;color:#fffc}.admin-tab-bar{display:flex;align-items:center;gap:2px;padding:0 1rem;background:#111;border-bottom:1px solid rgba(255,255,255,.08);min-height:40px;overflow-x:auto;flex-shrink:0}.admin-tab-bar::-webkit-scrollbar{height:0}.admin-tab{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#ffffff08;border:1px solid transparent;border-bottom:none;border-radius:6px 6px 0 0;color:#fff9;cursor:grab;font-size:.8rem;transition:all .15s ease;white-space:nowrap;max-width:180px;-webkit-user-select:none;user-select:none}.admin-tab:hover{background:#ffffff0f;color:#ffffffd9}.admin-tab:active{cursor:grabbing}.admin-tab.ghost{opacity:.6;background:#4ade8026;border:1px dashed #4ade80;border-bottom:none;cursor:grabbing}.admin-tab.active{background:#0a0a0a;border-color:#ffffff14;color:#4ade80;position:relative}.admin-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background:#0a0a0a}.admin-tab-label{overflow:hidden;text-overflow:ellipsis}.admin-tab-close{display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;background:transparent;border:none;border-radius:4px;color:#fff6;cursor:pointer;transition:all .15s ease;flex-shrink:0}.admin-tab-close:hover{background:#ffffff1a;color:#ffffffe6}.admin-tab.active .admin-tab-close{color:#4ade8099}.admin-tab.active .admin-tab-close:hover{color:#4ade80;background:#4ade8026}.admin-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:2rem;text-align:center;color:#ffffff80}.admin-empty-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;opacity:.3}.admin-empty-icon svg{width:48px;height:48px}.admin-empty-state h2{font-size:1.25rem;margin:0 0 .5rem;color:#ffffffb3}.admin-empty-state p{margin:0;font-size:.9rem}.admin-main{flex:1;overflow-y:auto;height:calc(100vh - 56px);display:flex;flex-direction:column}.admin-section{padding:1.5rem 2rem;max-width:1200px;flex:1;overflow-y:auto}.admin-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.admin-section-header h1{font-size:1.5rem;font-weight:600;margin:0}.admin-controls-row{display:flex;align-items:center;gap:1rem}.admin-time-selector{display:flex;gap:.25rem;background:#ffffff0d;padding:.25rem;border-radius:8px}.admin-time-btn{padding:.4rem .75rem;background:transparent;border:none;border-radius:6px;color:#fff9;font-size:.8rem;cursor:pointer;transition:all .2s}.admin-time-btn:hover{color:#ffffffe6}.admin-time-btn.active{background:#4ade80;color:#000;font-weight:600}.admin-select{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:.5rem .75rem;border-radius:8px;font-size:.9rem;min-width:180px}.admin-select option{background:#1a1a1a}.stream-edit-selector{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.08)}.stream-edit-selector label{font-size:14px;color:#ffffffb3;white-space:nowrap}.stream-edit-dropdown{background:#ffffff0d;border:1px solid rgba(255,255,255,.15);color:#fff;padding:10px 14px;border-radius:8px;font-size:14px;min-width:280px;cursor:pointer;transition:all .2s}.stream-edit-dropdown:hover{border-color:#ffffff40}.stream-edit-dropdown:focus{outline:none;border-color:#4ade80}.stream-edit-dropdown option{background:#1a1a1a;padding:8px}.stream-edit-placeholder{display:flex;align-items:center;justify-content:center;min-height:300px;background:#ffffff05;border:1px dashed rgba(255,255,255,.1);border-radius:12px}.stream-edit-placeholder p{color:#fff6;font-size:14px}.admin-stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.admin-stat-card{background:linear-gradient(135deg,#ffffff0a,#ffffff05);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all .2s ease;position:relative;overflow:hidden}.admin-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(74,222,128,.3),transparent)}.admin-stat-card:hover{transform:translateY(-2px);border-color:#4ade8033;box-shadow:0 8px 32px #0000004d}.admin-stat-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:#4ade801a;color:#4ade80;flex-shrink:0}.admin-stat-icon svg{width:24px;height:24px}.admin-stat-content{flex:1;min-width:0}.admin-stat-value{font-size:2rem;font-weight:700;color:#fff;line-height:1.1;letter-spacing:-.02em}.admin-stat-label{font-size:.75rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.08em;margin-top:.35rem;font-weight:500}.admin-card{background:linear-gradient(135deg,#ffffff0a,#ffffff05);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.5rem;margin-bottom:1rem}.admin-card-title{font-size:.85rem;font-weight:600;color:#ffffffb3;margin:0 0 1.25rem;text-transform:uppercase;letter-spacing:.05em}.admin-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.admin-empty,.admin-loading{padding:3rem 2rem;text-align:center;color:#fff6;font-size:.9rem}.admin-loading{display:flex;flex-direction:column;align-items:center;gap:1rem}.admin-loading:before{content:"";width:32px;height:32px;border:2px solid rgba(74,222,128,.2);border-top-color:#4ade80;border-radius:50%;animation:spin .8s linear infinite}.admin-empty-state{padding:4rem 2rem;text-align:center;display:flex;flex-direction:column;align-items:center}.admin-empty-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:20px;background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid rgba(255,255,255,.08);margin-bottom:1.5rem;color:#fff6}.admin-empty-icon svg{width:40px;height:40px}.admin-empty-state h3{margin:0 0 .75rem;color:#ffffffe6;font-size:1.25rem;font-weight:600;letter-spacing:-.01em}.admin-empty-state p{margin:0;color:#ffffff73;font-size:.95rem;max-width:280px;line-height:1.5}.admin-streams-table{overflow-x:auto}.admin-streams-table table{width:100%;border-collapse:collapse}.admin-streams-table th{text-align:left;padding:.75rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:#ffffff80;border-bottom:1px solid rgba(255,255,255,.1)}.admin-streams-table td{padding:.75rem;border-bottom:1px solid rgba(255,255,255,.05)}.admin-streams-table tbody tr{cursor:pointer;transition:background .2s}.admin-streams-table tbody tr:hover{background:#ffffff0d}.stream-name-cell{font-weight:500}.stream-views-cell{color:#4ade80;font-weight:600}.stream-share-cell{width:200px}.share-bar-wrap{display:flex;align-items:center;gap:.5rem}.share-bar{height:6px;background:#4ade80;border-radius:3px;min-width:4px}.share-value{font-size:.8rem;color:#fff9;min-width:40px}.admin-metric-list{display:flex;flex-direction:column;gap:.5rem}.admin-metric-row{display:flex;justify-content:space-between;align-items:center;padding:.4rem 0}.admin-metric-name{font-size:.85rem;color:#fffc}.admin-metric-count{font-size:.85rem;color:#4ade80;font-weight:600}.admin-metric-empty{font-size:.85rem;color:#fff6;text-align:center;padding:1rem}.timeline-chart{display:flex;flex-direction:column;gap:.5rem}.chart-summary{display:flex;justify-content:flex-end}.chart-total{font-size:.8rem;color:#ffffff80}.chart-container{display:flex;flex-direction:column}.chart-bars{height:160px;display:flex;align-items:flex-end;gap:2px;padding:0 2px}.chart-bar-wrap{flex:1;height:100%;display:flex;align-items:flex-end;cursor:pointer}.chart-bar{width:100%;background:#4ade8033;border-radius:2px 2px 0 0;transition:all .2s}.chart-bar.has-data{background:#4ade80}.chart-bar-wrap:hover .chart-bar{background:#6ee7a0;transform:scaleY(1.02);transform-origin:bottom}.chart-x-axis{display:flex;border-top:1px solid rgba(255,255,255,.1);padding-top:.5rem;margin-top:.25rem}.chart-x-tick{flex:1;min-width:0}.chart-x-label{font-size:.65rem;color:#fff6;white-space:nowrap;display:block}.chart-empty{height:160px;display:flex;align-items:center;justify-content:center;color:#fff6;font-size:.85rem;border:1px dashed rgba(255,255,255,.1);border-radius:8px}.users-panel{color:#fff}.users-loading{display:flex;align-items:center;justify-content:center;gap:1rem;padding:3rem;color:#ffffff80}.users-loading:before{content:"";width:24px;height:24px;border:2px solid rgba(74,222,128,.2);border-top-color:#4ade80;border-radius:50%;animation:spin .8s linear infinite}.users-error-container{display:flex;align-items:center;justify-content:center;min-height:400px;padding:2rem}.users-error-card{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:360px;padding:2.5rem 2rem;background:linear-gradient(135deg,#ffffff0a,#ffffff05);border:1px solid rgba(255,255,255,.08);border-radius:20px}.users-error-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:20px;background:#f871711a;color:#f87171;margin-bottom:1.5rem}.users-error-title{font-size:1.25rem;font-weight:600;color:#fff;margin:0 0 .75rem}.users-error-message{font-size:.9rem;color:#ffffff80;line-height:1.5;margin:0 0 1.5rem}.users-error-actions{display:flex;gap:.75rem}.users-error-btn{padding:.75rem 1.5rem;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.users-error-btn.primary{background:linear-gradient(135deg,#4ade80,#22c55e);border:none;color:#000}.users-error-btn.primary:hover{transform:translateY(-2px);box-shadow:0 4px 16px #4ade804d}.users-error-btn.secondary{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff}.users-error-btn.secondary:hover{background:#ffffff0d}.users-type-badge{display:inline-block;padding:.15rem .5rem;border-radius:4px;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.users-type-badge--clickable{cursor:pointer;transition:opacity .15s,transform .1s}.users-type-badge--clickable:hover{opacity:.8;transform:scale(1.05)}.users-role-inline-select{background:#2a2a2a;color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:4px;padding:.15rem .4rem;font-size:.65rem;font-weight:600;text-transform:uppercase;cursor:pointer;outline:none}.users-role-inline-select:focus{border-color:#4ade8080;box-shadow:0 0 0 2px #4ade8033}.users-wallet{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:.7rem;color:#f6851b;background:#f6851b1a;padding:.1rem .4rem;border-radius:3px}.users-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.users-stat-card{background:linear-gradient(135deg,#ffffff0a,#ffffff05);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:1.25rem 1rem;text-align:center;transition:all .2s ease}.users-stat-card:hover{transform:translateY(-2px);border-color:#4ade8033}.users-stat-value{font-size:1.75rem;font-weight:700;color:#4ade80;line-height:1.1}.users-stat-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:#ffffff73;margin-top:.35rem;font-weight:500}.users-section{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:1rem;margin-bottom:1rem}.users-section-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#fff9;margin:0 0 .75rem}.users-funnel{display:flex;flex-direction:column;gap:.5rem}.users-funnel-step{display:flex;align-items:center;gap:.75rem}.users-funnel-bar{height:28px;background:#4ade804d;border-radius:4px;display:flex;align-items:center;justify-content:flex-end;padding:0 .5rem;min-width:40px;transition:width .3s}.users-funnel-bar.registered{background:#22c55e80}.users-funnel-bar.subscriber{background:#a855f780}.users-funnel-count{font-size:.75rem;font-weight:600;color:#fff}.users-funnel-label{font-size:.75rem;color:#fff9;min-width:80px}.users-progress-list{display:flex;flex-direction:column;gap:.5rem}.users-progress-row{display:flex;align-items:center;gap:.75rem;padding:.625rem .875rem;background:#ffffff05;border-radius:10px;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.users-progress-row:hover{background:#ffffff0f;border-color:#ffffff14}.users-progress-info{display:flex;align-items:center;gap:.5rem;min-width:150px}.users-progress-name{font-size:.85rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px;font-weight:500}.users-progress-bar-wrap{flex:1;height:6px;background:#ffffff14;border-radius:3px;overflow:hidden;min-width:100px;position:relative}.users-progress-bar{height:100%;background:linear-gradient(90deg,#4ade80,#22c55e);border-radius:3px;transition:width .4s ease;max-width:100%}.users-progress-bar.near-limit{background:linear-gradient(90deg,#fbbf24,#f87171)}.users-progress-mins{font-size:.8rem;color:#4ade80;font-weight:600;min-width:45px;text-align:right}.users-progress-mins.near-limit{color:#f87171}.users-top-list{display:flex;flex-direction:column;gap:.4rem}.users-top-row{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background:#ffffff05;border-radius:6px;cursor:pointer;transition:background .2s}.users-top-row:hover{background:#ffffff14}.users-top-name{flex:1;font-size:.85rem;color:#fff}.users-top-rank{font-size:.7rem;color:#fff6;min-width:24px}.users-top-mins{font-size:.75rem;color:#4ade80;font-weight:600}.users-stream-usage-list{display:flex;flex-direction:column;gap:.4rem}.users-stream-usage-row{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.users-stream-usage-row:last-child{border-bottom:none}.users-stream-name{flex:1;font-size:.85rem;color:#fff}.users-stream-users{font-size:.7rem;color:#ffffff80}.users-stream-mins{font-size:.75rem;color:#4ade80;font-weight:600;min-width:60px;text-align:right}.users-empty{font-size:.85rem;color:#fff6;text-align:center;padding:1rem}.users-list-container{overflow-x:auto}.users-table{width:100%;border-collapse:collapse;font-size:.85rem}.users-table th{text-align:left;padding:.75rem;border-bottom:1px solid rgba(255,255,255,.1);font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:#ffffff80;font-weight:500}.users-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s}.users-table th.sortable:hover{color:#fffc;background:#ffffff08}.users-table th.sorted{color:#4ade80;background:#4ade8014}.sort-indicator{margin-left:.25rem;font-size:.65rem}.sort-indicator.inactive{opacity:.3}.sort-indicator.active{color:#4ade80}.users-table td{padding:.75rem;border-bottom:1px solid rgba(255,255,255,.05);vertical-align:middle}.users-row{cursor:pointer;transition:background .2s}.users-row:hover{background:#ffffff0d}.users-cell-name{display:flex;flex-direction:column;gap:.15rem}.users-name{font-weight:500;color:#fff}.users-email,.users-phone{font-size:.7rem;color:#fff6}.users-cell-actions{text-align:right}.users-delete-btn{background:transparent;border:none;cursor:pointer;font-size:1rem;padding:.25rem .5rem;opacity:.5;transition:opacity .2s}.users-delete-btn:hover{opacity:1}.users-delete-btn.large{background:#f871711a;border:1px solid rgba(248,113,113,.3);border-radius:6px;padding:.5rem 1rem;color:#f87171;font-size:.85rem;opacity:1}.users-delete-btn.large:hover{background:#f8717133}.users-detail{padding-top:.5rem}.users-detail-back{background:transparent;border:none;color:#4ade80;cursor:pointer;font-size:.85rem;padding:0;margin-bottom:1rem}.users-detail-back:hover{opacity:.8}.users-detail-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.users-detail-name{font-size:1.25rem;font-weight:600;margin:0}.users-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1rem}.users-detail-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:1rem}.users-detail-card.full-width{grid-column:span 2}.users-detail-card h4{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#fff9;margin:0 0 .75rem}.users-detail-row{display:flex;justify-content:space-between;align-items:center;padding:.4rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.users-detail-row:last-child{border-bottom:none}.users-detail-label{font-size:.8rem;color:#ffffff80}.users-detail-value{font-size:.85rem;color:#fff}.users-sessions-table{width:100%;border-collapse:collapse;font-size:.8rem}.users-sessions-table th{text-align:left;padding:.5rem;border-bottom:1px solid rgba(255,255,255,.1);font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;color:#ffffff80;font-weight:500}.users-sessions-table td{padding:.5rem;border-bottom:1px solid rgba(255,255,255,.05)}.users-ua-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#ffffff80;font-size:.7rem}.session-active{color:#4ade80;font-weight:600}.session-expired{color:#fff6}.session-revoked{color:#f87171}.users-delete-modal-backdrop{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:1000}.users-delete-modal{background:#1a1a1a;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:1.5rem;max-width:400px;width:90%}.users-delete-modal h3{margin:0 0 .75rem;font-size:1.1rem}.users-delete-modal p{font-size:.9rem;color:#ffffffb3;margin:0 0 .75rem}.users-delete-warning{font-size:.8rem;color:#f87171;background:#f871711a;padding:.75rem;border-radius:6px;margin-bottom:1rem}.users-delete-actions{display:flex;gap:.5rem;justify-content:flex-end}.users-delete-cancel{background:#ffffff1a;border:none;color:#fff;padding:.5rem 1rem;border-radius:6px;cursor:pointer}.users-delete-cancel:hover{background:#ffffff26}.users-delete-confirm{background:#dc2626;border:none;color:#fff;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:600}.users-delete-confirm:hover{background:#b91c1c}.users-role-editor{margin-top:.5rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.08)}.users-role-select-wrap{display:flex;align-items:center;gap:.75rem}.users-role-select{background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#fff;padding:.4rem .75rem;font-size:.8rem;cursor:pointer;min-width:200px}.users-role-select:hover{border-color:#fff3}.users-role-select:focus{outline:none;border-color:#60a5fa80}.users-role-select:disabled{opacity:.5;cursor:not-allowed}.users-role-select option{background:#1a1a1a;color:#fff}.users-role-saving{font-size:.75rem;color:#ffffff80}.users-cell-minutes{min-width:120px}.users-minutes-edit{display:flex;align-items:center;gap:.35rem}.users-minutes-input{width:60px;padding:.25rem .4rem;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:4px;color:#fff;font-size:.8rem;text-align:right}.users-minutes-input:focus{outline:none;border-color:var(--accent, #3fa);background:#ffffff1f}.users-minutes-input.large{width:80px;padding:.4rem .5rem;font-size:.9rem}.users-minutes-input::-webkit-outer-spin-button,.users-minutes-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.users-minutes-saving{color:#ffa;font-size:.75rem;animation:pulse 1s infinite}.users-minutes-saved{color:#3fa;font-size:.85rem;font-weight:700}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.users-minutes-reset{background:transparent;border:none;color:#888;cursor:pointer;font-size:.9rem;padding:.15rem .3rem;border-radius:4px;transition:all .2s}.users-minutes-reset:hover{background:#ff646426;color:#f66}.users-minutes-admin{color:#888;font-size:1rem}.users-detail-minutes-editor{padding:.75rem;background:#0003;border-radius:8px;margin-bottom:1rem}.users-detail-minutes-controls{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-top:.5rem}.users-detail-limit{color:#888;font-size:.85rem}.users-minutes-reset-btn{background:#ff646426;border:1px solid rgba(255,100,100,.3);color:#f88;padding:.35rem .75rem;border-radius:6px;cursor:pointer;font-size:.8rem;transition:all .2s}.users-minutes-reset-btn:hover{background:#ff646440;border-color:#ff646480}.users-detail-usage-list{margin-top:1rem}.users-detail-usage-list h5{font-size:.8rem;color:#888;margin:0 0 .5rem;font-weight:500}.users-search-bar{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#ffffff08;border-radius:12px;margin-bottom:1rem}.users-search-input{flex:1;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.6rem 1rem;color:#fff;font-size:.9rem;transition:all .2s}.users-search-input:focus{outline:none;border-color:#4ade8080;background:#0006}.users-search-input::placeholder{color:#666}.users-search-clear{background:#ffffff1a;border:none;color:#888;width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:1.1rem;display:flex;align-items:center;justify-content:center;transition:all .2s}.users-search-clear:hover{background:#ff646433;color:#f88}.users-search-count{color:#666;font-size:.8rem;white-space:nowrap}@media(max-width:1024px){.admin-grid-3{grid-template-columns:1fr}.users-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.admin-topbar{padding:.5rem 1rem;min-height:48px}.admin-topbar-right .admin-user-name{display:none}.admin-tab-bar{padding:0 .5rem;min-height:36px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.admin-tab-bar::-webkit-scrollbar{height:2px}.admin-tab-bar::-webkit-scrollbar-thumb{background:#fff3;border-radius:1px}.admin-tab{padding:.4rem .5rem;font-size:.75rem;max-width:120px}.admin-body{flex-direction:column}.admin-sidebar{width:100%;min-width:100%;height:auto;border-right:none;border-bottom:1px solid rgba(255,255,255,.08)}.admin-nav{flex-direction:row;overflow-x:auto;padding:.5rem;gap:.25rem}.admin-nav-item{flex-direction:column;padding:.5rem;min-width:fit-content}.admin-nav-label{font-size:.7rem}.admin-sidebar-footer{display:none}.admin-main{height:auto}.admin-section{padding:1rem}.admin-section-header{flex-direction:column;align-items:flex-start}.admin-controls-row{flex-direction:column;width:100%}.admin-select{width:100%}.users-detail-grid{grid-template-columns:1fr}.users-detail-card.full-width{grid-column:span 1}}.stream-analytics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.stream-analytics-card{background:linear-gradient(135deg,#ffffff0a,#ffffff05);border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;cursor:pointer;transition:all .25s ease}.stream-analytics-card:hover{transform:translateY(-4px);border-color:#4ade804d;box-shadow:0 12px 40px #0006}.stream-analytics-card.is-live{border-color:#4ade8066;box-shadow:0 0 20px #4ade801a}.stream-analytics-cover{position:relative;width:100%;aspect-ratio:16 / 9;background:#ffffff08;overflow:hidden}.stream-analytics-cover img{width:100%;height:100%;object-fit:cover}.stream-analytics-cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff6}.stream-analytics-cover-placeholder svg{width:48px;height:48px;opacity:.5}.stream-analytics-live-badge{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:6px;padding:6px 10px;background:#ef4444e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:6px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#fff}.live-dot{width:6px;height:6px;background:#fff;border-radius:50%;animation:pulse-live 1.5s ease-in-out infinite}@keyframes pulse-live{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.stream-analytics-info{padding:1rem 1.25rem .75rem}.stream-analytics-name{font-size:1.1rem;font-weight:600;margin:0 0 .5rem;color:#fff;letter-spacing:-.01em}.stream-analytics-vibes{display:flex;flex-wrap:wrap;gap:.35rem}.stream-analytics-vibe{padding:.2rem .5rem;border-radius:4px;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:#000}.stream-analytics-stats{display:grid;grid-template-columns:repeat(3,1fr);padding:.75rem 1.25rem;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);background:#0003}.stream-analytics-stat{display:flex;flex-direction:column;align-items:center;text-align:center}.stream-analytics-stat .stat-value{font-size:1.25rem;font-weight:700;color:#4ade80;line-height:1.2}.stream-analytics-stat .stat-label{font-size:.65rem;color:#fff6;text-transform:uppercase;letter-spacing:.05em;margin-top:.15rem}.stream-analytics-action{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem;font-size:.8rem;color:#ffffff80;transition:all .2s ease}.stream-analytics-card:hover .stream-analytics-action{color:#4ade80}.stream-analytics-action svg{transition:transform .2s ease}.stream-analytics-card:hover .stream-analytics-action svg{transform:translate(4px)}.stream-detail-modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem;animation:fadeIn .2s ease}.stream-detail-modal{width:100%;max-width:900px;max-height:90vh;background:#111;border:1px solid rgba(255,255,255,.1);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .25s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stream-detail-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1.5rem;background:linear-gradient(135deg,rgba(255,255,255,.04) 0%,transparent 100%);border-bottom:1px solid rgba(255,255,255,.08)}.stream-detail-header-info{display:flex;align-items:center;gap:1.25rem}.stream-detail-cover{width:80px;height:80px;border-radius:12px;overflow:hidden;flex-shrink:0}.stream-detail-cover img{width:100%;height:100%;object-fit:cover}.stream-detail-cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff6}.stream-detail-cover-placeholder svg{width:32px;height:32px}.stream-detail-title h2{font-size:1.5rem;font-weight:600;margin:0 0 .5rem;letter-spacing:-.02em}.stream-detail-vibes{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.5rem}.stream-detail-live-status{font-size:.85rem}.live-indicator{display:inline-flex;align-items:center;gap:.5rem;color:#4ade80}.offline-indicator{color:#fff6}.stream-detail-close{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:.5rem;color:#ffffff80;cursor:pointer;transition:all .2s ease}.stream-detail-close:hover{background:#ffffff1a;color:#fff}.stream-detail-time-selector{display:flex;justify-content:center;gap:.5rem;padding:1rem;border-bottom:1px solid rgba(255,255,255,.08);background:#0003}.stream-detail-content{flex:1;overflow-y:auto;padding:1.5rem}.stream-detail-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.stream-detail-stat-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:1rem;text-align:center}.stream-detail-stat-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin:0 auto .75rem;border-radius:10px;background:#4ade801a;color:#4ade80}.stream-detail-stat-icon svg{width:20px;height:20px}.stream-detail-stat-value{font-size:1.5rem;font-weight:700;color:#fff;line-height:1.2}.stream-detail-stat-label{font-size:.7rem;color:#fff6;text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem}.stream-detail-chart-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:1.25rem;margin-bottom:1.5rem}.stream-detail-chart-card h3{font-size:.85rem;font-weight:600;color:#ffffffb3;margin:0 0 1rem;text-transform:uppercase;letter-spacing:.05em}.stream-detail-breakdown-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.stream-detail-breakdown-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:1rem}.breakdown-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.06)}.breakdown-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;background:#4ade801a;color:#4ade80}.breakdown-icon svg{width:14px;height:14px}.breakdown-header h4{font-size:.8rem;font-weight:600;color:#fffc;margin:0;text-transform:uppercase;letter-spacing:.03em}.breakdown-list{display:flex;flex-direction:column;gap:.5rem}.breakdown-row{display:flex;justify-content:space-between;align-items:center;padding:.35rem 0}.breakdown-name{font-size:.85rem;color:#ffffffb3}.breakdown-count{font-size:.85rem;font-weight:600;color:#4ade80}.breakdown-empty{text-align:center;padding:1rem;color:#ffffff4d;font-size:.85rem}@media(max-width:768px){.stream-detail-modal-overlay{padding:0}.stream-detail-modal{max-width:100%;max-height:100vh;border-radius:0}.stream-detail-stats{grid-template-columns:repeat(2,1fr)}.stream-detail-breakdown-grid{grid-template-columns:1fr}.stream-detail-header-info{flex-direction:column;align-items:flex-start;gap:1rem}}.privacy-breakdown-grid{display:flex;flex-direction:column;gap:1.5rem}.privacy-breakdown-item{padding:1rem;background:#ffffff05;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.privacy-breakdown-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.privacy-breakdown-label{font-size:.95rem;font-weight:500;color:#fff}.privacy-breakdown-value{font-size:.85rem;color:#fff9}.privacy-breakdown-bar{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.privacy-breakdown-fill{height:100%;border-radius:4px;transition:width .6s ease}.privacy-breakdown-fill--essential{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.privacy-breakdown-fill--analytics{background:linear-gradient(90deg,#4ade80,#22c55e)}.privacy-breakdown-note{font-size:.8rem;color:#fff6}.privacy-activity-list{display:flex;flex-direction:column;gap:.5rem}.privacy-activity-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#ffffff05;border-radius:10px;border:1px solid rgba(255,255,255,.05);transition:background .2s}.privacy-activity-item:hover{background:#ffffff0a}.privacy-activity-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:#ffffff0d}.privacy-activity-icon svg{width:18px;height:18px}.privacy-activity-item:nth-child(odd) .privacy-activity-icon{color:#4ade80}.privacy-activity-item:nth-child(2n) .privacy-activity-icon{color:#f87171}.privacy-activity-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.privacy-activity-action{font-size:.9rem;color:#fffc}.privacy-activity-action strong{color:#fff}.privacy-activity-time{font-size:.8rem;color:#fff6}.privacy-consent-badge{display:inline-block;padding:.25rem .6rem;border-radius:6px;font-size:.75rem;font-weight:500;text-transform:capitalize}.privacy-consent-badge--essential{background:#3b82f633;color:#60a5fa}.privacy-consent-badge--analytics{background:#4ade8033;color:#4ade80}.privacy-change-badge{display:inline-block;padding:.25rem .6rem;border-radius:6px;font-size:.75rem;font-weight:500}.privacy-change-badge--granted{background:#4ade8033;color:#4ade80}.privacy-change-badge--revoked{background:#f8717133;color:#f87171}.privacy-request-type{display:inline-block;padding:.25rem .6rem;border-radius:6px;font-size:.75rem;font-weight:500;text-transform:capitalize}.privacy-request-type--export{background:#3b82f633;color:#60a5fa}.privacy-request-type--delete{background:#f8717133;color:#f87171}.privacy-request-type--access{background:#a855f733;color:#a855f7}.privacy-status-badge{display:inline-block;padding:.25rem .6rem;border-radius:6px;font-size:.75rem;font-weight:500;text-transform:capitalize}.privacy-status-badge--pending{background:#fbbf2433;color:#fbbf24}.privacy-status-badge--processing{background:#3b82f633;color:#60a5fa}.privacy-status-badge--complete{background:#4ade8033;color:#4ade80}.privacy-status-badge--failed{background:#f8717133;color:#f87171}.admin-table-wrap{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:.875rem 1rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.06)}.admin-table th{font-size:.75rem;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.admin-table td{font-size:.9rem;color:#fffc}.admin-table tbody tr:hover{background:#ffffff05}.table-cell-nowrap{white-space:nowrap}.table-cell-muted{color:#fff6!important;font-family:SF Mono,Monaco,Consolas,monospace;font-size:.8rem!important}.admin-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.admin-card-badge{padding:.35rem .75rem;background:#ffffff0f;border-radius:8px;font-size:.8rem;color:#fff9}.admin-action-btn{padding:.5rem 1rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s}.admin-action-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}@media(max-width:768px){.privacy-activity-item{flex-direction:column;gap:.75rem}.admin-table{font-size:.85rem}.admin-table th,.admin-table td{padding:.75rem .5rem}}.editor-badge{background:linear-gradient(135deg,#f97316,#ea580c)!important;color:#fff!important}.creator-badge{background:linear-gradient(135deg,#fcd34d,#f59e0b)!important;color:#78350f!important}.editor-list{display:flex;flex-direction:column;gap:1rem}.editor-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.25rem;transition:all .2s}.editor-card:hover{background:#ffffff0d;border-color:#ffffff1f}.editor-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.editor-info{display:flex;flex-direction:column;gap:.25rem}.editor-name{font-size:1rem;font-weight:600;color:#fff}.editor-contact{font-size:.85rem;color:#ffffff80}.editor-badge-wrap{display:flex;align-items:center}.editor-role-badge{display:inline-flex;align-items:center;padding:.35rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.editor-role-badge--editor_all{background:linear-gradient(135deg,#6366f133,#8b5cf633);color:#a5b4fc;border:1px solid rgba(99,102,241,.3)}.editor-role-badge--editor{background:linear-gradient(135deg,#22c55e33,#10b98133);color:#86efac;border:1px solid rgba(34,197,94,.3)}.editor-streams-section{background:#0003;border-radius:8px;padding:1rem;margin-bottom:1rem}.editor-streams-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.editor-streams-label{font-size:.85rem;font-weight:500;color:#ffffffb3}.editor-add-stream-btn{display:flex;align-items:center;gap:.35rem;padding:.4rem .75rem;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#fff;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s}.editor-add-stream-btn:hover{background:#ffffff1f;border-color:#ffffff40}.editor-add-stream-btn svg{width:14px;height:14px}.editor-streams-empty{font-size:.85rem;color:#fff6;font-style:italic}.editor-streams-list{display:flex;flex-wrap:wrap;gap:.5rem}.editor-stream-tag{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .75rem;background:linear-gradient(135deg,#4ade8026,#22c55e1a);border:1px solid rgba(74,222,128,.25);border-radius:16px;font-size:.8rem;color:#86efac}.editor-stream-remove{display:flex;align-items:center;justify-content:center;width:18px;height:18px;background:#ffffff1a;border:none;border-radius:50%;color:#fff9;font-size:.9rem;cursor:pointer;transition:all .2s}.editor-stream-remove:hover{background:#ef44444d;color:#fca5a5}.editor-tokens-section{background:#0003;border-radius:8px;padding:1rem;margin-bottom:1rem}.editor-tokens-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.editor-tokens-label{font-size:.85rem;font-weight:500;color:#ffffffb3}.editor-tokens-count{font-size:.8rem;color:#fcd34d;font-weight:600}.editor-tokens-controls{display:flex;gap:.5rem;align-items:center}.editor-tokens-input{width:60px;padding:.4rem .6rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#fff;font-size:.85rem;text-align:center}.editor-tokens-input:focus{outline:none;border-color:#fbbf2480;background:#ffffff14}.editor-tokens-input:disabled{opacity:.5;cursor:not-allowed}.editor-tokens-save-btn,.editor-tokens-grant-btn{padding:.4rem .75rem;border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s}.editor-tokens-save-btn{background:linear-gradient(135deg,#6366f133,#8b5cf626);border:1px solid rgba(99,102,241,.3);color:#a5b4fc}.editor-tokens-save-btn:hover:not(:disabled){background:linear-gradient(135deg,#6366f14d,#8b5cf640);border-color:#6366f180}.editor-tokens-save-btn:disabled{opacity:.4;cursor:not-allowed}.editor-tokens-grant-btn{background:linear-gradient(135deg,#22c55e33,#10b98126);border:1px solid rgba(34,197,94,.3);color:#86efac}.editor-tokens-grant-btn:hover:not(:disabled){background:linear-gradient(135deg,#22c55e4d,#10b98140);border-color:#22c55e80}.editor-tokens-grant-btn:disabled{opacity:.4;cursor:not-allowed}.editor-card-actions{display:flex;gap:.75rem;flex-wrap:wrap}.editor-action-btn{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#ffffffe6;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s}.editor-action-btn svg{width:16px;height:16px}.editor-action-btn:hover{background:#ffffff1a;border-color:#fff3}.editor-action-btn--upgrade{background:linear-gradient(135deg,#6366f126,#8b5cf61a);border-color:#6366f14d;color:#a5b4fc}.editor-action-btn--upgrade:hover{background:linear-gradient(135deg,#6366f140,#8b5cf633);border-color:#6366f166}.editor-action-btn--downgrade{background:linear-gradient(135deg,#fbbf2426,#f59e0b1a);border-color:#fbbf244d;color:#fcd34d}.editor-action-btn--downgrade:hover{background:linear-gradient(135deg,#fbbf2440,#f59e0b33);border-color:#fbbf2466}.editor-action-btn--remove{background:linear-gradient(135deg,#ef444426,#dc26261a);border-color:#ef44444d;color:#fca5a5}.editor-action-btn--remove:hover{background:linear-gradient(135deg,#ef444440,#dc262633);border-color:#ef444466}.editor-promote-btns{display:flex;gap:.5rem}.admin-action-btn--secondary{background:#ffffff14;border:1px solid rgba(255,255,255,.15)}.admin-action-btn--secondary:hover{background:#ffffff1f;box-shadow:none}.admin-card--info{background:linear-gradient(135deg,#6366f114,#8b5cf60d);border-color:#6366f126}.editor-roles-info{display:flex;flex-direction:column;gap:1rem}.editor-role-info{display:flex;flex-direction:column;gap:.5rem}.editor-role-info p{margin:0;font-size:.9rem;color:#ffffffb3;line-height:1.5}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.modal-content{background:#1a1a1a;border-radius:16px;border:1px solid rgba(255,255,255,.1);width:100%;max-width:480px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.08)}.modal-header h2{margin:0;font-size:1.1rem;font-weight:600}.modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ffffff0f;border:none;border-radius:8px;color:#fff9;cursor:pointer;transition:all .2s}.modal-close:hover{background:#ffffff1a;color:#fff}.modal-body{padding:1.5rem;overflow-y:auto}.modal-description{margin:0 0 1rem;font-size:.9rem;color:#ffffffb3}.modal-empty{text-align:center;padding:2rem;color:#ffffff80;font-style:italic}.stream-assign-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.stream-assign-item{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;cursor:pointer;transition:all .2s}.stream-assign-item:hover{background:#4ade801a;border-color:#4ade804d}.stream-assign-item-cover{width:64px;height:64px;border-radius:8px;overflow:hidden}.stream-assign-item-cover img{width:100%;height:100%;object-fit:cover}.stream-assign-item-placeholder{width:100%;height:100%}.stream-assign-item-name{font-size:.85rem;font-weight:500;text-align:center;color:#ffffffe6}.user-type-badge{display:inline-flex;padding:.25rem .6rem;background:#ffffff14;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:capitalize}@media(max-width:768px){.editor-card-header{flex-direction:column;gap:.75rem}.editor-card-actions{flex-direction:column}.editor-action-btn{width:100%;justify-content:center}.stream-assign-list{grid-template-columns:1fr}}.legal-doc-badge{display:inline-block;padding:4px 10px;border-radius:4px;font-size:12px;font-weight:500}.legal-doc-badge--tos{background:#3b82f626;color:#60a5fa}.legal-doc-badge--privacy{background:#a855f726;color:#c084fc}.privacy-alert{display:flex;align-items:center;gap:10px;margin-top:16px;padding:12px 16px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.25);border-radius:8px;color:#fbbf24;font-size:14px}.privacy-alert-icon{flex-shrink:0}.privacy-breakdown-fill--tos{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.privacy-breakdown-fill--privacy{background:linear-gradient(90deg,#8b5cf6,#c084fc)}.admin-ip{font-family:monospace;font-size:12px;background:#ffffff0d;padding:2px 6px;border-radius:4px;color:#fff9}.users-tokens-editor{flex-direction:column;align-items:flex-start!important;gap:.5rem}.users-tokens-controls{display:flex;align-items:center;gap:.5rem}.users-tokens-input{width:60px;background:#0000004d;border:1px solid rgba(255,255,255,.15);border-radius:6px;padding:.4rem .6rem;color:#fff;font-size:.9rem;text-align:center}.users-tokens-input:focus{outline:none;border-color:#9333ea80}.users-tokens-btn{background:#9333ea33;border:1px solid rgba(147,51,234,.4);color:#c4b5fd;padding:.35rem .75rem;border-radius:6px;cursor:pointer;font-size:.8rem;transition:all .2s}.users-tokens-btn:hover{background:#9333ea4d;border-color:#9333ea99}.users-tokens-btn:disabled{opacity:.5;cursor:not-allowed}.users-tokens-saving{font-size:.75rem;color:#888;margin-left:.5rem}.users-tokens-saved{font-size:.75rem;color:#10b981;margin-left:.5rem}.users-tokens-hint{font-size:.75rem;color:#666;margin-top:.25rem}.journey-panel{padding:1.5rem;max-width:1200px}.journey-panel.user-detail{padding:1rem 1.5rem}.journey-loading,.journey-error{padding:3rem;text-align:center;color:#888}.journey-error button{margin-top:1rem;padding:.5rem 1rem;background:#333;border:none;border-radius:4px;color:#fff;cursor:pointer}.journey-error button:hover{background:#444}.journey-time-selector{display:flex;gap:.5rem;margin-bottom:1.5rem}.journey-time-btn{padding:.5rem 1rem;background:#1a1a1a;border:1px solid #333;border-radius:4px;color:#888;cursor:pointer;transition:all .2s}.journey-time-btn:hover{border-color:#555;color:#fff}.journey-time-btn.active{background:#333;border-color:#555;color:#fff}.journey-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.journey-stats-row.secondary{margin-top:-.5rem}.journey-stat-card{background:#1a1a1a;border-radius:8px;padding:1.25rem;text-align:center;border:1px solid #222}.journey-stat-card.small{padding:1rem}.journey-stat-card.warning .journey-stat-value{color:#f59e0b}.journey-stat-value{font-size:1.75rem;font-weight:600;color:#fff;margin-bottom:.25rem}.journey-stat-card.small .journey-stat-value{font-size:1.25rem}.journey-stat-label{font-size:.8rem;color:#888;text-transform:uppercase;letter-spacing:.5px}.journey-section{margin-bottom:2rem}.journey-section h3{font-size:1rem;font-weight:600;color:#fff;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #222}.journey-section-desc{font-size:.85rem;color:#666;margin:-.5rem 0 1rem}.journey-duration-chart{display:flex;flex-direction:column;gap:.5rem}.journey-duration-bar-wrap{display:flex;align-items:center;gap:.75rem}.journey-duration-label{width:70px;font-size:.85rem;color:#888;text-align:right}.journey-duration-bar-container{flex:1;height:24px;background:#1a1a1a;border-radius:4px;overflow:hidden}.journey-duration-bar{height:100%;background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:4px;transition:width .3s}.journey-duration-bar.warning{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.journey-duration-count{width:50px;font-size:.85rem;color:#fff;text-align:right}.journey-triggers{display:flex;gap:1rem;flex-wrap:wrap}.journey-trigger-item{background:#1a1a1a;padding:.75rem 1rem;border-radius:6px;display:flex;gap:.75rem;align-items:center}.journey-trigger-name{font-size:.9rem;color:#888;text-transform:capitalize}.journey-trigger-count{font-size:1rem;font-weight:600;color:#fff}.journey-streams-list,.journey-stream-breakdown{display:flex;flex-direction:column;gap:.5rem}.journey-stream-item,.journey-stream-row{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:#1a1a1a;border-radius:6px}.journey-stream-rank{font-size:.85rem;color:#666;width:30px}.journey-stream-name{flex:1;color:#fff}.journey-stream-sessions{font-size:.85rem;color:#888}.journey-stream-duration{font-size:.85rem;color:#3b82f6;font-weight:500}.journey-countries{display:flex;flex-wrap:wrap;gap:.5rem}.journey-country-item{background:#1a1a1a;padding:.5rem .75rem;border-radius:4px;display:flex;gap:.5rem;align-items:center}.journey-country-name{font-size:.9rem;color:#fff}.journey-country-count{font-size:.8rem;color:#888}.journey-hourly-chart{display:flex;align-items:flex-end;gap:2px;height:120px;background:#1a1a1a;border-radius:8px;padding:1rem}.journey-hourly-bar-wrap{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end;position:relative}.journey-hourly-bar{width:100%;background:linear-gradient(180deg,#3b82f6,#1d4ed8);border-radius:2px 2px 0 0;min-height:2px;transition:height .3s}.journey-hourly-label{position:absolute;bottom:-20px;font-size:.7rem;color:#666}.journey-dropoffs{display:flex;flex-direction:column;gap:.75rem}.journey-dropoff-item{background:#1a1a1a;border-radius:8px;padding:1rem}.journey-dropoff-header{display:flex;justify-content:space-between;margin-bottom:.75rem}.journey-dropoff-stream{font-weight:500;color:#fff}.journey-dropoff-total{font-size:.85rem;color:#888}.journey-dropoff-buckets{display:flex;gap:.75rem;flex-wrap:wrap}.journey-dropoff-buckets span{font-size:.8rem;padding:.25rem .5rem;border-radius:4px}.dropoff-immediate{background:#ef444433;color:#ef4444}.dropoff-short{background:#f59e0b33;color:#f59e0b}.dropoff-medium{background:#3b82f633;color:#3b82f6}.dropoff-long{background:#22c55e33;color:#22c55e}.journey-user-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.journey-user-header h2{font-size:1.5rem;margin:0}.journey-user-type{font-size:.8rem;padding:.25rem .5rem;background:#333;border-radius:4px;color:#888;text-transform:uppercase}.journey-timeline{display:flex;flex-direction:column;gap:.5rem;padding-left:1rem;border-left:2px solid #222}.journey-event{display:flex;gap:.75rem;padding:.75rem;background:#1a1a1a;border-radius:8px;border-left:3px solid var(--event-color, #666);margin-left:-1.5rem}.journey-event-icon{color:var(--event-color, #666);flex-shrink:0}.journey-event-content{flex:1;min-width:0}.journey-event-header{display:flex;justify-content:space-between;margin-bottom:.25rem}.journey-event-type{font-weight:500;color:#fff;text-transform:capitalize;font-size:.9rem}.journey-event-time{font-size:.8rem;color:#666}.journey-event-data{display:flex;flex-wrap:wrap;gap:.5rem 1rem;font-size:.85rem;color:#888}.journey-event-data .journey-revoked{color:#ef4444;font-weight:500}@media(max-width:768px){.journey-stats-row{grid-template-columns:repeat(2,1fr)}.journey-duration-label{width:50px;font-size:.75rem}.journey-hourly-chart{height:80px}}.health-panel{display:flex;flex-direction:column;gap:1.5rem}.health-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#ffffff08;border-radius:8px}.health-updated{font-size:.875rem;color:#ffffff80}.health-refresh-btn{padding:.5rem 1rem;background:#3b82f633;border:1px solid rgba(59,130,246,.3);border-radius:6px;color:#60a5fa;cursor:pointer;font-size:.875rem;transition:all .2s}.health-refresh-btn:hover{background:#3b82f64d}.health-services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.health-service-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.25rem}.health-service-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.health-service-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#3b82f61a;border-radius:10px;color:#60a5fa}.health-service-name{flex:1;font-weight:600;font-size:1rem}.health-status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;color:#fff}.health-service-body{padding-top:.5rem;border-top:1px solid rgba(255,255,255,.08)}.health-service-desc{font-size:.875rem;color:#ffffff80;margin:0}.health-service-error{font-size:.75rem;color:#f87171;margin:.5rem 0 0;padding:.5rem;background:#ef44441a;border-radius:6px}.health-service-stats{display:flex;gap:2rem;margin-top:.5rem}.health-stat-item{display:flex;flex-direction:column}.health-stat-value{font-size:1.5rem;font-weight:700;color:#fff}.health-stat-label{font-size:.75rem;color:#ffffff80}.health-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.25rem}.health-card-title{font-size:1rem;font-weight:600;margin:0 0 1rem;color:#ffffffe6}.health-table-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.health-table-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#ffffff08;border-radius:8px}.health-table-name{font-size:.875rem;color:#ffffffb3;text-transform:capitalize}.health-table-count{font-size:.875rem;font-weight:600;color:#60a5fa}.health-storage-section{margin-bottom:1.25rem}.health-storage-section:last-child{margin-bottom:0}.health-storage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.health-storage-label{font-size:.875rem;color:#ffffffb3}.health-storage-value{font-size:.875rem;font-weight:600;color:#fff}.health-progress-container{display:flex;align-items:center;gap:.75rem}.health-progress-bar{flex:1;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.health-progress-fill{height:100%;border-radius:4px;transition:width .3s ease}.health-progress-label{font-size:.75rem;font-weight:600;color:#ffffffb3;min-width:45px;text-align:right}.health-stream-storage{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.5rem;margin-top:.75rem}.health-stream-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:#ffffff08;border-radius:6px;font-size:.75rem}.health-stream-name{color:#ffffffb3}.health-stream-size{color:#ffffff80}.health-mounts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.health-mount-item{padding:.75rem 1rem;background:#ffffff08;border-radius:8px}.health-mount-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.health-mount-name{font-weight:600;font-size:.875rem}.health-mount-listeners{font-size:.75rem;color:#10b981;background:#10b9811a;padding:.125rem .5rem;border-radius:10px}.health-mount-title{font-size:.75rem;color:#ffffff80;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:768px){.health-services-grid,.health-table-grid{grid-template-columns:1fr}.health-stream-storage{grid-template-columns:repeat(2,1fr)}.health-mounts-grid{grid-template-columns:1fr}}.journey-countries-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.journey-country-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.06);transition:background .2s}.journey-country-item:hover{background:#ffffff0f}.journey-country-flag{font-size:.75rem;font-weight:700;padding:.25rem .5rem;background:#4ade8026;color:#4ade80;border-radius:4px;font-family:monospace}.journey-country-name{flex:1;font-weight:500;font-size:.875rem}.journey-country-stats{font-size:.75rem;color:#ffffff80;white-space:nowrap}.journey-device-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.journey-device-card{background:#ffffff08;border-radius:12px;padding:1rem 1.25rem;border:1px solid rgba(255,255,255,.06)}.journey-device-card h4{margin:0 0 1rem;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#ffffff80}.journey-device-bars{display:flex;flex-direction:column;gap:.75rem}.journey-device-row{display:grid;grid-template-columns:80px 1fr 50px;align-items:center;gap:.75rem}.journey-device-label{font-size:.8rem;color:#fffc;text-transform:capitalize}.journey-device-bar{height:8px;background:#ffffff14;border-radius:4px;overflow:hidden}.journey-device-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:4px;transition:width .5s ease}.journey-device-fill--browser{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.journey-device-fill--platform{background:linear-gradient(90deg,#ec4899,#f472b6)}.journey-device-pct{font-size:.75rem;font-weight:600;color:#fff9;text-align:right}@media(max-width:768px){.journey-countries-grid,.journey-device-grid{grid-template-columns:1fr}.journey-device-row{grid-template-columns:70px 1fr 40px}}.revenue-panel{padding:1.5rem}.revenue-loading,.revenue-error{padding:2rem;text-align:center;color:#fff9}.revenue-error button{margin-top:1rem;padding:.5rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;cursor:pointer}.revenue-time-selector{display:flex;gap:.5rem;margin-bottom:1.5rem}.revenue-time-btn{padding:.5rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff9;font-size:.875rem;cursor:pointer;transition:all .2s}.revenue-time-btn:hover{background:#ffffff14;color:#fff}.revenue-time-btn.active{background:#4ade8026;border-color:#4ade804d;color:#4ade80}.revenue-stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem}.revenue-stats-row.secondary{grid-template-columns:repeat(4,1fr)}.revenue-stat-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:1.25rem;text-align:center}.revenue-stat-card.highlight{background:linear-gradient(135deg,#4ade801a,#4ade8005);border-color:#4ade8033}.revenue-stat-card.small{padding:1rem}.revenue-stat-card.success .revenue-stat-value{color:#22c55e}.revenue-stat-card.danger .revenue-stat-value{color:#ef4444}.revenue-stat-card.warning .revenue-stat-value{color:#f59e0b}.revenue-stat-value{font-size:1.75rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.25rem}.revenue-stat-card.small .revenue-stat-value{font-size:1.25rem}.revenue-stat-card.highlight .revenue-stat-value{color:#4ade80;font-size:2rem}.revenue-stat-label{font-size:.75rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.05em}.revenue-section{margin-bottom:2rem}.revenue-section h3{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#ffffff80;margin:0 0 1rem}.revenue-tier-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.revenue-tier-card{background:#ffffff08;border:2px solid;border-radius:12px;padding:1rem;text-align:center}.revenue-tier-name{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#ffffff80;margin-bottom:.5rem}.revenue-tier-count{font-size:1.5rem;font-weight:700}.revenue-tier-pct{font-size:.875rem;color:#fff6}.revenue-timeline-chart{display:flex;gap:4px;align-items:flex-end;height:150px;padding:1rem;background:#ffffff05;border-radius:12px;overflow-x:auto}.revenue-timeline-bar-group{display:flex;flex-direction:column;align-items:center;min-width:24px;flex:1}.revenue-timeline-bars{display:flex;flex-direction:column;align-items:center;height:100px;justify-content:flex-end;gap:2px}.revenue-timeline-bar{width:16px;border-radius:3px;transition:height .3s ease}.revenue-timeline-bar.revenue{background:linear-gradient(180deg,#4ade80,#22c55e)}.revenue-timeline-bar.new{background:linear-gradient(180deg,#60a5fa,#3b82f6);width:8px}.revenue-timeline-bar.cancel{background:linear-gradient(180deg,#f87171,#ef4444);width:8px}.revenue-timeline-label{font-size:.625rem;color:#fff6;margin-top:.5rem;white-space:nowrap}.revenue-timeline-legend{display:flex;gap:1.5rem;justify-content:center;margin-top:1rem}.legend-item{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:#fff9}.legend-dot{width:8px;height:8px;border-radius:50%}.legend-dot.revenue{background:#4ade80}.legend-dot.new{background:#3b82f6}.legend-dot.cancel{background:#ef4444}.revenue-events-list{display:flex;flex-direction:column;gap:.75rem}.revenue-event-item{display:flex;gap:.75rem;padding:.875rem 1rem;background:#ffffff08;border-radius:10px;border:1px solid rgba(255,255,255,.06)}.revenue-event-indicator{width:4px;border-radius:2px;background:var(--event-color, #6b7280);flex-shrink:0}.revenue-event-content{flex:1;min-width:0}.revenue-event-header{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.25rem}.revenue-event-type{font-weight:500;font-size:.875rem}.revenue-event-tier{font-size:.625rem;text-transform:uppercase;letter-spacing:.05em;padding:.125rem .5rem;border-radius:10px;color:#fff}.revenue-event-amount{font-weight:600;color:#4ade80;font-size:.875rem}.revenue-event-meta{display:flex;gap:1rem;font-size:.75rem;color:#ffffff80}.revenue-event-user.unknown{font-style:italic}.revenue-empty{text-align:center;padding:3rem;color:#ffffff80}.revenue-empty-hint{font-size:.875rem;color:#ffffff4d;margin-top:.5rem}@media(max-width:768px){.revenue-stats-row.secondary,.revenue-tier-grid{grid-template-columns:repeat(2,1fr)}.revenue-timeline-chart{height:120px}.revenue-timeline-bars{height:80px}}.policy-page{min-height:100vh;height:100vh;overflow-y:auto;background:linear-gradient(165deg,#1a1a1e,#0d0d0f);color:#ffffffd9;padding:40px 20px 80px}.policy-container{max-width:800px;margin:0 auto}.policy-back{display:inline-block;color:#ffffff80;text-decoration:none;font-size:14px;margin-bottom:32px;padding:8px 0;transition:color .2s}.policy-back:hover{color:#fffc}.policy-page h1{font-size:36px;font-weight:700;color:#fff;margin:0 0 8px;letter-spacing:-.5px}.policy-updated{font-size:14px;color:#fff6;margin:0 0 40px}.policy-page section{margin-bottom:40px;padding-bottom:32px;border-bottom:1px solid rgba(255,255,255,.06)}.policy-page section:last-child{border-bottom:none}.policy-page h2{font-size:22px;font-weight:600;color:#fff;margin:0 0 16px;letter-spacing:-.3px}.policy-page h3{font-size:16px;font-weight:600;color:#ffffffe6;margin:24px 0 12px}.policy-page p{font-size:15px;line-height:1.7;margin:0 0 16px;color:#ffffffb3}.policy-page ul{margin:0 0 16px;padding-left:24px}.policy-page li{font-size:15px;line-height:1.7;margin-bottom:8px;color:#ffffffb3}.policy-page li strong{color:#ffffffe6}.policy-page a{color:#60a5fa;text-decoration:none;transition:color .2s}.policy-page a:hover{color:#93c5fd;text-decoration:underline}.policy-page address{font-style:normal;font-size:14px;line-height:1.8;color:#fff9;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:20px 24px;margin-top:16px}.policy-table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14px}.policy-table th,.policy-table td{text-align:left;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.08)}.policy-table th{background:#ffffff08;color:#ffffffe6;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.policy-table td{color:#ffffffb3}.policy-table tr:last-child td{border-bottom:none}.policy-table tr:hover td{background:#ffffff05}@media(max-width:600px){.policy-page{padding:24px 16px}.policy-page h1{font-size:28px}.policy-page h2{font-size:18px}.policy-table{font-size:13px}.policy-table th,.policy-table td{padding:10px 12px}}:root{color-scheme:dark;--bg: #0b0b0b;--fg: #ffffff;--fg-soft: rgba(255, 255, 255, .7);--muted: #a0a0a0;--border: rgba(255, 255, 255, .12);--card: rgba(255, 255, 255, .04);--accent: #ffffff;--accent-soft: rgba(255, 255, 255, .08)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#root{height:100%}.loading{font-size:13px;color:var(--fg-soft);text-align:center}.input,.select{min-width:0;border-radius:999px;border:1px solid var(--border);background:#0006;color:var(--fg-soft);font-size:11px;padding:5px 10px;outline:none}.input-file{font-size:11px;color:var(--fg-soft)}.btn{border-radius:999px;border:1px solid rgba(255,255,255,.2);background:#ffffff1f;color:var(--fg);font-size:11px;padding:5px 12px;cursor:pointer}.page{position:relative;height:100%;width:100%;display:flex;align-items:stretch;justify-content:center;background-color:#050505;background-size:cover;background-position:center;background-repeat:no-repeat}.page-overlay{position:absolute;inset:0;background:radial-gradient(circle at top,#00000059,#000000e6),linear-gradient(to bottom,#0003,#000);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:none;z-index:0}.shell{position:relative;z-index:1;width:100%;max-width:640px;height:100%;padding:16px;display:flex;flex-direction:column}.header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px;flex-shrink:0}.header-left{display:flex;align-items:center;gap:8px}.logo-lockup{width:150px;height:36px;border-radius:999px;background-image:url(/logomellow.png);background-position:center center;background-repeat:no-repeat;background-size:cover;background-color:#ffffff0a;box-shadow:0 10px 30px #0009}.header-right{display:flex;align-items:center;gap:8px}.header-pill{display:flex;align-items:center;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#ffffff14;color:var(--fg-soft);font-size:13px;padding:5px 12px;cursor:pointer}.header-pill-wrapper{position:relative;display:inline-flex}.header-pill-wrapper .dev-tooltip{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);background:#000000e6;color:#fff;font-size:11px;padding:4px 8px;border-radius:4px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .15s,visibility .15s;pointer-events:none;z-index:1000}.header-pill-wrapper .dev-tooltip:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-bottom-color:#000000e6}.header-pill-wrapper:hover .dev-tooltip{opacity:1;visibility:visible}.header-icon-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#ffffff14;color:var(--fg-soft);font-size:14px;text-decoration:none;transition:background .2s,border-color .2s}.header-icon-btn:hover{background:#ffffff26;border-color:#ffffff4d}.main-fill{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center}.section{margin-top:4px}.section-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.section-title{margin:0;font-size:13px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.section-sub{font-size:12px;color:var(--fg-soft)}.site-footer{flex-shrink:0;padding:12px 0 4px;text-align:center}.footer-links{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}.footer-links a,.footer-links button,.footer-link-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#ffffff59;font-size:11px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1;text-decoration:none;background:none;border:none;padding:0;margin:0;cursor:pointer;transition:color .2s}.footer-links a:hover,.footer-link-btn:hover{color:#fff9}.footer-sep{color:#fff3;font-size:11px}.test-modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px}.test-modal{background:#141414fa;border:1px solid rgba(255,255,255,.15);border-radius:16px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 24px 48px #00000080}.test-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.test-modal-header-left{display:flex;align-items:center;gap:12px}.test-modal-title{font-size:18px;font-weight:600;color:#fff;margin:0}.test-modal-user-info{display:flex;align-items:center;gap:8px;padding:4px 10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:6px}.test-modal-user-id{font-size:12px;font-weight:500;color:#fffc;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace}.test-modal-user-type{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#ffffff80;padding:2px 6px;background:#ffffff14;border-radius:4px}.test-modal-close{width:32px;height:32px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:#ffffff0d;color:#fff9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.test-modal-close:hover{background:#ffffff1a;color:#fff}.test-modal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:24px}@media(max-width:500px){.test-modal-grid{grid-template-columns:1fr}}.test-modal-item{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px}.test-modal-item-pill{display:flex;align-items:center;min-height:32px}.test-modal-item-info{display:flex;flex-direction:column;gap:2px}.test-modal-item-label{font-size:13px;font-weight:600;color:#fff}.test-modal-item-desc{font-size:11px;color:#ffffff80}.test-modal-footer{padding:16px 24px;border-top:1px solid rgba(255,255,255,.1);text-align:center}.test-modal-hint{font-size:11px;color:#fff6}.carousel-wrapper{margin-top:10px;position:relative}.carousel{position:relative;height:290px;border-radius:32px;background:radial-gradient(circle at top,#ffffff0f,#ffffff05);display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:grab}.carousel:active{cursor:grabbing}.tap-zone{position:absolute;inset-block:0;width:33%;z-index:5}.tap-left{left:0}.tap-right{right:0}.card{position:absolute;transform-origin:center center;display:flex;flex-direction:column;align-items:flex-start}.card-xs,.card-sm,.card-lg{width:210px}.card-inner{position:relative;width:210px;height:210px;flex-shrink:0;border-radius:32px;overflow:hidden;border:1px solid rgba(255,255,255,.15);box-shadow:0 18px 40px #0009;background:radial-gradient(circle at top,#ffffff0f,#ffffff05)}.card-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.card-cover-video{z-index:1}.card-cover-fallback{z-index:0}.card-overlay{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;padding:10px 12px;background:linear-gradient(to top,#000000a6,#0000 60%);pointer-events:none}.card-overlay--side{align-items:flex-start;justify-content:flex-end;padding:12px 12px 40px;background:none}.card-overlay--side:before{content:"";position:absolute;bottom:40px;left:0;width:100%;height:35px;pointer-events:none;background:linear-gradient(to right,rgba(0,0,0,.5) 0%,rgba(0,0,0,.3) 55%,transparent 90%);mask-image:linear-gradient(to bottom,transparent 0%,black 15%,black 96%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 15%,black 96%,transparent 100%)}.card-side-name{position:relative;z-index:1;max-width:90%;margin-bottom:6px;margin-left:16px;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:.066em;line-height:1;text-align:left;color:#ffffffe6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-overlay--center{align-items:flex-start;padding:16px 14px 18px;background:none}.card-overlay--center:before{content:"";position:absolute;bottom:43px;left:0;width:100%;height:33px;pointer-events:none;background:linear-gradient(to right,rgba(0,0,0,.5) 0%,rgba(0,0,0,.3) 55%,transparent 90%);mask-image:linear-gradient(to bottom,transparent 0%,black 15%,black 96%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 15%,black 96%,transparent 100%)}.card-center-name{position:relative;z-index:1;padding:0;background:none;border-radius:0;font-size:16px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff;line-height:1.15;white-space:normal;word-break:break-word;text-shadow:0 2px 16px rgba(0,0,0,.7)}.card-overlay--center:not(:has(.card-vibes-inline)) .card-center-name{margin-bottom:26px}.card-center-vibes{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px;max-width:100%;justify-content:flex-start;margin-left:4px}.card-center-vibe-pill{border-radius:999px;padding:2px 7px;font-size:10px;text-transform:lowercase;white-space:nowrap;border:1px solid #4ade80;background:#4ade801f;color:#fff}.card-vibes-inline{display:flex;flex-wrap:nowrap;gap:4px;margin-top:8px;margin-left:-8px;justify-content:flex-start;max-width:100%;overflow:visible;pointer-events:auto}.card-vibes-side{gap:3px;margin-top:4px;margin-left:-6px}.card-vibes-side .card-vibe-pill-inline{font-size:8px;padding:2px 5px}.card-vibes-side .card-vibe-overflow{font-size:8px;padding:2px 6px}.card-vibe-pill-inline{border-radius:4px;padding:4px 8px;font-size:10px;text-transform:lowercase;white-space:nowrap;border:1px solid rgba(255,255,255,.25);background:#00000026;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#ffffffd9;letter-spacing:.03em;flex-shrink:0;transition:all .2s ease}.card-vibe-pill-inline:hover{background:#ffffff1f;border-color:#ffffff40}.card-vibe-overflow{position:relative;border-radius:4px;padding:4px 10px;font-size:10px;white-space:nowrap;border:1px solid rgba(255,255,255,.15);background:#ffffff0f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff9;letter-spacing:.03em;flex-shrink:0;cursor:pointer;pointer-events:auto;transition:all .2s ease}.card-vibe-overflow:hover{background:#ffffff1f;border-color:#ffffff40;color:#fffc}.card-vibe-overflow-tooltip{display:flex;flex-direction:column;gap:4px;padding:8px 10px;background:#000000e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);border-radius:8px;pointer-events:none;z-index:9999;white-space:nowrap}.card-vibe-overflow-tooltip span{font-size:10px;text-transform:lowercase;color:#ffffffe6}.card-stats-row{display:flex;align-items:center;justify-content:center;gap:16px;width:100%;margin-top:10px;font-size:11px;color:#ffffff80}.card-stats-side{font-size:9px;gap:8px;opacity:.7;margin-top:6px}.card-stats-side .card-stats-like{padding:2px}.card-stats-like{display:flex;align-items:center;gap:5px;background:none;border:none;color:inherit;cursor:pointer;padding:4px;border-radius:12px;transition:all .2s ease;font-size:inherit;font-family:inherit}.card-stats-like:hover{background:#ffffff1a}.card-stats-like.liked{color:#ef4444}.card-stats-like.liked svg{fill:#ef4444}.card-stats-divider{color:#ffffff40}.card-stats-plays{display:flex;align-items:center;gap:4px}.card-stats-live{display:flex;align-items:center;gap:5px}.card-live-dot{width:6px;height:6px;border-radius:50%;background:#ef4444;box-shadow:0 0 3px #ef444466;animation:live-pulse 1.5s ease-out infinite}@keyframes live-pulse{0%{transform:scale(1);box-shadow:0 0 3px #ef444466,0 0 #ef444459;filter:brightness(1)}35%{transform:scale(1.12);box-shadow:0 0 6px 1px #ef444473,0 0 0 3px #ef44442e;filter:brightness(1.15)}70%{transform:scale(1);box-shadow:0 0 3px #ef444466,0 0 0 6px #ef44440f;filter:brightness(1)}to{transform:scale(1);box-shadow:0 0 3px #ef444466,0 0 0 8px #ef444400;filter:brightness(1)}}.card-listener-count{display:flex;justify-content:center;margin-top:6px;font-size:11px;letter-spacing:.05em;color:#ffffff80}.arrow{position:absolute;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:#00000073;color:var(--fg-soft);display:grid;place-items:center;font-size:18px;cursor:pointer;z-index:10}.arrow-left{left:8px}.arrow-right{right:8px}.card-status-badge{display:flex;align-items:center;gap:6px;padding:4px 10px;margin-bottom:4px;border-radius:999px;background:#000000a6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(74,222,128,.3);pointer-events:none;align-self:center}.card-status-dot{width:7px;height:7px;border-radius:999px;background:#4ade80;box-shadow:0 0 0 4px #4ade8040;flex-shrink:0}.card-status-dot--pulse{animation:card-status-pulse 1.4s ease-out infinite}@keyframes card-status-pulse{0%{transform:scale(1);box-shadow:0 0 0 4px #4ade8040}70%{transform:scale(1.3);box-shadow:0 0 0 8px #4ade8000}to{transform:scale(1);box-shadow:0 0 0 4px #4ade8000}}.card-status-text{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#4ade80;white-space:nowrap}.card-premium-badge{position:absolute;top:10px;right:12px;padding:3px 8px;border-radius:4px;background:linear-gradient(135deg,gold,#ffb700);color:#000;font-size:8px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;z-index:10;pointer-events:none;box-shadow:0 2px 8px #ffd7004d}.card-listener-badge{padding:4px 10px;border-radius:999px;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.18);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#ffffffd9;white-space:nowrap;font-weight:600;margin-top:6px}@media(max-width:768px){.card-status-text,.card-listener-badge{font-size:8px}.card-status-badge,.card-listener-badge{padding:3px 8px}}.carousel-edit-btn{position:absolute;top:-10px;right:-10px;width:32px;height:32px;border-radius:50%;background:#000c;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .2s,transform .15s,background .15s;z-index:50;pointer-events:auto}.card:hover .carousel-edit-btn{opacity:1}.carousel-edit-btn:hover{background:#fff3;border-color:#fff6;transform:scale(1.1)}.carousel-edit-btn svg{color:#ffffffb3}.carousel-edit-btn:hover svg{color:#fff}@media(hover:none){.card.is-center .carousel-edit-btn{opacity:1}}.player-card{position:relative;border-radius:24px;border:1px solid var(--border);background:var(--card);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;min-height:72px;margin-bottom:10px}.player-left{position:relative;display:flex;align-items:center;gap:12px;min-width:0;max-width:calc(50% - 50px);z-index:2}.player-thumb-wrapper{position:relative;width:95px;height:95px;margin:-12px 0 -12px -8px;border-radius:15px;border:1px solid rgba(255,255,255,.25);background:#0b0b0b;flex-shrink:0;overflow:hidden}.player-thumb{width:100%;height:100%;object-fit:cover}.player-thumb-overlay{position:absolute;inset:0;display:flex;align-items:flex-end;padding:8px 8px 21px;pointer-events:none;border-radius:15px}.player-thumb-overlay:before{content:"";position:absolute;bottom:18px;left:0;width:100%;height:16px;background:linear-gradient(to right,rgba(0,0,0,.5) 0%,rgba(0,0,0,.3) 55%,transparent 90%);pointer-events:none;mask-image:linear-gradient(to bottom,transparent 0%,black 15%,black 96%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 15%,black 96%,transparent 100%)}.player-thumb-name{position:relative;z-index:1;font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.7);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.player-status-group{display:flex;flex-direction:column;gap:6px;min-width:0}.player-status{display:flex;align-items:center;gap:6px}.player-status-icon{width:12px;height:12px;flex-shrink:0;color:#4ade80}.player-status-icon--paused{color:#facc15}.player-status-dot{width:8px;height:8px;border-radius:50%;background:#4ade80;flex-shrink:0}.player-status-dot--live{background:#ef4444;box-shadow:0 0 4px #ef444466}.player-status-dot--pulse{animation:status-pulse 1.4s ease-out infinite}@keyframes status-pulse{0%{transform:scale(1);box-shadow:0 0 #4ade8066}70%{transform:scale(1.1);box-shadow:0 0 0 6px #4ade8000}to{transform:scale(1);box-shadow:0 0 #4ade8000}}.player-status-dot--live.player-status-dot--pulse{animation:status-pulse-red 1.5s ease-out infinite}@keyframes status-pulse-red{0%{transform:scale(1);box-shadow:0 0 4px #ef444466,0 0 #ef444459;filter:brightness(1)}35%{transform:scale(1.1);box-shadow:0 0 8px 1px #ef444473,0 0 0 4px #ef444426;filter:brightness(1.12)}70%{transform:scale(1);box-shadow:0 0 4px #ef444466,0 0 0 7px #ef44440d;filter:brightness(1)}to{transform:scale(1);box-shadow:0 0 4px #ef444466,0 0 0 10px #ef444400;filter:brightness(1)}}.player-status-text{font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#4ade80;white-space:nowrap}.player-mini-waveform{display:flex;align-items:flex-end;gap:2px;height:14px}.player-mini-bar{width:3px;min-height:2px;border-radius:1px;background:#4ade80}.player-right{position:absolute;left:calc(50% + 50px);right:16px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left;min-width:0}.play-button{position:relative;width:76px;height:76px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:linear-gradient(145deg,#ffffff1f,#ffffff0a);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 24px #0006,0 0 0 1px #ffffff0d inset;display:grid;place-items:center;cursor:pointer;outline:none;transition:all .2s ease;flex-shrink:0}.play-button:hover{border-color:#fff6;background:linear-gradient(145deg,#ffffff2e,#ffffff14);box-shadow:0 6px 32px #00000080,0 0 0 1px #ffffff1a inset}.play-button:active{transform:scale(.96)}.play-button .icon{width:30px;height:30px;fill:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.play-button--playing{background:linear-gradient(145deg,#fff,#e8e8e8);border-color:#ffffffe6;box-shadow:0 4px 24px #ffffff26,0 0 0 1px #fff3 inset}.play-button--playing:hover{background:linear-gradient(145deg,#fff,#f0f0f0);box-shadow:0 6px 32px #fff3,0 0 0 1px #ffffff4d inset}.play-button--playing .icon{fill:#0a0a0a;filter:none}.play-button--loading{cursor:default}.play-button--loading:before{content:"";position:absolute;inset:-3px;border-radius:999px;border:2px solid rgba(255,255,255,.25);border-top-color:#fff;animation:spin-ring .8s linear infinite}.play-button--loading:after{content:"";position:absolute;inset:4px;border-radius:999px;background:#ffffff0d}@keyframes spin-ring{to{transform:rotate(360deg)}}.play-button--center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:10}.play-button--center:active{transform:translate(-50%,-50%) scale(.96)}.player-main{flex:1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;min-width:0}.player-track-block{display:flex;flex-direction:column;gap:4px;min-width:0}.player-track-text{min-width:0}.player-artist{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.player-title{font-size:13px;color:var(--fg-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}@media(max-width:480px){.player-artist{font-size:12px}.player-title{font-size:11px}.player-right{left:calc(50% + 42px)}.play-button{width:64px;height:64px}.play-button .icon{width:25px;height:25px}.player-thumb-wrapper{width:79px;height:79px;margin:-8px 0 -8px -6px;border-radius:13px}.player-thumb-overlay{border-radius:13px}.player-thumb-name{font-size:7px}}.player-middle{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}.player-now-row{display:flex;align-items:center;gap:6px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#4ade80}.player-now-dot{width:8px;height:8px;border-radius:999px;background:#4ade80;box-shadow:0 0 0 6px #4ade802e}.player-now-dot--pulse{animation:player-now-pulse 1.4s ease-out infinite}.player-now-text{white-space:nowrap}@keyframes player-now-pulse{0%{transform:scale(1);box-shadow:0 0 0 6px #4ade8040;opacity:1}70%{transform:scale(1.3);box-shadow:0 0 0 10px #4ade8000;opacity:.9}to{transform:scale(1);box-shadow:0 0 0 6px #4ade8000;opacity:1}}.player-waveform{display:flex;align-items:flex-end;gap:3px;height:24px}.player-wave-bar{flex:0 0 auto;width:calc((100% - 78px)/40);border-radius:999px;background:#4ade80;transform-origin:bottom;transition:none}.player-actions{display:flex;flex-direction:row;gap:8px;align-items:flex-end}.player-icon-btn{position:relative;width:40px;height:40px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:#ffffff14;display:grid;place-items:center;cursor:pointer;outline:none;transition:background .18s ease,transform .12s ease,border-color .18s ease}.player-icon-btn:active{transform:scale(.94)}.player-icon-btn .icon{width:16px;height:16px;fill:#fff}@media(max-width:480px){.player-main{grid-template-columns:minmax(0,1.8fr) minmax(0,1.6fr) auto}.player-actions{gap:6px}}@media(max-width:480px){.player-main{grid-template-columns:minmax(0,1.8fr) minmax(0,1.6fr);grid-auto-rows:auto;grid-auto-flow:row}.player-actions{flex-direction:row;justify-content:flex-end}}.track-wheel{position:relative;min-width:0;padding-left:4px}.track-wheel-current{position:relative;z-index:2}.track-wheel-next,.track-wheel-prev{position:absolute;left:-8px;max-width:220px;font-size:10px;color:var(--fg-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-wheel-next{top:-14px}.track-wheel-prev{bottom:-14px}.track-wheel--animate .track-wheel-current,.track-wheel--animate .track-wheel-next,.track-wheel--animate .track-wheel-prev{animation:track-wheel-spin .45s ease-out}@keyframes track-wheel-spin{0%{transform:translateY(6px);opacity:.4}to{transform:translateY(0);opacity:1}}.player-artist-row{display:flex;align-items:center;gap:8px}.rotation-pill{position:relative}.rotation-pill-inner{display:inline-flex;align-items:center;gap:6px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#0009;padding:2px 8px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#fff;cursor:pointer}.rotation-dot{width:6px;height:6px;border-radius:999px}.rotation-pill-label{white-space:nowrap}.rotation-menu{position:absolute;bottom:110%;left:0;padding:4px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:#0c0c0cf5;box-shadow:0 12px 30px #000000b3;display:flex;flex-direction:column;gap:2px;z-index:40}.rotation-menu-item{display:flex;align-items:center;gap:6px;border-radius:999px;border:1px solid transparent;padding:3px 8px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;background:transparent;color:#fff;cursor:pointer}.rotation-menu-item:hover{background:#ffffff14}.player-shell{position:relative;display:flex;flex-direction:column}.player-status-pill{display:flex;align-items:center;gap:12px;margin-left:-8px;margin-bottom:20px}@media(max-width:480px){.player-status-pill{margin-bottom:12px}}.player-waveform-inner{position:absolute;left:108px;right:calc(50% + 58px);top:50%;transform:translateY(-50%);display:flex;align-items:flex-end;gap:2px;height:36px}.player-waveform-bar{flex:1;max-width:4px;min-height:3px;border-radius:2px;background:#4ade80b3}@media(max-width:360px){.player-waveform-inner{display:none}}.streams-header-button{display:inline-flex;align-items:center;gap:10px;padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#00000073;color:#fff;font-size:11px;letter-spacing:.18em;text-transform:uppercase;cursor:pointer}.streams-menu-icon{display:flex;flex-direction:column;gap:3px}.streams-menu-line{width:12px;height:1.5px;border-radius:999px;background:#fff}.streams-header-label{white-space:nowrap}.streams-overlay{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center}.streams-overlay-backdrop{position:absolute;inset:0;background:radial-gradient(circle at top,#0000004d,#00000080);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.streams-overlay-modal{position:relative;z-index:81;width:min(880px,96vw);max-height:min(80vh,640px);background:#0c0c0ceb;border-radius:24px;border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 60px #000000b3;padding:18px 20px;display:flex;flex-direction:column;overflow:hidden}.streams-modal{position:relative;z-index:81;width:min(960px,96vw);height:min(620px,80vh);border-radius:26px;background:#0c0c0cf5;box-shadow:0 24px 80px #000000d9;padding:16px 18px 18px;display:flex;flex-direction:column}.streams-modal-close{width:26px;height:26px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:#ffffff05;color:#fff;font-size:14px;display:grid;place-items:center;cursor:pointer}.streams-modal-top{display:flex;justify-content:space-between;align-items:center;padding:4px 0 12px}.streams-modal-top-left{display:flex;align-items:center;gap:12px}.streams-modal-top-right{display:flex;align-items:center;gap:8px}.streams-modal-header-row{display:grid;grid-template-columns:minmax(120px,.18fr) 1fr auto;gap:12px;align-items:center;margin-top:16px;margin-bottom:16px}.streams-modal-title{font-size:20px;font-weight:500;padding-bottom:6px}.streams-search-shell{display:flex;align-items:center;padding:4px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:#121212e6}.streams-search-pills{display:flex;flex-wrap:wrap;gap:4px;margin-right:6px}.streams-search-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;border:1px solid transparent;background:transparent;font-size:10px;text-transform:lowercase;cursor:pointer}.streams-pill-x{font-size:10px;opacity:.9}.streams-search-input{flex:1;min-width:80px;border:none;outline:none;background:transparent;color:#fff;font-size:12px}.streams-modal-layout{flex:1;display:grid;grid-template-columns:minmax(120px,.18fr) 1fr;gap:12px;min-height:0}.streams-vibes-sidebar{border-radius:18px;background:radial-gradient(circle at top,#ffffff0a,#0a0a0ae6);padding:8px;display:flex;flex-direction:column;gap:8px;min-height:0}.vibes-all-btn{width:100%;padding:6px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:#000000b3;color:#fff;font-size:11px;text-align:center;cursor:pointer}.vibes-all-btn.active{border-color:#00ffa0cc;background:#00ffa01a}.vibes-scroll{flex:1;overflow-y:auto;padding-right:4px;display:flex;flex-direction:column;gap:4px}.vibe-chip{border-radius:999px;border:1px solid rgba(255,255,255,.18);background:transparent;color:#ffffffe6;font-size:10px;padding:4px 8px;text-align:left;text-transform:lowercase;cursor:pointer}.vibe-chip.active{border-color:#00ffa0e6;background:#00ffa024}.streams-grid-shell{border-radius:18px;background:radial-gradient(circle at top,#ffffff0a,#0a0a0ae6);overflow:hidden;display:flex;flex-direction:column;min-height:0}.streams-empty{font-size:12px;color:#fff9;margin-bottom:6px}.streams-grid{flex:1;padding:16px;overflow-y:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px;align-items:start;align-content:start}@media(min-width:900px){.streams-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.streams-grid-card{position:relative;display:flex;flex-direction:column;cursor:pointer;background:transparent;border:none;padding:0;border-radius:0;box-shadow:none}.streams-grid-card .card-inner{width:100%;height:auto;aspect-ratio:1 / 1;background:transparent;box-shadow:none;border:1px solid rgba(255,255,255,.12)}.streams-grid-card.current .card-inner{border:2px solid rgba(74,222,128,.7);box-shadow:0 0 0 1px #4ade804d}.streams-grid-card .card-status-badge{position:absolute;top:10px;left:22px;margin:0;padding:0;background:none;border:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0;z-index:5}.streams-grid-cover{flex-shrink:0;width:100%;aspect-ratio:1 / 1;border-radius:20px;overflow:hidden;background:#151515;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);position:relative}.streams-grid-card.current .streams-grid-cover{border:2px solid rgba(74,222,128,.7);box-shadow:0 0 0 1px #4ade804d}.streams-grid-cover-img{width:100%;height:100%;object-fit:cover}.streams-grid-cover-placeholder{font-size:26px;color:#ffffffb3}.streams-grid-name-overlay{position:absolute;left:0;right:0;bottom:0;padding:12px 14px 38px;font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff;line-height:1.15;text-shadow:0 2px 12px rgba(0,0,0,.7);white-space:normal;word-break:break-word;text-align:left}.streams-grid-name-overlay:before{content:"";position:absolute;bottom:32px;left:0;width:100%;height:28px;pointer-events:none;background:linear-gradient(to right,rgba(0,0,0,.5) 0%,rgba(0,0,0,.3) 55%,transparent 90%);mask-image:linear-gradient(to bottom,transparent 0%,black 15%,black 96%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 15%,black 96%,transparent 100%)}.streams-grid-name{position:relative;z-index:1}.streams-grid-vibes{margin-top:4px;display:flex;flex-wrap:nowrap;gap:4px;justify-content:flex-start;overflow:visible;padding:0 2px}.streams-grid-vibe-pill{border-radius:4px;padding:4px 8px;border:1px solid rgba(255,255,255,.25);background:#00000026;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:10px;text-transform:lowercase;color:#ffffffd9;letter-spacing:.03em;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .2s ease}.streams-grid-vibe-pill:hover{background:#ffffff1f;border-color:#ffffff40}.streams-grid-vibe-overflow{position:relative;border-radius:4px;padding:4px 10px;font-size:10px;white-space:nowrap;border:1px solid rgba(255,255,255,.15);background:#ffffff0f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff9;letter-spacing:.03em;flex-shrink:0;cursor:pointer;transition:all .2s ease}.streams-grid-vibe-overflow:hover{background:#ffffff1f;border-color:#ffffff40;color:#fffc}.streams-grid-vibe-tooltip{display:flex;flex-direction:column;gap:4px;padding:8px 10px;background:#000000e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);border-radius:8px;pointer-events:none;z-index:9999;white-space:nowrap}.streams-grid-vibe-tooltip span{font-size:10px;text-transform:lowercase;color:#ffffffe6}.streams-grid-info{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.streams-grid-name{font-size:12px;font-weight:600;text-transform:uppercase;color:#fff;line-height:1.2;white-space:normal}.streams-grid-settings{position:absolute;right:8px;top:8px;width:22px;height:22px;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-size:13px;display:grid;place-items:center;cursor:pointer;z-index:4;pointer-events:auto}.streams-grid-settings:hover{background:#ffffff1f}.streams-grid-status-badge{position:absolute;top:12px;left:12px;display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#000000a6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(74,222,128,.3);pointer-events:none;z-index:5}.streams-grid-status-dot{width:6px;height:6px;border-radius:999px;background:#4ade80;box-shadow:0 0 0 3px #4ade8040;flex-shrink:0}.streams-grid-status-dot--pulse{animation:streams-grid-status-pulse 1.4s ease-out infinite}@keyframes streams-grid-status-pulse{0%{transform:scale(1);box-shadow:0 0 0 3px #4ade8040}70%{transform:scale(1.3);box-shadow:0 0 0 6px #4ade8000}to{transform:scale(1);box-shadow:0 0 0 3px #4ade8000}}.streams-grid-status-text{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#4ade80;white-space:nowrap;font-weight:600}.streams-grid-stats-row{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;margin-top:6px;font-size:10px;color:#ffffff80}.streams-grid-stats-like{display:flex;align-items:center;gap:4px;background:none;border:none;color:inherit;cursor:pointer;padding:3px 6px;border-radius:10px;transition:all .2s ease;font-size:inherit;font-family:inherit}.streams-grid-stats-like:hover{background:#ffffff1a}.streams-grid-stats-like.liked{color:#ef4444}.streams-grid-stats-like.liked svg{fill:#ef4444}.streams-grid-stats-like svg{width:12px;height:12px}.streams-grid-stats-divider{color:#ffffff40}.streams-grid-stats-plays{display:flex;align-items:center;gap:4px}.streams-grid-stats-plays svg{width:10px;height:10px;opacity:.6}.streams-grid-stats-live{display:flex;align-items:center;gap:4px}.streams-grid-live-dot{width:5px;height:5px;border-radius:50%;background:#ef4444;animation:streams-live-pulse 1.4s ease-out infinite}@keyframes streams-live-pulse{0%{transform:scale(1);box-shadow:0 0 #ef444466}70%{transform:scale(1.15);box-shadow:0 0 0 4px #ef444400}to{transform:scale(1);box-shadow:0 0 #ef444400}}.streams-grid-premium-badge{position:absolute;top:8px;right:8px;padding:2px 6px;border-radius:3px;background:linear-gradient(135deg,gold,#ffb700);color:#000;font-size:7px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;z-index:3;pointer-events:none;box-shadow:0 2px 6px #ffd7004d}.streams-grid-listener-badge{position:absolute;left:8px;bottom:8px;padding:3px 8px;border-radius:999px;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.22);font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:#ffffffe6;white-space:nowrap;font-weight:600}.streams-grid-settings{z-index:4}.stream-edit-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.stream-edit-title{font-size:15px;font-weight:500}.stream-edit-sub{font-size:11px;color:#ffffff8c}.stream-edit-back{border-radius:999px;border:1px solid rgba(255,255,255,.25);background:#ffffff0a;color:#fff;font-size:11px;padding:4px 10px;cursor:pointer}.stream-edit-hero-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.stream-edit-hero-row>*{min-height:180px}@media(max-width:700px){.stream-edit-hero-row{grid-template-columns:1fr}}.stream-edit-upload{border-radius:16px;border:1px dashed rgba(255,255,255,.25);background:#000000b3;padding:10px 12px 12px;display:flex;flex-direction:column;font-size:11px;color:#ffffffb3}.stream-edit-upload.drag-over{border-style:solid;border-color:#00ffa0cc;background:#00ffa00f}.stream-edit-upload-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px}.stream-edit-upload-zone{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:2px dashed rgba(255,255,255,.2);border-radius:12px;padding:16px;background:#0006;transition:all .2s}.stream-edit-upload.drag-over .stream-edit-upload-zone{border-color:#00ffa0cc;background:#00ffa014}.stream-edit-upload-icon{font-size:28px;opacity:.7}.stream-edit-upload-text{font-size:12px;color:#fffc}.stream-edit-upload-hint{font-size:10px;color:#ffffff80;text-align:center}.stream-edit-upload-button{border-radius:999px;border:1px solid rgba(255,255,255,.3);background:#ffffff14;color:#fff;font-size:11px;padding:6px 14px;cursor:pointer;margin-top:4px;transition:all .2s}.stream-edit-upload-button:hover{background:#ffffff26;border-color:#ffffff80}.stream-edit-tracks{flex:1;border-radius:16px;background:#000000b3;padding:8px;overflow-y:auto}.stream-edit-row-head,.stream-edit-row{display:grid;grid-template-columns:2.2fr 1.7fr 1.7fr 1.2fr;gap:8px;align-items:center;font-size:11px}.stream-edit-row-head{padding-bottom:4px;margin-bottom:4px;border-bottom:1px solid rgba(255,255,255,.12);color:#fff9}.stream-edit-row{padding:4px 0}.stream-edit-filename{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fffc}.stream-edit-input{width:100%;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#000000b3;color:#fff;font-size:11px;padding:4px 8px;outline:none}.stream-edit-rotation-cell{display:flex;align-items:center;gap:6px}.stream-edit-rotation-pill{border-radius:999px;border:1px solid transparent;padding:2px 7px;font-size:10px;text-transform:lowercase;white-space:nowrap}.stream-edit-rotation-select{border-radius:999px;border:1px solid rgba(255,255,255,.2);background:#000000b3;color:#fff;font-size:10px;padding:3px 8px;outline:none}.stream-edit-status{margin-top:6px;font-size:10px;color:#ffffffb3;transition:opacity .2s ease}.stream-edit-status--saving{color:#ffffffb3}.stream-edit-status--saved{color:#00ffa0e6}.stream-edit-status.error{color:#f97373}.stream-edit-vibes{margin-top:12px;border-radius:16px;background:#000000b3;padding:8px 10px 10px}.stream-edit-vibes-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:6px}.stream-edit-vibes-title{font-size:12px;font-weight:500}.stream-edit-vibes-sub{font-size:10px;color:#ffffff8c}.stream-edit-vibes-row{display:flex;flex-wrap:wrap;gap:6px}.stream-edit-vibe-pill{border-radius:999px;border:1px solid rgba(255,255,255,.25);background:#000000d9;padding:3px 8px;font-size:10px;display:flex;align-items:center}.stream-edit-vibe-input{border:none;outline:none;background:transparent;color:#fff;font-size:10px;min-width:40px}.stream-edit-vibe-input::placeholder{color:#fff6}.streams-block{display:flex;flex-direction:column;gap:8px}.streams-now-row{display:flex;justify-content:flex-start;margin-top:8px;margin-left:6px;align-items:center;gap:6px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#4ade80}.streams-now-dot{width:8px;height:8px;border-radius:999px;background:#4ade80;box-shadow:0 0 0 6px #4ade8040}.streams-now-dot--pulse{animation:streams-now-pulse 1.4s ease-out infinite}.streams-now-text{white-space:nowrap}@keyframes streams-now-pulse{0%{transform:scale(1);box-shadow:0 0 0 6px #4ade8040;opacity:1}70%{transform:scale(1.3);box-shadow:0 0 0 12px #4ade8000;opacity:.95}to{transform:scale(1);box-shadow:0 0 0 6px #4ade8000;opacity:1}}.streams-header-row{display:flex;justify-content:flex-end;margin-top:2px}.streams-top-row{display:flex;justify-content:center;align-items:center;margin-bottom:0}.stream-tabs{display:flex;gap:8px;margin:8px 0 12px}.stream-tab{border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#0000008c;color:#fffc;font-size:11px;padding:6px 12px;cursor:pointer;letter-spacing:.12em;text-transform:uppercase}.stream-tab.active{border-color:#00ffa0d9;background:#00ffa01a;color:#fff}.analytics-shell{flex:1;min-height:0;display:flex;flex-direction:column;gap:12px;margin-left:60px;margin-right:60px}.analytics-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}@media(max-width:700px){.analytics-shell{margin-left:0;margin-right:0}.analytics-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}.analytics-card{border-radius:16px;border:1px solid rgba(255,255,255,.12);background:#000000a6;padding:10px}.analytics-k{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#ffffff8c;margin-bottom:6px}.analytics-v{font-size:18px;font-weight:600;color:#fff}.analytics-split{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:900px){.analytics-split{grid-template-columns:1fr}}.analytics-panel{border-radius:16px;border:1px solid rgba(255,255,255,.12);background:#000000a6;padding:10px;min-height:0;display:flex;flex-direction:column}.analytics-title{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#ffffffb3;margin-bottom:8px}.analytics-list{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding-right:4px}.analytics-row{display:grid;grid-template-columns:1.3fr 1fr;gap:10px;font-size:11px;align-items:center;border-radius:12px;padding:6px 8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.analytics-ts{color:#ffffff8c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.analytics-val{color:#ffffffe6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right}.analytics-time-selector{display:flex;gap:4px;margin-bottom:8px}.analytics-time-btn{padding:6px 14px;border-radius:6px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;color:#ffffff80;font-size:12px;cursor:pointer;transition:all .15s}.analytics-time-btn:hover{background:#ffffff14;color:#fffc}.analytics-time-btn.active{background:#4ade8026;border-color:#4ade8066;color:#4ade80}.analytics-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}@media(max-width:700px){.analytics-stats-grid{grid-template-columns:repeat(2,1fr)}}.analytics-stat-card{border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#0006;padding:14px;display:flex;flex-direction:column;align-items:center;gap:6px}.analytics-stat-icon{color:#fff6}.analytics-stat-value{font-size:22px;font-weight:600;color:#fff}.analytics-stat-label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#ffffff80}.analytics-live-status{margin-bottom:16px}.analytics-live-indicator{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:#4ade801a;border:1px solid rgba(74,222,128,.3);border-radius:20px;color:#4ade80;font-size:12px;font-weight:500}.analytics-live-dot{width:8px;height:8px;border-radius:50%;background:#4ade80;animation:live-pulse 1.4s ease-out infinite}.analytics-offline-indicator{color:#fff6;font-size:12px}.analytics-chart-card{border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#0006;padding:16px;margin-bottom:16px}.analytics-chart-card h3{font-size:13px;font-weight:500;color:#ffffffb3;margin:0 0 12px}.analytics-timeline-chart{display:flex;flex-direction:column;gap:8px}.chart-summary{font-size:11px;color:#ffffff80}.chart-total{color:#ffffffb3}.chart-container{height:120px;display:flex;flex-direction:column}.chart-bars{flex:1;display:flex;align-items:flex-end;gap:2px}.chart-bar-wrap{flex:1;height:100%;display:flex;align-items:flex-end}.chart-bar{width:100%;min-height:2px;background:#ffffff1a;border-radius:2px 2px 0 0;transition:height .2s}.chart-bar.has-data{background:linear-gradient(to top,#4ade8099,#4ade804d)}.chart-empty{color:#fff6;font-size:12px;text-align:center;padding:24px}.analytics-breakdown-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media(max-width:800px){.analytics-breakdown-grid{grid-template-columns:1fr}}.analytics-breakdown-card{border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#0006;padding:14px}.breakdown-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.breakdown-header h4{font-size:12px;font-weight:500;color:#ffffffb3;margin:0}.breakdown-icon{color:#fff6;display:flex}.breakdown-list{display:flex;flex-direction:column;gap:6px}.breakdown-row{display:flex;justify-content:space-between;align-items:center;font-size:12px}.breakdown-name{color:#fffc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.breakdown-count{color:#ffffff80;font-weight:500}.breakdown-empty{color:#ffffff4d;font-size:11px;text-align:center;padding:12px}.stream-edit-metadata{border-radius:16px;background:#000000b3;padding:10px 12px 12px;display:flex;flex-direction:column}.stream-edit-metadata-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px}.stream-edit-metadata-grid{flex:1;display:grid;grid-template-columns:100px 1fr;gap:12px;align-items:start}@media(max-width:600px){.stream-edit-metadata-grid{grid-template-columns:1fr;gap:12px}}.stream-edit-cover-drop{border-radius:12px;border:2px dashed rgba(255,255,255,.25);background:#00000080;padding:8px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:all .2s}.stream-edit-cover-drop.drag-over{border-color:#00ffa0cc;background:#00ffa00f}.stream-edit-cover-preview{width:100px;height:100px;border-radius:8px;overflow:hidden;background:#151515}.stream-edit-cover-preview img{width:100%;height:100%;object-fit:cover}.stream-edit-cover-placeholder{width:100%;height:100%;display:grid;place-items:center;font-size:24px;color:#fff6}.stream-edit-cover-actions{display:flex;flex-direction:column;align-items:center;gap:4px}.stream-edit-cover-hint{font-size:9px;color:#fff6;text-align:center}.stream-edit-upload-button.small{padding:4px 10px;font-size:10px}.stream-edit-fields{display:flex;flex-direction:column;gap:12px}.stream-edit-field{display:flex;flex-direction:column;gap:4px}.stream-edit-field label{font-size:10px;color:#fff9;text-transform:uppercase;letter-spacing:.1em}.stream-edit-select{width:100%;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#000000b3;color:#fff;font-size:11px;padding:6px 10px;outline:none;cursor:pointer}.stream-edit-select option{background:#1a1a1a}.admin-stream-browser{display:flex;flex-direction:column;gap:12px}.admin-stream-browser .streams-modal-layout{min-height:450px}.admin-streams-title{margin:0;padding-left:8px;font-size:1.25rem;font-weight:600;color:#fff;display:flex;align-items:center}.admin-stream-browser .streams-search-shell{margin-top:16px;padding-top:7px;padding-bottom:7px}.admin-stream-browser .streams-vibes-sidebar{padding-top:32px}.admin-stream-browser .vibe-chip{width:70%}.admin-stream-browser .streams-grid-card{display:flex;flex-direction:column}.admin-edit-btn{position:absolute;top:8px;right:8px;width:34px;height:34px;border-radius:50%;background:#000000d9;border:1.5px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.7;transition:opacity .2s,transform .15s,background .15s,border-color .15s;z-index:50;pointer-events:auto;box-shadow:0 2px 8px #0006}.admin-stream-browser .streams-grid-card:hover .admin-edit-btn{opacity:1}.admin-edit-btn:hover{background:#5050ffd9;border-color:#fff9;transform:scale(1.12)}.admin-edit-btn svg{color:#ffffffe6;width:18px;height:18px}.admin-edit-btn:hover svg{color:#fff}.card-premium-badge--left{left:8px;right:auto}.admin-stream-browser .card-stats-like{cursor:pointer}.admin-stream-browser .card-vibes-inline{position:relative;z-index:11}.admin-stream-browser .streams-grid-card{cursor:grab;transition:transform .2s ease,opacity .2s ease,box-shadow .2s ease}.admin-stream-browser .streams-grid-card:active{cursor:grabbing}.admin-stream-browser .streams-grid-card.is-dragged{opacity:1}.admin-stream-browser .streams-grid-card.is-dragged .card-inner{opacity:0}.admin-stream-browser .streams-grid-card.is-dragged:before{content:"";position:absolute;inset:0;border:2px dashed rgba(255,255,255,.25);border-radius:16px;background:#ffffff08;pointer-events:none}.admin-stream-browser .streams-grid-card.is-dragged .card-stats-row{opacity:0}.admin-stream-browser .streams-grid-card.is-dragged .admin-edit-btn{opacity:0;pointer-events:none}.admin-stream-browser .streams-grid.is-dragging{user-select:none;-webkit-user-select:none}.admin-stream-browser .streams-grid.is-dragging .streams-grid-card{transition:transform .15s ease,opacity .15s ease}.admin-stream-browser .streams-grid.is-dragging .streams-grid-card.is-dragged{transition:none}.drag-ghost-card{opacity:.92;transform-origin:center center;filter:drop-shadow(0 16px 48px rgba(0,0,0,.5));border-radius:16px;overflow:hidden}.drag-ghost-card .card-inner{border-radius:16px;overflow:hidden;aspect-ratio:1 / 1;position:relative}.drag-ghost-card .card-cover{width:100%;height:100%;object-fit:cover}.drag-ghost-card .card-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,transparent 60%);padding:12px}.drag-ghost-card .card-center-name{font-size:14px;font-weight:600;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5)}.drag-ghost-card .card-premium-badge{position:absolute;top:8px;right:8px;font-size:9px;font-weight:700;letter-spacing:.08em;padding:3px 6px;border-radius:4px;background:linear-gradient(135deg,#f5d020,#f0a000);color:#000}.drag-ghost-card .streams-grid-cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2a2a3e,#1a1a2e);font-size:32px;font-weight:700;color:#ffffff80}.create-stream-panel{max-width:520px}.create-stream-panel--redesign{max-width:680px;display:flex;flex-direction:column;gap:20px}.create-stream-header-row{display:flex;justify-content:flex-end;margin-bottom:-8px}.create-stream-token-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px 6px 10px;background:linear-gradient(135deg,#fbbf241f,#f59e0b14);border:1px solid rgba(251,191,36,.25);border-radius:20px;font-size:.8rem}.create-stream-token-pill svg{color:#fbbf24;opacity:.8}.create-stream-token-pill-count{font-weight:700;color:#fcd34d;font-size:.9rem}.create-stream-token-pill-label{color:#fff9}.create-stream-hero-card{display:flex;gap:24px;padding:24px;background:linear-gradient(135deg,#ffffff0a,#ffffff05);border:1px solid rgba(255,255,255,.08);border-radius:16px}.create-stream-cover-zone{flex-shrink:0}.create-stream-panel--redesign .create-stream-cover-drop{width:200px;height:200px;border-radius:14px;border:2px dashed rgba(255,255,255,.15);background:#00000040;transition:all .25s ease}.create-stream-panel--redesign .create-stream-cover-drop:hover{border-color:#4ade8066;background:#4ade8008;transform:scale(1.01)}.create-stream-panel--redesign .create-stream-cover-drop.dragover{border-color:#4ade80;background:#4ade8014;box-shadow:0 0 20px #4ade8026}.create-stream-panel--redesign .create-stream-cover-drop.has-preview{border-style:solid;border-color:#fff3}.create-stream-panel--redesign .create-stream-cover-placeholder{gap:8px}.create-stream-cover-text{font-size:.9rem;font-weight:500;color:#ffffffb3}.create-stream-panel--redesign .create-stream-cover-hint{font-size:.75rem;color:#ffffff59}.create-stream-panel--redesign .create-stream-cover-icon{color:#ffffff40;margin-bottom:4px}.create-stream-identity{flex:1;display:flex;flex-direction:column;gap:16px;justify-content:center}.create-stream-panel--redesign .create-stream-field{display:flex;flex-direction:column;gap:6px}.create-stream-panel--redesign .create-stream-field label{font-size:.8rem;font-weight:500;color:#ffffff80;text-transform:none;letter-spacing:0;display:flex;align-items:center;gap:8px}.create-stream-label-auto{font-size:.65rem;padding:2px 6px;background:#ffffff14;border-radius:4px;color:#fff6;font-weight:400}.create-stream-panel--redesign .create-stream-input{padding:12px 14px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:.95rem;transition:all .2s}.create-stream-panel--redesign .create-stream-input:focus{outline:none;border-color:#4ade8080;background:#0006;box-shadow:0 0 0 3px #4ade801a}.create-stream-panel--redesign .create-stream-input::placeholder{color:#ffffff40}.create-stream-input--mono{font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:.9rem!important;letter-spacing:.02em}.create-stream-id-row{display:grid;grid-template-columns:1fr 120px;gap:12px}.create-stream-panel--redesign .create-stream-select{padding:12px 36px 12px 14px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:.95rem;cursor:pointer;transition:all .2s;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.5)' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.create-stream-panel--redesign .create-stream-select:focus{outline:none;border-color:#4ade8080}.create-stream-details-card{padding:20px 24px;background:linear-gradient(135deg,#ffffff06,#ffffff03);border:1px solid rgba(255,255,255,.06);border-radius:14px;display:flex;flex-direction:column;gap:16px}.create-stream-details-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.create-stream-details-title{font-size:.85rem;font-weight:600;color:#ffffffb3}.create-stream-details-optional{font-size:.7rem;padding:3px 8px;background:#ffffff0d;border-radius:4px;color:#ffffff59}.create-stream-panel--redesign .create-stream-textarea{padding:12px 14px;background:#00000040;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:#fff;font-size:.9rem;resize:vertical;min-height:60px;transition:all .2s;font-family:inherit}.create-stream-panel--redesign .create-stream-textarea:focus{outline:none;border-color:#4ade8066;background:#0000004d}.create-stream-panel--redesign .create-stream-textarea::placeholder{color:#ffffff40}.create-stream-vibes-wrapper{display:flex;flex-direction:column;gap:10px}.create-stream-panel--redesign .create-stream-vibes-list{display:flex;flex-wrap:wrap;gap:8px}.create-stream-panel--redesign .create-stream-vibe-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px 5px 12px;border-radius:14px;font-size:.8rem;font-weight:500;border-width:1px;border-style:solid}.create-stream-panel--redesign .create-stream-vibes-input-row{display:flex;gap:8px}.create-stream-input--vibe{flex:1}.create-stream-vibe-add-btn{padding:8px 16px;background:#4ade8026;border:1px solid rgba(74,222,128,.3);border-radius:8px;color:#4ade80;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.create-stream-vibe-add-btn:hover{background:#4ade8040}.create-stream-submit{display:flex;align-items:center;justify-content:space-between;padding-top:8px}.create-stream-submit-info{flex:1}.create-stream-panel--redesign .create-stream-validation-hint{font-size:.8rem;color:#fff6}.create-stream-submit-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;background:linear-gradient(135deg,#4ade80,#22c55e);border:none;border-radius:12px;color:#000;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 12px #4ade8040}.create-stream-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #4ade8059}.create-stream-submit-btn:active:not(:disabled){transform:translateY(0)}.create-stream-submit-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.create-stream-submit-btn svg{width:18px;height:18px}.create-stream-header{margin-bottom:24px}.create-stream-header h2{font-size:1.25rem;font-weight:600;margin:0 0 4px}.create-stream-header p{font-size:.9rem;color:#ffffff80;margin:0}.create-stream-error{background:#f871711a;border:1px solid rgba(248,113,113,.3);color:#f87171;padding:12px;border-radius:8px;margin-bottom:16px;font-size:14px}.create-stream-form{display:flex;flex-direction:column;gap:24px}.create-stream-cover-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:16px;color:#ffffff80;font-size:12px;text-align:center;line-height:1.4}.create-stream-cover-placeholder>span{display:block}.create-stream-fields{display:flex;flex-direction:column;gap:16px}.create-stream-field{display:flex;flex-direction:column;gap:6px}.create-stream-field label{font-size:12px;color:#fff9;text-transform:uppercase;letter-spacing:.1em}.create-stream-field input,.create-stream-field select{padding:10px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:#0006;color:#fff;font-size:14px;outline:none;transition:border-color .2s}.create-stream-field input:focus,.create-stream-field select:focus{border-color:#4ade80}.create-stream-field input::placeholder{color:#ffffff59}.create-stream-field select option{background:#1a1a1a}.create-stream-hint{font-size:11px;color:#fff6}.create-stream-field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:500px){.create-stream-field-row{grid-template-columns:1fr}}.create-stream-vibes{display:flex;flex-wrap:wrap;gap:8px}.create-stream-vibes input{width:100px;padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.15);background:#0006;color:#fff;font-size:12px;outline:none}.create-stream-vibes input::placeholder{color:#ffffff59}.create-stream-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:32px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08)}.create-stream-btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.create-stream-btn-primary{background:#4ade80;border:none;color:#000}.create-stream-btn-primary:hover:not(:disabled){background:#3fca73}.create-stream-btn-primary:disabled{opacity:.5;cursor:not-allowed}.create-stream-btn-secondary{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff}.create-stream-btn-secondary:hover:not(:disabled){background:#ffffff0d}.create-stream-success-actions{display:flex;gap:12px;justify-content:center;margin-top:8px}.create-stream-progress{display:flex;align-items:center;gap:12px;padding:12px;background:#4ade801a;border-radius:8px;margin-top:16px}.create-stream-progress span{font-size:13px;color:#4ade80}.create-stream-progress-bar{width:20px;height:20px;border-radius:999px;border:2px solid #4ade80;border-top-color:transparent;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.create-stream-success{text-align:center;padding:32px 16px}.create-stream-success-icon{width:64px;height:64px;border-radius:999px;background:#4ade8033;color:#4ade80;font-size:32px;display:grid;place-items:center;margin:0 auto 16px}.create-stream-success h2{font-size:1.5rem;margin:0 0 8px}.create-stream-success p{color:#ffffffb3;margin:0 0 16px}.create-stream-success-info{background:#0000004d;border-radius:8px;padding:12px;text-align:left;font-size:13px;margin-bottom:16px}.create-stream-success-info div{padding:4px 0}.create-stream-success-info strong{color:#fff9;margin-right:8px}.create-stream-success-note{font-size:12px;color:#ffffff80;margin-bottom:20px}.create-stream-subtitle{font-size:.875rem;color:#ffffff80;margin:0}.create-stream-cover-drop{position:relative;width:180px;height:180px;border-radius:16px;border:2px dashed rgba(255,255,255,.2);background:#0000004d;overflow:hidden;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.create-stream-cover-drop:hover{border-color:#4ade8080;background:#4ade800d}.create-stream-cover-drop.dragover{border-color:#4ade80;background:#4ade801a}.create-stream-cover-drop.has-preview{border-style:solid;border-color:#ffffff4d}.create-stream-cover-preview{width:100%;height:100%;object-fit:cover}.create-stream-cover-remove{position:absolute;top:6px;right:6px;width:24px;height:24px;border-radius:999px;border:1px solid rgba(255,255,255,.3);background:#000000b3;color:#fff;font-size:12px;display:grid;place-items:center;cursor:pointer}.create-stream-cover-remove:hover{background:#ff00004d}.create-stream-cover-icon{margin-bottom:8px;color:#ffffff80}.create-stream-cover-hint{font-size:10px;color:#ffffff4d;margin-top:2px}.create-stream-input,.create-stream-select,.create-stream-textarea{width:100%;padding:10px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:#0006;color:#fff;font-size:14px;outline:none;transition:border-color .2s}.create-stream-input:focus,.create-stream-select:focus,.create-stream-textarea:focus{border-color:#4ade80}.create-stream-input::placeholder,.create-stream-textarea::placeholder{color:#ffffff59}.create-stream-textarea{resize:vertical;min-height:80px;font-family:inherit}.create-stream-label-hint{font-weight:400;font-size:10px;color:#fff6;text-transform:none;letter-spacing:normal}.create-stream-field-hint{font-size:11px;color:#fff6;margin-top:4px}.create-stream-vibes-input-row{display:flex;gap:8px}.create-stream-vibes-input-row input{flex:1}.create-stream-vibes-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.create-stream-vibe-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px}.create-stream-vibe-remove{background:none;border:none;color:inherit;font-size:10px;cursor:pointer;padding:0;opacity:.7}.create-stream-validation-hint{font-size:12px;color:#fff6;margin-top:-4px}.create-stream-progress{display:flex;flex-direction:column;gap:16px;max-width:500px}.create-stream-progress h2{font-size:1.25rem;margin:0 0 8px}.create-stream-progress-list{display:flex;flex-direction:column;gap:8px}.create-stream-progress-item{display:flex;align-items:center;gap:10px;font-size:13px;color:#fffc}.create-stream-progress-check{color:#4ade80;font-size:14px}.create-stream-progress-spinner{animation:spin 1s linear infinite;color:#4ade80}.create-stream-error-box{background:#f871711a;border:1px solid rgba(248,113,113,.3);color:#f87171;padding:12px;border-radius:8px;margin-top:12px}.create-stream-success-box{background:#4ade801a;border:1px solid rgba(74,222,128,.3);padding:16px;border-radius:8px;margin-top:12px}.create-stream-success-box p{margin:0 0 8px}.create-stream-success-hint{font-size:12px;color:#fff9}.create-stream-success-hint code{background:#0000004d;padding:2px 6px;border-radius:4px;font-family:monospace}.create-stream-spinner-icon{animation:spin 1s linear infinite}.create-stream-progress-item.warning .create-stream-progress-check{color:#fbbf24}.create-stream-progress-check{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.create-stream-progress-check svg{width:16px;height:16px}.create-stream-cover-icon{display:flex;align-items:center;justify-content:center;color:#ffffff59}.create-stream-cover-icon svg{width:40px;height:40px}.create-stream-vibe-remove{display:flex;align-items:center;justify-content:center;background:none;border:none;color:inherit;cursor:pointer;padding:0;opacity:.7;margin-left:4px}.create-stream-vibe-remove:hover{opacity:1}.create-stream-vibe-remove svg{width:12px;height:12px}.create-stream-cover-remove{position:absolute;top:6px;right:6px;width:24px;height:24px;border-radius:999px;border:1px solid rgba(255,255,255,.3);background:#000000b3;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.create-stream-cover-remove:hover{background:#f8717180;border-color:#f87171b3}.create-stream-cover-remove svg{width:12px;height:12px}.create-stream-tokens-info{display:flex;align-items:center;gap:8px;padding:12px 16px;background:linear-gradient(135deg,#fbbf241a,#f59e0b0d);border:1px solid rgba(251,191,36,.2);border-radius:8px;margin-bottom:16px}.create-stream-tokens-label{font-size:.85rem;color:#ffffffb3}.create-stream-tokens-value{font-size:1rem;font-weight:700;color:#fcd34d}.create-stream-tokens-hint{font-size:.75rem;color:#ffffff80}.create-stream-no-tokens{text-align:center;padding:48px 24px;background:#0003;border-radius:12px;border:1px dashed rgba(255,255,255,.15)}.create-stream-no-tokens-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin:0 auto 16px;background:#fbbf2426;border-radius:50%;color:#fbbf24}.create-stream-no-tokens-icon svg{width:28px;height:28px}.create-stream-no-tokens h3{font-size:1.2rem;font-weight:600;margin:0 0 8px;color:#fff}.create-stream-no-tokens p{font-size:.9rem;color:#fff9;max-width:320px;margin:0 auto 20px}.create-stream-no-tokens .create-stream-tokens-count{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#0000004d;border-radius:6px}.create-stream-no-tokens .create-stream-tokens-label{font-size:.8rem}.create-stream-no-tokens .create-stream-tokens-value{font-size:1.1rem}.stream-edit-header-v2{display:flex;align-items:center;justify-content:space-between;padding:0 0 16px;margin-bottom:20px}.stream-edit-back-v2{background:none;border:none;color:#ffffff80;font-size:13px;cursor:pointer;padding:4px 0;display:flex;align-items:center;gap:4px;transition:color .15s}.stream-edit-back-v2:hover{color:#fffc}.stream-edit-title-v2{font-size:16px;font-weight:500;color:#fff}.stream-edit-status-v2{font-size:12px;color:#fff6;transition:all .2s}.stream-edit-status-v2.saving{color:#fff9}.stream-edit-status-v2.saved{color:#4ade80cc}.stream-tabs-v2{display:flex;gap:0;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:24px;margin-left:60px;margin-right:60px}.stream-tab-v2{background:none;border:none;color:#ffffff73;font-size:13px;padding:12px 20px;cursor:pointer;position:relative;transition:color .15s}.stream-tab-v2:hover{color:#ffffffb3}.stream-tab-v2.active{color:#fff}.stream-tab-v2.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#4ade80;border-radius:1px 1px 0 0}.stream-identity-row{display:flex;justify-content:space-between;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:20px;margin-left:60px;margin-right:60px;max-width:772px}.stream-identity-left{display:flex;gap:20px;align-items:flex-start;width:60%;flex-shrink:0}.stream-identity-right{display:flex;align-items:flex-end;justify-content:flex-end}.delete-stream-inline{background:none;border:none;color:#ef444480;font-size:12px;cursor:pointer;padding:4px 0;transition:color .15s;white-space:nowrap}.delete-stream-inline:hover{color:#ef4444d9}.stream-cover-thumb{width:132px;height:132px;border-radius:14px;overflow:visible;flex-shrink:0;position:relative;cursor:pointer;background:#151515}.stream-cover-thumb img{width:100%;height:100%;object-fit:cover;border-radius:14px}.stream-cover-thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:28px;color:#ffffff4d;border-radius:14px}.stream-cover-edit-hint{position:absolute;inset:0;background:#000000a6;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;color:#ffffffe6;opacity:0;transition:opacity .15s;border-radius:14px}.stream-cover-thumb:hover .stream-cover-edit-hint{opacity:1}.stream-cover-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px}.stream-cover-thumb.drag-active{border:2px dashed rgba(74,222,128,.5);background:#4ade800d}.cover-saved-indicator{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:500;color:#4ade80;animation:cover-saved-fade-in .2s ease-out}@keyframes cover-saved-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.stream-identity-fields{display:flex;flex-direction:column;gap:12px;flex:1;min-width:0}.stream-upload-inline{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px;border:2px dashed rgba(255,255,255,.08);border-radius:14px;background:#ffffff05;transition:all .25s ease;text-align:center;min-height:132px;cursor:pointer}.stream-upload-inline.drag-over,.stream-upload-inline.highlighted{border-color:#4ade8080;background:#4ade800a}.stream-upload-inline.highlighted .stream-upload-inline-icon,.stream-upload-inline.highlighted .stream-upload-inline-text{opacity:1}.stream-upload-inline.highlighted .stream-upload-inline-browse{color:#4ade80}.stream-upload-inline-icon{color:#ffffff59;opacity:.8;transition:opacity .25s}.stream-upload-inline-icon svg{width:28px;height:28px}.stream-upload-inline-text{font-size:12px;color:#fff6;transition:opacity .25s}.stream-upload-inline-browse{background:none;border:none;color:#ffffff73;font-size:11px;cursor:pointer;transition:color .2s}.stream-upload-inline-browse:hover,.stream-upload-inline:hover .stream-upload-inline-browse{color:#4ade80}.stream-name-input-v2{background:none;border:none;border-bottom:1px solid rgba(255,255,255,.12);color:#fff;font-size:18px;font-weight:500;padding:6px 0;outline:none;width:auto;min-width:80px;max-width:280px;transition:border-color .15s}.stream-name-input-v2:focus{border-color:#ffffff59}.stream-name-input-v2::placeholder{color:#ffffff40}.stream-access-pills{display:flex;gap:8px;margin-bottom:4px}.stream-name-row{border-bottom:1px solid rgba(255,255,255,.15);padding-bottom:8px}.stream-name-row .stream-name-input-v2{border-bottom:none;padding-bottom:0}.stream-access-pill{background:none;border:1px solid rgba(255,255,255,.12);color:#ffffff80;font-size:12px;padding:6px 16px;border-radius:16px;cursor:pointer;transition:all .15s}.stream-access-pill:hover{border-color:#ffffff40;color:#ffffffb3}.stream-access-pill.active{background:#4ade801a;border-color:#4ade8059;color:#4ade80}.stream-access-pill.premium:hover{border-color:#ffc83259;color:#ffc832cc}.stream-access-pill.premium.active{background:linear-gradient(135deg,#ffd70026,#ffb4001a);border-color:#ffc83280;color:gold}.stream-vibes-inline{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.vibe-tag-v2{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:4px 10px;font-size:11px;color:#ffffffa6;cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:6px}.vibe-tag-v2:hover{background:#ef44441a;border-color:#ef44444d;color:#f87171}.vibe-tag-v2 .vibe-x{font-size:10px;opacity:.6}.vibe-add-input-v2{background:none;border:none;color:#ffffff80;font-size:11px;width:80px;outline:none;padding:4px 0}.vibe-add-input-v2::placeholder{color:#ffffff4d}.tracks-section-header{display:flex;align-items:center;gap:12px;margin-bottom:8px;margin-left:60px;margin-right:60px;max-width:772px}.tracks-count{font-size:11px;color:#fff6;text-transform:uppercase;letter-spacing:.05em}.add-track-btn{background:none;border:1px solid rgba(74,222,128,.4);color:#4ade80;font-size:11px;padding:4px 10px;border-radius:12px;cursor:pointer;transition:all .15s ease}.add-track-btn:hover{background:#4ade801a;border-color:#4ade8099}.tracks-header-row{display:grid;grid-template-columns:32px 62px 20px 130px 170px 62px minmax(70px,120px) 70px 32px;gap:8px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:4px;margin-left:60px;margin-right:60px;justify-content:start;max-width:860px}.tracks-header-row>:nth-child(1){grid-column:1}.tracks-header-row>:nth-child(2){grid-column:2}.tracks-header-row>:nth-child(3){grid-column:4}.tracks-header-row>:nth-child(4){grid-column:5}.tracks-header-row>:nth-child(5){grid-column:6}.tracks-header-row>:nth-child(6){grid-column:7}.tracks-header-row>:nth-child(7){grid-column:8}.tracks-header-row>:nth-child(8){grid-column:9}.tracks-header{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:#fff6;cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:4px}.tracks-header:hover{color:#ffffffb3}.tracks-header:last-child{cursor:default}.sort-arrow{font-size:10px;color:#4ade80}.track-row-v2{display:grid;grid-template-columns:32px 62px 20px 130px 170px 62px minmax(70px,120px) 70px 32px;gap:8px;align-items:center;padding:10px 0;margin-left:60px;margin-right:60px;border-bottom:1px solid rgba(255,255,255,.04);border-radius:4px;justify-content:start;max-width:860px;transition:background .2s,padding .2s}.track-row-v2>:nth-child(1){grid-column:1}.track-row-v2>:nth-child(2){grid-column:2}.track-row-v2>:nth-child(3){grid-column:4}.track-row-v2>:nth-child(4){grid-column:5}.track-row-v2>:nth-child(5){grid-column:6}.track-row-v2>:nth-child(6){grid-column:7}.track-row-v2>:nth-child(7){grid-column:8}.track-row-v2>:nth-child(8){grid-column:9}.track-row-v2:last-child{border-bottom:none}@keyframes track-highlight{0%{background:#4ade8026}to{background:transparent}}.track-row-v2.track-new{animation:track-highlight 2s ease-out}.track-filename-v2{font-size:12px;color:#ffffff73;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.content-status-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:10px;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.3px;border:1px solid var(--status-color, rgba(255, 255, 255, .2));color:var(--status-color, rgba(255, 255, 255, .6));background:#0003;white-space:nowrap}.content-status-badge svg{flex-shrink:0}.content-status-badge.ai_clean,.content-status-badge.admin_approved{background:#22c55e1a}.content-status-badge.flagged,.content-status-badge.error,.content-status-badge.admin_rejected{background:#ef44441a}.content-status-badge.pending{background:#94a3b81a}.content-status-badge.processing{background:#f59e0b1a}.content-status-label{line-height:1}.content-status-spinner{width:10px;height:10px;border:1.5px solid rgba(245,158,11,.3);border-top-color:#f59e0b;border-radius:50%;animation:content-spin .8s linear infinite}@keyframes content-spin{to{transform:rotate(360deg)}}.content-check-btn{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:10px;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.3px;border:1px solid rgba(255,255,255,.2);color:#fff9;background:#ffffff0d;cursor:pointer;transition:all .15s ease;white-space:nowrap}.content-check-btn:hover:not(:disabled){border-color:#fff6;color:#ffffffe6;background:#ffffff1a}.content-check-btn:disabled{cursor:not-allowed;opacity:.7}.content-check-btn svg{flex-shrink:0}.content-restore-btn{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:10px;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.3px;border:1px solid rgba(239,68,68,.4);color:#ef4444;background:#ef44441a;cursor:pointer;transition:all .15s ease;white-space:nowrap}.content-restore-btn:hover:not(:disabled){border-color:#ef444499;background:#ef444433}.content-restore-btn:disabled{cursor:not-allowed;opacity:.7}.content-restore-btn svg{flex-shrink:0}.track-input-v2{background:none;border:none;border-bottom:1px solid transparent;color:#fff;font-size:12px;padding:4px 0;outline:none;width:100%;transition:border-color .15s}.track-input-v2:focus{border-bottom-color:#fff3}.track-input-v2::placeholder{color:#ffffff40}.rotation-badge-v2{background:none;border:1px solid var(--rot-color, rgba(255, 255, 255, .3));color:var(--rot-color, rgba(255, 255, 255, .6));font-size:10px;padding:5px 12px;border-radius:12px;cursor:pointer;transition:all .15s;text-transform:lowercase;font-weight:500;white-space:nowrap}.rotation-badge-v2:hover{transform:scale(1.05);filter:brightness(1.1)}.rotation-badge-v2:active{transform:scale(.95)}.rotation-badge-v2.high{--rot-color: #f97316;background:#f973161a}.rotation-badge-v2.mid{--rot-color: #22c55e;background:#22c55e1a}.rotation-badge-v2.low{--rot-color: #60a5fa;background:#60a5fa1a}.rotation-badge-v2.none{--rot-color: #94a3b8;background:#94a3b81a}.rotation-badge-v2.quarantine{--rot-color: #ef4444;background:#ef444426;cursor:default}.track-date-v2{font-size:11px;color:#ffffff59;white-space:nowrap}.track-delete-btn{background:none;border:none;padding:4px;cursor:pointer;opacity:.35;transition:opacity .15s;display:flex;align-items:center;justify-content:center}.track-delete-btn:hover{opacity:1}.track-delete-btn svg{width:14px;height:14px;stroke:#ef4444}.track-delete-filename{font-size:13px;color:#ffffffb3;word-break:break-all;margin:8px 0 16px}.tracks-drop-zone{position:relative;display:flex;flex-direction:column;flex:1;min-height:0;border-radius:12px;transition:all .2s ease}.tracks-drop-zone.drag-active{background:#4ade8008;box-shadow:inset 0 0 0 2px #4ade8040}.tracks-drop-overlay{position:absolute;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;z-index:100;color:#4ade80;font-size:14px;font-weight:500;pointer-events:none}.tracks-drop-overlay svg{opacity:.9}.tracks-upload-rejected{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:8px;padding:10px 16px;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#f87171;font-size:13px;font-weight:500;z-index:100;animation:rejected-shake .4s ease-out}@keyframes rejected-shake{0%,to{transform:translate(-50%,-50%) rotate(0)}20%{transform:translate(-50%,-50%) rotate(-2deg)}40%{transform:translate(-50%,-50%) rotate(2deg)}60%{transform:translate(-50%,-50%) rotate(-1deg)}80%{transform:translate(-50%,-50%) rotate(1deg)}}.tracks-container-v2{flex:1;min-height:200px;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;padding-right:4px}.stream-actions-footer{margin-top:32px;padding-top:20px;border-top:1px solid rgba(255,255,255,.04);text-align:center}.delete-stream-link{background:none;border:none;color:#ef444499;font-size:13px;cursor:pointer;padding:8px 16px;transition:color .15s}.delete-stream-link:hover{color:#ef4444}@media(max-width:700px){.streams-modal{width:100vw;height:95vh;max-height:95vh;border-radius:16px 16px 0 0;margin:0;padding:12px 12px 16px}.streams-modal-close{position:absolute;top:12px;right:12px;z-index:10}.streams-modal-header-row{padding-right:40px}.streams-search-shell{flex:1;max-width:none}.streams-search-input{min-width:0;width:100%}.streams-grid{grid-template-columns:1fr}.streams-modal-top{padding:4px 0 8px}.stream-tabs-v2{padding:0 4px;margin-bottom:8px}.stream-tabs-v2,.stream-identity-row,.tracks-section-header,.tracks-header-row,.track-row-v2{margin-left:0;margin-right:0}.stream-identity-row{flex-direction:row;gap:12px;padding:8px 0;max-width:none}.stream-identity-left{flex-direction:row;align-items:flex-start;gap:12px;max-width:none}.stream-identity-right{display:none}.stream-cover-thumb{width:80px;height:80px;flex-shrink:0}.stream-identity-fields{flex:1;max-width:none;align-items:flex-start;text-align:left}.stream-name-input-v2{text-align:left}.stream-access-pills,.stream-vibes-inline{justify-content:flex-start}.delete-stream-inline{display:none}.tracks-container-v2{min-height:200px;flex:1}.tracks-drop-zone{margin:8px 0;padding:12px}.tracks-header-row{display:none}.track-row-v2{display:flex;flex-direction:column;gap:8px;padding:14px 0;align-items:stretch;position:relative}.track-row-v2>*{width:100%}.track-filename-v2{font-size:11px;margin-bottom:4px}.rotation-badge-v2{align-self:flex-start;margin-top:4px}.track-date-v2{position:absolute;top:14px;right:40px;font-size:10px}.track-delete-btn{position:absolute;top:10px;right:0}.content-status-badge{position:absolute;top:14px;right:80px;width:auto}}.stream-edit-cover-preview{position:relative}.cover-menu{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:8px;background:#1e1e23fa;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:6px;min-width:140px;z-index:100;box-shadow:0 8px 24px #0006}.cover-menu button{display:block;width:100%;padding:10px 14px;background:transparent;border:none;color:#ffffffe6;font-size:.875rem;text-align:left;cursor:pointer;border-radius:8px;transition:background .15s ease}.cover-menu button:hover{background:#ffffff1a}.cover-menu-divider{height:1px;background:#ffffff1a;margin:6px 0}.cover-menu button.cover-menu-danger{color:#ff6b6b}.cover-menu button.cover-menu-danger:hover{background:#ff6b6b26}.mobile-menu-wrapper{display:none;position:relative}.mobile-menu-btn{background:transparent;border:none;color:#ffffffb3;font-size:20px;padding:4px 8px;cursor:pointer;letter-spacing:1px}.mobile-menu-btn:hover{color:#ffffffe6}.mobile-menu{position:absolute;top:100%;right:0;background:#1e1e1efa;border-radius:8px;padding:6px 0;min-width:150px;box-shadow:0 8px 24px #0006;z-index:100}.mobile-menu button{display:block;width:100%;padding:10px 14px;background:none;border:none;color:#ffffffd9;font-size:14px;text-align:left;cursor:pointer}.mobile-menu button:hover{background:#ffffff1a}.mobile-menu-danger{color:#ff6b6b!important}.mobile-menu-danger:hover{background:#ff6b6b26!important}@media(max-width:700px){.mobile-menu-wrapper{display:block}}.cover-crop-backdrop{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2000}.cover-crop-modal{background:#1e1e23;border-radius:20px;width:90%;max-width:500px;overflow:hidden}.cover-crop-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.cover-crop-title{margin:0;font-size:1.125rem;font-weight:600;color:#fff}.cover-crop-close{background:transparent;border:none;color:#fff9;font-size:1.25rem;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .15s ease}.cover-crop-close:hover{color:#ffffffe6}.cover-crop-container{position:relative;height:350px;background:#000}.cover-crop-controls{padding:16px 20px;display:flex;align-items:center;gap:12px}.cover-crop-zoom-label{color:#ffffffb3;font-size:.875rem}.cover-crop-zoom{flex:1;-webkit-appearance:none;appearance:none;height:4px;background:#fff3;border-radius:2px;outline:none}.cover-crop-zoom::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:#8b5cf6;border-radius:50%;cursor:pointer;transition:transform .1s ease}.cover-crop-zoom::-webkit-slider-thumb:hover{transform:scale(1.1)}.cover-crop-zoom::-moz-range-thumb{width:16px;height:16px;background:#8b5cf6;border:none;border-radius:50%;cursor:pointer}.cover-crop-actions{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid rgba(255,255,255,.1)}.cover-crop-btn{padding:10px 20px;border-radius:8px;font-size:.875rem;cursor:pointer;transition:background .15s ease,border-color .15s ease}.cover-crop-btn--cancel{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fffc}.cover-crop-btn--cancel:hover{border-color:#fff6}.cover-crop-btn--save{background:#8b5cf6;border:none;color:#fff}.cover-crop-btn--save:hover{background:#7c3aed}.stream-edit-danger-zone{margin-top:32px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08)}.stream-edit-danger-header{margin-bottom:16px}.stream-edit-danger-title{font-size:.875rem;font-weight:600;color:#f87171;margin-bottom:4px}.stream-edit-danger-sub{font-size:.75rem;color:#ffffff80}.stream-edit-delete-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:8px;border:1px solid rgba(239,68,68,.3);background:#ef44441a;color:#f87171;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.stream-edit-delete-btn:hover{background:#ef444433;border-color:#ef444480}.stream-edit-delete-btn svg{opacity:.9}.stream-delete-backdrop{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:2100}.stream-delete-modal{background:#1a1a1f;border-radius:16px;border:1px solid rgba(255,255,255,.1);padding:28px 32px;max-width:420px;width:90%;text-align:center}.stream-delete-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin:0 auto 20px;background:#ef444426;border-radius:50%;color:#f87171}.stream-delete-modal h3{margin:0 0 12px;font-size:1.25rem;font-weight:600;color:#fff}.stream-delete-modal p{margin:0 0 12px;font-size:.9rem;color:#ffffffb3;line-height:1.5}.stream-delete-list{text-align:left;margin:0 0 16px;padding-left:24px;color:#fff9;font-size:.85rem;line-height:1.7}.stream-delete-warning{color:#f87171;font-weight:500;font-size:.85rem;margin-bottom:24px}.stream-delete-actions{display:flex;gap:12px;justify-content:center}.stream-delete-cancel{padding:10px 24px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:transparent;color:#fffc;font-size:.875rem;cursor:pointer;transition:all .15s ease}.stream-delete-cancel:hover:not(:disabled){border-color:#fff6}.stream-delete-cancel:disabled{opacity:.5;cursor:not-allowed}.stream-delete-confirm{padding:10px 24px;border-radius:8px;border:none;background:#dc2626;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.stream-delete-confirm:hover:not(:disabled){background:#b91c1c}.stream-delete-confirm:disabled{opacity:.6;cursor:not-allowed}.upload-modal-backdrop{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1100}.upload-modal{position:relative;width:300px;aspect-ratio:1;border:2px dashed rgba(74,222,128,.5);border-radius:20px;background:#121212f2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;cursor:pointer;transition:all .2s ease}.upload-modal:hover,.upload-modal.drag-active{border-color:#4ade80;background:#4ade800f}.upload-modal-close{position:absolute;top:12px;right:12px;width:28px;height:28px;border-radius:50%;background:#ffffff0f;border:none;color:#fff6;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .15s}.upload-modal-close:hover{background:#ffffff1f;color:#fffc}.upload-modal-icon{color:#ffffff59;transition:color .2s}.upload-modal:hover .upload-modal-icon,.upload-modal.drag-active .upload-modal-icon{color:#4ade80}.upload-modal-text{color:#ffffff80;font-size:14px;font-weight:400}.upload-modal-browse{color:#4ade80;font-size:13px;font-weight:500}.track-preview-btn{width:26px;height:26px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#ffffff80;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.track-preview-btn:hover{border-color:#ffffff40;background:#ffffff14;color:#ffffffe6}.track-preview-btn.playing{border-color:#4ade8080;background:#4ade801f;color:#4ade80;box-shadow:0 0 12px #4ade8026}.track-preview-btn.playing:hover{border-color:#4ade80b3;background:#4ade802e}.track-preview-spinner{width:12px;height:12px;border:2px solid rgba(255,255,255,.15);border-top-color:#ffffffb3;border-radius:50%;animation:track-spinner .7s linear infinite}@keyframes track-spinner{to{transform:rotate(360deg)}}.track-row-v2.track-playing{background:#4ade800a;border-radius:10px}.track-timeline-row{grid-column:1 / -1;display:flex;align-items:center;gap:10px;padding:10px 4px 2px;margin-top:2px}.track-timeline{flex:1;height:4px;background:#ffffff14;border-radius:2px;cursor:pointer;position:relative;transition:height .15s ease}.track-timeline:hover{height:6px}.track-timeline-progress{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,#4ade80,#22c55e);border-radius:2px;pointer-events:none}.track-timeline-playhead{position:absolute;top:50%;width:12px;height:12px;background:#fff;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #00000059;opacity:0;transition:opacity .15s ease;pointer-events:none}.track-timeline:hover .track-timeline-playhead{opacity:1}.track-time{font-size:11px;font-weight:500;color:#ffffff73;font-variant-numeric:tabular-nums;min-width:32px;text-align:right}@media(max-width:700px){.track-preview-btn{width:30px;height:30px}.track-timeline-row{padding:12px 0 4px}.track-timeline{height:6px}.track-timeline:hover{height:8px}.track-timeline-playhead{width:14px;height:14px;opacity:1}}.admin{margin-top:22px;border-radius:24px;border:1px solid var(--border);background:#ffffff05;padding:12px 12px 14px}.admin-title{margin:0 0 4px;font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.admin-sub{margin:0 0 10px;font-size:11px;color:var(--fg-soft)}.admin-row{margin-top:8px}.admin-row-title{font-size:11px;color:var(--fg-soft);margin-bottom:4px}.admin-row-body{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.admin-stream-name{color:var(--fg-soft)}.admin-tracks{flex-direction:column;align-items:stretch}.admin-hint{font-size:11px;color:var(--muted)}.track-row{display:flex;align-items:center;justify-content:space-between;gap:8px;border-radius:999px;background:#ffffff08;padding:3px 8px;font-size:11px}.track-filename{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-pill{position:relative;overflow:hidden}.pill-fill-indicator{position:absolute;top:0;right:0;bottom:0;width:var(--fill-percent, 100%);background:#4ade8073;border-radius:0 999px 999px 0;transition:width .8s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:0}.header-pill--warning .pill-fill-indicator{background:#f9731680}.header-pill--empty .pill-fill-indicator{display:none}.header-pill .premium-badge,.header-pill .admin-badge,.header-pill .user-name{position:relative;z-index:1}.header-pill .admin-badge{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:9px;font-weight:700;padding:2px 5px;border-radius:3px;margin-right:6px;letter-spacing:.5px}.header-pill--admin{border-color:#ef444440}.header-pill--loading{opacity:.6;cursor:wait}.header-pill--premium{background:linear-gradient(135deg,#ffd70026,#ffd7000d);border-color:#ffd7004d}.header-pill--warning{border-color:#ff960066}.header-pill .premium-badge{background:linear-gradient(135deg,gold,#ffb700);color:#000;font-size:9px;font-weight:700;padding:2px 5px;border-radius:3px;margin-right:6px;letter-spacing:.5px}.header-pill .user-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-pill .user-avatar-circle{position:relative;z-index:1;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#000;background:#4ade80;margin-left:6px;flex-shrink:0;text-shadow:none;letter-spacing:0;line-height:1}.loading-dots{animation:loading-dots 1s steps(3) infinite}@keyframes loading-dots{0%{content:"."}33%{content:".."}66%{content:"..."}}.header-upgrade-btn{display:flex;align-items:center;background:linear-gradient(135deg,#ffd93d,#f6b93b,#ff9500);color:#000;border:none;padding:7px 17px;border-radius:999px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #ffd93d59;animation:upgrade-pulse 2s ease-in-out infinite}.header-upgrade-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ffd93d80}@keyframes upgrade-pulse{0%,to{box-shadow:0 2px 8px #ffd93d59}50%{box-shadow:0 2px 16px #ffd93d8c}}.header-pill:not(.header-pill--premium):not(.header-pill--admin):not(.header-pill--warning):not(.header-pill--empty){box-shadow:0 0 4px #4ade8026;animation:pill-glow-green 3s ease-in-out infinite}@keyframes pill-glow-green{0%,to{box-shadow:0 0 4px #4ade8026}50%{box-shadow:0 0 6px #4ade8040}}.header-pill--warning{box-shadow:0 0 4px #f9731633;animation:pill-glow-orange 2.5s ease-in-out infinite}@keyframes pill-glow-orange{0%,to{box-shadow:0 0 4px #f9731633}50%{box-shadow:0 0 7px #f9731659}}.header-pill--empty{box-shadow:0 0 4px #ef444433;animation:pill-glow-red 2s ease-in-out infinite}@keyframes pill-glow-red{0%,to{box-shadow:0 0 4px #ef444433;border-color:#ef444466}50%{box-shadow:0 0 7px #ef444459;border-color:#ef44448c}}.auth-modal-backdrop{position:fixed;inset:0;background:#0006;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .25s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.auth-modal{background:linear-gradient(165deg,#202023f2,#161619fa);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:32px;width:100%;max-width:380px;position:relative;box-shadow:0 0 0 1px #ffffff0d inset,0 25px 50px -12px #0009,0 0 100px #ffffff05;animation:slideUp .35s cubic-bezier(.16,1,.3,1);overflow:hidden;transition:all .3s cubic-bezier(.16,1,.3,1)}.auth-modal:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:200px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-modal-close{position:absolute;top:20px;right:20px;background:#ffffff0d;border:none;color:#fff6;font-size:18px;cursor:pointer;width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.auth-modal-close:hover{background:#ffffff1a;color:#fff;transform:scale(1.05)}.auth-back-link{position:absolute;top:20px;left:20px;background:none;border:none;color:#ffffff73;font-size:14px;font-weight:400;cursor:pointer;padding:4px 0;transition:color .2s ease}.auth-back-link:hover{color:#fffc}.auth-modal-header{display:flex;align-items:center;gap:16px;margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.06)}.auth-avatar-container{position:relative;flex-shrink:0}.auth-user-avatar{width:56px;height:56px;border-radius:50%;background:#4ade80;display:flex;align-items:center;justify-content:center;font-size:39px;font-weight:700;color:#000;flex-shrink:0;border:none;position:relative;overflow:hidden;padding:0}.auth-user-avatar--has-image{background:transparent}.auth-user-avatar--editable{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.auth-user-avatar--editable:hover{transform:scale(1.05)}.auth-user-avatar--editable:disabled{cursor:wait}.auth-user-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.auth-avatar-edit-badge{position:absolute;top:-2px;right:-2px;width:22px;height:22px;background:#28282df2;border:1px solid rgba(255,255,255,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s ease,transform .15s ease;transform:scale(.8);pointer-events:none;z-index:10}.auth-avatar-container:hover .auth-avatar-edit-badge{opacity:1;transform:scale(1)}.auth-avatar-edit-badge .auth-edit-icon{color:#fffc;width:12px;height:12px}.auth-user-avatar-loading{position:absolute;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;border-radius:50%}.auth-avatar-menu{position:absolute;top:calc(100% + 8px);left:0;background:#1e1e23fa;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:6px;min-width:160px;box-shadow:0 8px 32px #0006;z-index:100;animation:avatarMenuFadeIn .15s ease}@keyframes avatarMenuFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.auth-avatar-menu:before{content:"";position:absolute;top:-6px;left:20px;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid rgba(30,30,35,.98)}.auth-avatar-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:none;border:none;border-radius:8px;color:#ffffffe6;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .15s ease;text-align:left}.auth-avatar-menu-item:hover{background:#ffffff1a}.auth-avatar-menu-item--danger{color:#f87171}.auth-avatar-menu-item--danger:hover{background:#ef444426}.auth-menu-icon{flex-shrink:0;opacity:.7}.auth-dropzone-overlay{position:absolute;inset:0;background:#0f0f14f2;border-radius:24px;display:flex;align-items:center;justify-content:center;z-index:200;cursor:pointer;animation:dropzoneFadeIn .2s ease}@keyframes dropzoneFadeIn{0%{opacity:0}to{opacity:1}}.auth-dropzone-content{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px;border:2px dashed rgba(255,255,255,.3);border-radius:16px;pointer-events:none}.auth-dropzone-icon{width:48px;height:48px;color:#fff9}.auth-dropzone-text{margin:0;font-size:18px;font-weight:600;color:#fff}.auth-dropzone-hint{margin:0;font-size:13px;color:#ffffff80}.auth-user-info{flex:1;position:relative;max-width:calc(100% - 60px)}.auth-user-name{margin:0;font-size:20px;font-weight:600;color:#fff;letter-spacing:-.3px}.auth-user-name--editable{cursor:pointer;display:inline-flex;align-items:center;gap:8px;padding-bottom:2px;border-bottom:1px solid transparent;transition:border-color .15s ease}.auth-user-name--editable:hover{border-bottom-color:#ffffff4d}.auth-user-name-edit-icon{opacity:0;transition:opacity .15s ease;color:#ffffff80}.auth-user-name--editable:hover .auth-user-name-edit-icon{opacity:1}.auth-user-name-edit{display:flex;align-items:center;gap:8px}.auth-user-name-input{background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.5);border-radius:0;color:#fff;font-size:20px;font-weight:600;padding:0 0 2px;outline:none;min-width:120px;max-width:200px}.auth-user-name-input:focus{border-bottom-color:#4ade80}.auth-save-status{font-size:12px;font-weight:500;white-space:nowrap}.auth-save-status--saving{color:#ffffff80}.auth-save-status--saved{color:#4ade80}.auth-delete-link{background:none;border:none;color:#ffffff40;font-size:11px;cursor:pointer;padding:12px 0 0;margin-top:16px;border-top:1px solid rgba(255,255,255,.06);width:100%;text-align:center;transition:color .15s ease}.auth-delete-link:hover{color:#ef4444}.auth-edit-icon{display:inline-block;vertical-align:middle}.auth-user-type{font-size:13px;color:#ffffff73;margin-top:2px;display:block;font-weight:400}.auth-dev-tooltip{position:absolute;top:calc(50% + 36px);right:0;transform:translateY(-50%);background:#000000e6;color:#fff;font-size:11px;padding:4px 8px;border-radius:4px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .15s,visibility .15s;pointer-events:none}.auth-user-info:hover .auth-dev-tooltip{opacity:1;visibility:visible}.auth-usage{background:linear-gradient(145deg,#ffffff0a,#ffffff03);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:18px 20px;margin-bottom:24px}.auth-usage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.auth-usage-header span:first-child{font-size:12px;font-weight:500;color:#ffffff80;text-transform:uppercase;letter-spacing:.8px}.auth-usage-remaining{font-size:13px;color:#fffc;font-weight:600}.auth-usage-bar{height:4px;background:#ffffff14;border-radius:4px;overflow:hidden;margin-bottom:10px}.auth-usage-fill{height:100%;background:linear-gradient(90deg,#34d399,#10b981);border-radius:4px;transition:width .5s cubic-bezier(.4,0,.2,1);box-shadow:0 0 12px #34d39966;margin-left:auto}.auth-usage-fill--warning{background:linear-gradient(90deg,#f97316,#ef4444);box-shadow:0 0 12px #ef444466}.auth-usage-fill--empty{background:linear-gradient(90deg,#ef4444,#f87171);width:100%!important;opacity:.3}.auth-usage-remaining--warning{color:#f97316}.auth-usage-remaining--empty{color:#ef4444}.auth-usage-info{font-size:11px;color:#ffffff59;text-align:center;font-weight:400}.auth-usage--bottom{margin-top:32px;margin-bottom:8px;padding:14px 16px;background:#ffffff05;border-color:#ffffff0a;border-radius:12px}.auth-usage--bottom .auth-usage-header{margin-bottom:8px}.auth-usage--bottom .auth-usage-bar{margin-bottom:10px}.auth-register{margin-bottom:24px}.auth-register-intro{font-size:14px;color:#ffffff80;margin:0 0 20px;text-align:left;line-height:1.5}.auth-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 20px;border-radius:14px;font-size:15px;font-weight:500;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);border:1px solid transparent;margin-bottom:12px;position:relative;overflow:hidden}.auth-btn:last-child{margin-bottom:0}.auth-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.auth-btn-icon{width:20px;height:20px;flex-shrink:0}.auth-btn--phone{background:linear-gradient(145deg,#ffffff14,#ffffff0a);color:#fff;border-color:#ffffff1a;box-shadow:0 2px 8px #0003}.auth-btn--phone:hover:not(:disabled){background:linear-gradient(145deg,#ffffff1f,#ffffff0f);border-color:#ffffff26;transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.auth-btn--phone:active:not(:disabled){transform:translateY(0)}.auth-btn--google{background:#fff;color:#1f1f1f;font-weight:500;box-shadow:0 2px 8px #00000026}.auth-btn--google:hover:not(:disabled){background:#f8f8f8;transform:translateY(-1px);box-shadow:0 4px 16px #0003}.auth-btn--google:active:not(:disabled){transform:translateY(0);background:#f0f0f0}.auth-btn--metamask{background:linear-gradient(145deg,#ffffff14,#ffffff0a);color:#fff;border-color:#ffffff1a;box-shadow:0 2px 8px #0003}.auth-btn--metamask:hover:not(:disabled){background:linear-gradient(145deg,#ffffff1f,#ffffff0f);border-color:#ffffff26;transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.auth-btn--metamask:active:not(:disabled){transform:translateY(0)}.auth-btn--metamask .auth-btn-icon{width:20px;height:20px}.auth-wallet-info{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#f6851b1a;border:1px solid rgba(246,133,27,.2);border-radius:12px;margin-top:12px}.auth-wallet-address{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:13px;color:#fffc}.auth-wallet-balance{font-size:14px;font-weight:600;color:#f6851b;margin-left:auto}.auth-upgrade{margin-bottom:20px;text-align:center}.auth-btn--upgrade{background:linear-gradient(135deg,#ffd93d,#f6b93b,#ff9500);color:#000;font-weight:600;letter-spacing:.2px;box-shadow:0 4px 15px #ffd93d59,0 0 0 1px #ffffff1a inset;border:none}.auth-btn--upgrade:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #ffd93d73,0 0 0 1px #fff3 inset}.auth-btn--upgrade:active:not(:disabled){transform:translateY(0)}.auth-upgrade-info{font-size:12px;color:#ffffff59;margin:12px 0 0}.auth-subscription{background:linear-gradient(145deg,#ffd93d14,#ff96000a);border:1px solid rgba(255,217,61,.15);border-radius:16px;padding:20px;margin-bottom:20px;display:flex;flex-direction:column;align-items:flex-start}.auth-subscription .auth-btn{width:100%}.auth-subscription-badge{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#ffd93d,#f6b93b);color:#000;font-size:13px;font-weight:600;padding:6px 14px;border-radius:20px;margin-bottom:16px;box-shadow:0 2px 8px #ffd93d4d}.auth-subscription-icon{width:16px;height:16px;flex-shrink:0}.auth-subscription-info{font-size:12px;color:#ffffff73;margin:12px 0 0;font-weight:400}.auth-btn--logout{background:transparent;color:#ffffff80;font-size:14px;font-weight:400;border:none;margin-top:12px;margin-bottom:0}.auth-btn--logout:hover:not(:disabled){color:#ffffffbf;background:#ffffff0a}.auth-btn--secondary{flex:1;background:#ffffff0d;color:#ffffffb3;border-color:#ffffff1a}.auth-btn--secondary:hover:not(:disabled){background:#ffffff14;border-color:#ffffff26}.auth-btn--primary{flex:2;background:#fff;color:#000;font-weight:600}.auth-btn--primary:hover:not(:disabled){background:#f5f5f5;transform:translateY(-1px)}.auth-btn--text{background:none;color:#ffffff73;font-size:13px;margin-top:16px;border:none;font-weight:400}.auth-btn--text:hover:not(:disabled){color:#ffffffb3}.avatar-badge--admin{background:linear-gradient(135deg,#ef4444,#dc2626)!important;color:#fff!important;box-shadow:0 2px 8px #ef44444d!important}.auth-phone-step,.auth-otp-step,.auth-name-step,.auth-profile-step,.auth-upgrade-step,.auth-success-step{padding:8px 0;animation:stepFadeIn .3s ease-out}@keyframes stepFadeIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.auth-main-view{transition:opacity .15s ease,transform .15s ease}.auth-main-view--exiting{opacity:0;transform:scale(.98)}.auth-success-step:has(.auth-signout-icon){animation:signoutMorphIn .35s cubic-bezier(.16,1,.3,1)}@keyframes signoutMorphIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.auth-step-title{margin:0 0 8px;font-size:22px;font-weight:600;color:#fff;text-align:center;letter-spacing:-.3px}.auth-step-desc{margin:0 0 24px;font-size:14px;color:#ffffff80;text-align:center;line-height:1.5}.auth-input{width:100%;padding:16px 18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:14px;color:#fff;font-size:16px;margin-bottom:16px;outline:none;transition:all .25s ease;box-sizing:border-box}.auth-input:focus{border-color:#ffffff40;background:#ffffff12;box-shadow:0 0 0 3px #ffffff0d}.auth-input::placeholder{color:#ffffff4d}.auth-input--otp{text-align:center;font-size:28px;letter-spacing:12px;font-family:SF Mono,Monaco,monospace;font-weight:500;padding:18px}.auth-error{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#f87171;padding:12px 16px;border-radius:12px;font-size:13px;margin-bottom:16px;text-align:center;line-height:1.4}.auth-step-buttons{display:flex;gap:12px}.auth-success-step{text-align:center;padding:32px 0}.auth-success-icon{width:64px;height:64px;background:linear-gradient(145deg,#34d399,#10b981);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;box-shadow:0 8px 24px #34d39959;animation:successPop .4s cubic-bezier(.34,1.56,.64,1)}.auth-success-icon svg{color:#fff}@keyframes successPop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.auth-signout-icon{width:64px;height:64px;background:linear-gradient(145deg,#ffffff14,#ffffff0a);border:1px solid rgba(255,255,255,.1);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;animation:successPop .4s cubic-bezier(.34,1.56,.64,1)}.auth-signout-icon svg{color:#ffffffb3}.auth-phone-input{width:100%;margin-bottom:20px}.auth-phone-input .PhoneInputInput{flex:1;padding:16px 18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:14px;color:#fff;font-size:16px;outline:none;transition:all .25s ease}.auth-phone-input .PhoneInputInput:focus{border-color:#ffffff40;background:#ffffff12;box-shadow:0 0 0 3px #ffffff0d}.auth-phone-input .PhoneInputInput::placeholder{color:#ffffff4d}.auth-phone-input .PhoneInputCountry{margin-right:12px}.auth-phone-input .PhoneInputCountrySelect{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;padding:12px 10px;font-size:14px;cursor:pointer;transition:all .2s ease}.auth-phone-input .PhoneInputCountrySelect:hover{background:#ffffff14}.auth-phone-input .PhoneInputCountrySelect:focus{border-color:#ffffff40;outline:none;box-shadow:0 0 0 3px #ffffff0d}.auth-phone-input .PhoneInputCountrySelect option{background:#1a1a1a;color:#fff}.auth-phone-input .PhoneInputCountryIcon{width:26px;height:20px;border-radius:3px}.auth-phone-input .PhoneInputCountrySelectArrow{color:#fff6;margin-left:8px;border-color:#fff6}.auth-profile-step{padding:8px 0}.auth-profile-field{margin-bottom:20px}.auth-profile-label{display:block;font-size:11px;color:#ffffff73;margin-bottom:8px;text-transform:uppercase;letter-spacing:1px;font-weight:500}.auth-upgrade-step{text-align:center;padding-top:24px}.auth-upgrade-step .auth-step-title{font-size:24px;margin-bottom:12px}.auth-upgrade-step .auth-step-desc{margin-bottom:28px}@media(max-width:420px){.auth-modal{padding:24px 20px;border-radius:20px}.auth-user-avatar{width:48px;height:48px;font-size:20px}.auth-user-name{font-size:18px}.auth-step-title{font-size:20px}.auth-btn{padding:14px 16px;font-size:14px}}.paywall-backdrop{position:fixed;inset:0;background:#0006;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:1100;padding:20px;animation:fadeIn .3s ease-out}.paywall-modal{background:linear-gradient(168deg,#1c1c20fa,#101012fc);border:1px solid rgba(255,255,255,.06);border-radius:24px;padding:36px 32px 32px;width:100%;max-width:360px;text-align:center;position:relative;box-shadow:0 0 0 1px #ffffff0a inset,0 32px 64px -16px #000000b3,0 0 80px -40px #ffb4321a;animation:slideUp .4s cubic-bezier(.16,1,.3,1)}.paywall-close{position:absolute;top:16px;right:16px;background:transparent;border:none;color:#ffffff4d;width:36px;height:36px;border-radius:12px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.paywall-close:hover{background:#ffffff0f;color:#fff9}.paywall-header{display:flex;align-items:flex-start;justify-content:flex-start;gap:12px;margin-bottom:20px;text-align:left}.paywall-accent{width:3px;height:100%;min-height:44px;background:linear-gradient(180deg,#ffd93d,#ff9500);border-radius:2px;flex-shrink:0}.paywall-header-text{display:flex;flex-direction:column;gap:4px}.paywall-title{font-size:22px;font-weight:600;color:#fff;margin:0;letter-spacing:-.3px}.paywall-subtitle{font-size:13px;color:#ffffff80;margin:0;font-weight:400;line-height:1.4}.paywall-benefits{margin:0 0 20px;padding:0}.paywall-benefit{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:14px;color:#ffffffb3;text-align:left}.paywall-benefit:first-child{padding-top:0}.paywall-benefit:last-child{padding-bottom:0}.paywall-check{flex-shrink:0;color:#4ade80}.paywall-actions{display:flex;flex-direction:column;gap:10px;margin-bottom:0}.paywall-btn-upgrade{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 24px;border-radius:14px;font-size:15px;font-weight:600;cursor:pointer;border:none;background:linear-gradient(135deg,#ffd93d,#fc0,#ff9500);color:#000;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #ffc83c59,0 0 0 1px #ffffff26 inset}.paywall-btn-upgrade:hover{transform:translateY(-2px);box-shadow:0 8px 32px #ffc83c80,0 0 0 1px #ffffff40 inset}.paywall-btn-upgrade:active{transform:translateY(0)}.paywall-btn-upgrade svg{transition:transform .2s ease}.paywall-btn-upgrade:hover svg{transform:translate(3px)}.paywall-btn-continue{width:100%;padding:14px 24px;border-radius:14px;font-size:14px;font-weight:500;cursor:pointer;background:transparent;color:#fff6;border:none;transition:all .2s ease}.paywall-btn-continue:hover{color:#ffffffa6}.paywall-usage-widget{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:14px 16px;margin:20px 0 24px;text-align:left}.paywall-usage{padding-top:24px;border-top:1px solid rgba(255,255,255,.04)}.paywall-usage-label{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:#fff6;font-weight:500;margin-bottom:6px}.paywall-usage-remaining{font-size:24px;font-weight:700;color:#34d399;margin-bottom:12px;letter-spacing:-.5px}.paywall-usage-remaining--warning{color:#fbbf24}.paywall-usage-remaining--low{color:#f97316}.paywall-usage-remaining--critical{color:#ef4444}.paywall-usage-track{height:6px;background:#ffffff14;border-radius:6px;overflow:hidden;margin-bottom:10px}.paywall-usage-fill{height:100%;background:linear-gradient(90deg,#34d399,#10b981);border-radius:6px;transition:width .5s cubic-bezier(.4,0,.2,1)}.paywall-usage-fill--warning{background:linear-gradient(90deg,#fbbf24,#f59e0b)}.paywall-usage-fill--low{background:linear-gradient(90deg,#f97316,#ea580c)}.paywall-usage-fill--critical{background:linear-gradient(90deg,#ef4444,#dc2626)}.paywall-usage-fill--empty{background:linear-gradient(90deg,#ef4444,#f87171);width:100%!important;opacity:.3}.paywall-usage-detail{font-size:12px;color:#fff6}@media(max-width:420px){.paywall-modal{padding:32px 24px 28px;border-radius:20px}.paywall-title{font-size:20px}.paywall-subtitle{font-size:12px}.paywall-benefit{font-size:13px;padding:6px 0}}.freeplan-backdrop{position:fixed;inset:0;background:#0006;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:1100;padding:20px;animation:fadeIn .25s ease-out}.freeplan-modal{background:linear-gradient(165deg,#1e1e22fa,#121214fc);border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:28px;width:100%;max-width:360px;position:relative;box-shadow:0 0 0 1px #ffffff0a inset,0 24px 48px -12px #0009;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.freeplan-close{position:absolute;top:16px;right:16px;background:transparent;border:none;color:#ffffff4d;width:32px;height:32px;border-radius:10px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.freeplan-close:hover{background:#ffffff0f;color:#fff9}.freeplan-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding-right:32px}.freeplan-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#ffd93d26,#ff96001a);border:1px solid rgba(255,200,60,.25);border-radius:16px;flex-shrink:0}.freeplan-header-text{flex:1;min-width:0}.freeplan-title{font-size:22px;font-weight:650;color:#fff;margin:0 0 4px;letter-spacing:-.4px}.freeplan-subtitle{font-size:14px;color:#ffffff80;margin:0;line-height:1.35}.freeplan-usage{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:16px 18px;margin-bottom:20px}.freeplan-usage-label{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:#fff6;font-weight:500;margin-bottom:6px}.freeplan-usage-remaining{font-size:24px;font-weight:700;color:#34d399;margin-bottom:12px;letter-spacing:-.5px}.freeplan-usage-remaining--warning{color:#fbbf24}.freeplan-usage-remaining--low{color:#f97316}.freeplan-usage-remaining--critical{color:#ef4444}.freeplan-usage-bar{height:6px;background:#ffffff14;border-radius:6px;overflow:hidden;margin-bottom:10px}.freeplan-usage-fill{height:100%;background:linear-gradient(90deg,#34d399,#10b981);border-radius:6px;transition:width .5s cubic-bezier(.4,0,.2,1)}.freeplan-usage-fill--warning{background:linear-gradient(90deg,#fbbf24,#f59e0b)}.freeplan-usage-fill--low{background:linear-gradient(90deg,#f97316,#ea580c)}.freeplan-usage-fill--critical{background:linear-gradient(90deg,#ef4444,#dc2626)}.freeplan-usage-fill--empty{background:linear-gradient(90deg,#ef4444,#f87171);width:100%!important;opacity:.3}.freeplan-usage-detail{font-size:12px;color:#fff6}.freeplan-benefits{margin-bottom:22px}.freeplan-benefit{display:flex;align-items:center;gap:12px;padding:10px 0;font-size:14px;color:#ffffffbf;border-bottom:1px solid rgba(255,255,255,.04)}.freeplan-benefit:last-child{border-bottom:none;padding-bottom:0}.freeplan-benefit:first-child{padding-top:0}.freeplan-benefit svg{flex-shrink:0}.freeplan-actions{display:flex;flex-direction:column;gap:10px}.freeplan-btn-upgrade{width:100%;padding:14px 20px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;border:none;background:linear-gradient(135deg,#ffd93d,#ff9500);color:#000;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.freeplan-btn-upgrade:hover{transform:translateY(-1px);box-shadow:0 4px 16px #ffd93d59}.freeplan-btn-continue{width:100%;padding:12px 16px;border-radius:10px;font-size:13px;font-weight:500;cursor:pointer;border:none;background:transparent;color:#fff6;transition:color .2s ease}.freeplan-btn-continue:hover{color:#ffffffb3}@media(max-width:400px){.freeplan-modal{padding:24px;border-radius:18px}.freeplan-header{gap:14px;margin-bottom:20px}.freeplan-icon{width:50px;height:50px;border-radius:14px}.freeplan-icon svg{width:22px;height:22px}.freeplan-title{font-size:20px}.freeplan-subtitle{font-size:13px}.freeplan-usage-remaining{font-size:22px}.freeplan-benefit{font-size:13px;gap:10px;padding:9px 0}}.subscription-backdrop{position:fixed;inset:0;background:#0006;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:1200;padding:20px;animation:fadeIn .25s ease-out}.subscription-modal{background:linear-gradient(165deg,#202023fa,#121214fc);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:40px 32px;width:100%;max-width:800px;text-align:center;position:relative;box-shadow:0 0 0 1px #ffffff0d inset,0 25px 50px -12px #0009;animation:slideUp .35s cubic-bezier(.16,1,.3,1);transition:max-width .3s ease}.subscription-modal--narrow{max-width:400px}.subscription-close{position:absolute;top:16px;right:16px;background:#ffffff0d;border:none;color:#fff6;font-size:20px;width:32px;height:32px;border-radius:10px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.subscription-close:hover{background:#ffffff1a;color:#fff}.subscription-close:disabled{opacity:.5;cursor:not-allowed}.subscription-header-centered{display:flex;flex-direction:column;align-items:center;margin-bottom:28px}.subscription-header-centered .subscription-title,.subscription-header-centered .subscription-desc{text-align:left;width:100%;max-width:320px}.subscription-title{font-size:24px;font-weight:600;color:#fff;margin:0 0 8px;letter-spacing:-.3px}.subscription-desc{font-size:14px;color:#ffffff8c;line-height:1.5;margin:0;letter-spacing:.3px}.subscription-error{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#f87171;padding:12px 16px;border-radius:10px;font-size:14px;margin-bottom:24px}.subscription-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:28px}.subscription-tier{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px 20px;text-align:left;position:relative;transition:all .25s ease;display:flex;flex-direction:column}.subscription-tier:hover{background:#ffffff0d;border-color:#ffffff1f}.subscription-tier--highlight{background:#ffd93d14;border-color:#ffd93d4d}.subscription-tier--highlight:hover{background:#ffd93d1f;border-color:#ffd93d66}.subscription-tier--recommended{transform:scale(1.02)}.subscription-tier-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#ffd93d,#ff9500);color:#000;font-size:11px;font-weight:600;padding:4px 12px;border-radius:20px;display:flex;align-items:center;gap:5px;white-space:nowrap}.subscription-tier-badge svg{width:12px;height:12px}.subscription-tier-name{font-size:16px;font-weight:600;color:#fff;margin-bottom:8px}.subscription-tier-price{margin-bottom:16px}.subscription-tier-currency{font-size:20px;font-weight:600;color:#ffffffb3;vertical-align:top}.subscription-tier-amount{font-size:32px;font-weight:700;color:#fff;letter-spacing:-1px}.subscription-tier-period{font-size:14px;color:#ffffff80}.subscription-tier-features{list-style:none;padding:0;margin:0 0 20px;flex:1}.subscription-tier-features li{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:#ffffffb3;padding:6px 0}.subscription-feature-check{color:#4ade80;flex-shrink:0;margin-top:1px}.subscription-tier-btn{width:100%;padding:12px 16px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:auto}.subscription-tier-btn:disabled{opacity:.6;cursor:not-allowed}.subscription-tier-btn--basic{background:linear-gradient(135deg,#e8e8e8,#b8b8b8);color:#1a1a1a}.subscription-tier-btn--basic:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 15px #c8c8c859}.subscription-tier-btn--premium{background:linear-gradient(135deg,#ffd93d,#ff9500);color:#000}.subscription-tier-btn--premium:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 15px #ffd93d66}.subscription-tier-btn--ultra{background:linear-gradient(135deg,#c4b5fd,#a78bfa);color:#1a1a1a}.subscription-tier-btn--ultra:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 15px #a78bfa66}.subscription-spinner{animation:spin 1s linear infinite}.subscription-usage-label{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:#fff6;font-weight:500;margin-bottom:4px}.subscription-usage-remaining{font-size:20px;font-weight:700;color:#34d399;margin-bottom:10px;letter-spacing:-.5px}.subscription-usage-remaining--warning{color:#fbbf24}.subscription-usage-remaining--low{color:#f97316}.subscription-usage-remaining--critical{color:#ef4444}.subscription-usage-bar{height:5px;background:#ffffff14;border-radius:5px;overflow:hidden;margin-bottom:8px}.subscription-usage-fill{height:100%;background:linear-gradient(90deg,#34d399,#10b981);border-radius:6px;transition:width .5s cubic-bezier(.4,0,.2,1)}.subscription-usage-fill--warning{background:linear-gradient(90deg,#fbbf24,#f59e0b)}.subscription-usage-fill--low{background:linear-gradient(90deg,#f97316,#ea580c)}.subscription-usage-fill--critical{background:linear-gradient(90deg,#ef4444,#dc2626)}.subscription-usage-fill--empty{background:linear-gradient(90deg,#ef4444,#f87171);width:100%!important;opacity:.3}.subscription-usage-detail{font-size:12px;color:#fff6}.subscription-footer{text-align:center;padding-top:20px;border-top:1px solid rgba(255,255,255,.06)}.subscription-btn-back{background:none;border:none;color:#ffffff80;font-size:14px;cursor:pointer;padding:8px 16px;transition:color .2s ease;margin-bottom:8px}.subscription-btn-back:hover:not(:disabled){color:#fffc}.subscription-btn-back:disabled{opacity:.5;cursor:not-allowed}.subscription-terms{font-size:12px;color:#ffffff59;margin:8px 0 0;display:flex;align-items:center;justify-content:center;gap:8px}.subscription-terms--small{margin-top:24px}.stripe-logo{opacity:.6;transition:opacity .2s;vertical-align:middle}.subscription-terms:hover .stripe-logo{opacity:.8}.subscription-back{position:absolute;top:16px;left:16px;background:none;border:none;color:#ffffff80;font-size:14px;cursor:pointer;padding:8px 12px;border-radius:8px;display:flex;align-items:center;gap:6px;transition:all .2s ease}.subscription-back:hover{color:#fffc;background:#ffffff0d}.subscription-register{display:flex;flex-direction:column;gap:12px;max-width:320px;margin:24px auto}.subscription-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 20px;border-radius:14px;font-size:15px;font-weight:500;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);border:1px solid transparent}.subscription-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.subscription-btn--phone{background:linear-gradient(145deg,#ffffff14,#ffffff0a);color:#fff;border-color:#ffffff1a;box-shadow:0 2px 8px #0003}.subscription-btn--phone:hover:not(:disabled){background:linear-gradient(145deg,#ffffff1f,#ffffff0f);border-color:#ffffff26;transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.subscription-btn--google{background:#fff;color:#1f1f1f;font-weight:500;box-shadow:0 2px 8px #00000026}.subscription-btn--google:hover:not(:disabled){background:#f8f8f8;transform:translateY(-1px);box-shadow:0 4px 16px #0003}.subscription-btn--primary{background:#fff;color:#000;font-weight:600;max-width:320px;margin:0 auto}.subscription-btn--primary:hover:not(:disabled){background:#f5f5f5;transform:translateY(-1px)}.subscription-btn--text{background:none;color:#ffffff73;font-size:13px;border:none;font-weight:400;padding:8px}.subscription-btn--text:hover:not(:disabled){color:#ffffffb3}.subscription-phone-input{width:100%;max-width:320px;margin:0 auto 20px}.subscription-phone-input .PhoneInputInput{flex:1;padding:16px 18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:14px;color:#fff;font-size:16px;outline:none;transition:all .25s ease}.subscription-phone-input .PhoneInputInput:focus{border-color:#ffffff40;background:#ffffff12;box-shadow:0 0 0 3px #ffffff0d}.subscription-phone-input .PhoneInputInput::placeholder{color:#ffffff4d}.subscription-phone-input .PhoneInputCountry{margin-right:12px}.subscription-phone-input .PhoneInputCountrySelect{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;padding:12px 10px;font-size:14px;cursor:pointer;transition:all .2s ease}.subscription-phone-input .PhoneInputCountrySelect:hover{background:#ffffff14}.subscription-phone-input .PhoneInputCountrySelect:focus{border-color:#ffffff40;outline:none;box-shadow:0 0 0 3px #ffffff0d}.subscription-phone-input .PhoneInputCountrySelect option{background:#1a1a1a;color:#fff}.subscription-phone-input .PhoneInputCountryIcon{width:26px;height:20px;border-radius:3px}.subscription-phone-input .PhoneInputCountrySelectArrow{color:#fff6;margin-left:8px;border-color:#fff6}.subscription-otp-input{width:100%;max-width:200px;margin:0 auto 20px;padding:18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:14px;color:#fff;font-size:28px;letter-spacing:12px;font-family:SF Mono,Monaco,monospace;font-weight:500;text-align:center;outline:none;transition:all .25s ease;display:block}.subscription-otp-input:focus{border-color:#ffffff40;background:#ffffff12;box-shadow:0 0 0 3px #ffffff0d}.subscription-otp-input::placeholder{color:#fff3;letter-spacing:12px}.subscription-name-input{width:100%;max-width:320px;margin:0 auto 16px;padding:16px 18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:14px;color:#fff;font-size:16px;outline:none;transition:all .25s ease;display:block;box-sizing:border-box}.subscription-name-input:focus{border-color:#ffffff40;background:#ffffff12;box-shadow:0 0 0 3px #ffffff0d}.subscription-name-input::placeholder{color:#ffffff4d}.subscription-terms-checkbox{display:flex;align-items:flex-start;gap:10px;max-width:320px;margin:20px auto;cursor:pointer;text-align:left}.subscription-terms-checkbox input[type=checkbox]{width:18px;height:18px;margin-top:2px;accent-color:#FFD93D;cursor:pointer;flex-shrink:0}.subscription-terms-checkbox span{font-size:13px;line-height:1.5;color:#fff9}.subscription-terms-link{background:none;border:none;padding:0;font:inherit;color:#ffd93d;cursor:pointer;text-decoration:none;transition:color .2s}.subscription-terms-link:hover{color:#ffe566;text-decoration:underline}.subscription-processing{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;animation:fadeIn .3s ease-out}.subscription-processing svg{width:48px;height:48px;color:#fff9;margin-bottom:24px}.subscription-processing .subscription-title{margin-bottom:8px}.subscription-processing .subscription-desc{margin-bottom:0}@media(max-width:850px){.subscription-modal{max-width:600px;padding:32px 24px}.subscription-header-row{flex-direction:column;gap:16px}.subscription-usage{flex:none;max-width:100%;width:100%}.subscription-header-text{flex:none;width:100%}.subscription-tiers{grid-template-columns:repeat(2,1fr);gap:14px}.subscription-tier--recommended{grid-column:1 / -1;order:-1;transform:none;max-width:280px;margin:0 auto}}@media(max-width:600px){.subscription-backdrop{align-items:flex-start;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px}.subscription-modal{max-width:100%;width:100%;padding:28px 20px;border-radius:20px;margin:16px 0;max-height:none}.subscription-header-row{gap:14px;margin-bottom:18px}.subscription-title{font-size:20px;margin-bottom:4px}.subscription-desc{font-size:13px}.subscription-usage{padding:12px 14px}.subscription-usage-remaining{font-size:18px;margin-bottom:8px}.subscription-usage-bar{height:4px;margin-bottom:6px}.subscription-usage-detail{font-size:11px}.subscription-tiers{grid-template-columns:1fr;gap:12px}.subscription-tier{padding:20px 16px;border-radius:14px}.subscription-tier--recommended{transform:none;order:-1;max-width:none;margin:0}.subscription-tier-badge{top:-10px;font-size:10px;padding:3px 10px}.subscription-tier-name{font-size:15px}.subscription-tier-amount{font-size:28px}.subscription-tier-currency{font-size:16px}.subscription-tier-features{margin-bottom:16px}.subscription-tier-features li{font-size:12px;padding:5px 0}.subscription-tier-btn{padding:11px 14px;font-size:13px;border-radius:8px}.subscription-footer{padding-top:16px;margin-top:4px}.subscription-terms{font-size:11px}.subscription-close{top:12px;right:12px;width:28px;height:28px}.subscription-close svg{width:16px;height:16px}}@media(max-width:380px){.subscription-backdrop{padding:12px}.subscription-modal{padding:24px 16px;margin:12px 0}.subscription-header-row{gap:12px;margin-bottom:16px}.subscription-title{font-size:18px}.subscription-desc{font-size:12px}.subscription-usage{padding:10px 12px}.subscription-usage-label{font-size:9px;margin-bottom:3px}.subscription-usage-remaining{font-size:16px;margin-bottom:6px}.subscription-tier{padding:16px 14px}.subscription-tier-amount{font-size:26px}.subscription-back{top:10px;left:10px;padding:5px 8px;font-size:12px}}.auth-btn--delete{background:transparent;color:#ef444499;border:1px solid rgba(239,68,68,.15);font-size:13px;padding:10px 16px;margin-top:8px}.auth-btn--delete:hover:not(:disabled){background:#ef444414;border-color:#ef444440;color:#ef4444cc}.auth-btn--danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-weight:600;border:none;box-shadow:0 4px 15px #ef44444d}.auth-btn--danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ef444466}.auth-btn--danger:active:not(:disabled){transform:translateY(0)}.auth-delete-step{padding:8px 0}.auth-delete-warning{text-align:center;margin-bottom:20px}.auth-warning-icon{display:inline-block}.auth-delete-list{text-align:left;margin:16px 0;padding-left:20px;color:#fff9;font-size:13px;line-height:1.8}.auth-delete-list li{margin-bottom:4px}.auth-delete-notice{text-align:center;font-size:13px;color:#ef4444;font-weight:500;margin:20px 0 0}.auth-back-link{position:absolute;top:20px;left:20px;background:none;border:none;color:#fff6;font-size:14px;cursor:pointer;padding:4px 8px;transition:color .2s}.auth-back-link:hover{color:#ffffffb3}.auth-profile-danger-zone{margin-top:32px;padding-top:24px;border-top:1px solid rgba(239,68,68,.15)}.auth-profile-danger-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#ef444499;margin-bottom:12px}.auth-profile-danger-zone .auth-btn--delete{width:100%;justify-content:center}.auth-profile-danger-info{font-size:12px;color:#fff6;text-align:center;margin-top:8px}.auth-save-status{font-size:11px;font-weight:500;margin-left:8px;transition:opacity .3s ease}.auth-save-status--saving{color:#ffd93db3}.auth-save-status--saved{color:#22c55ecc;animation:fadeInOut 2s ease}@keyframes fadeInOut{0%{opacity:0}15%{opacity:1}85%{opacity:1}to{opacity:0}}.auth-terms-checkbox{display:flex;align-items:flex-start;gap:10px;margin-top:20px;cursor:pointer}.auth-terms-checkbox input[type=checkbox]{width:18px;height:18px;margin-top:2px;accent-color:#FFD93D;cursor:pointer;flex-shrink:0}.auth-terms-text{font-size:13px;line-height:1.5;color:#fff9}.auth-terms-text a{color:#ffd93d;text-decoration:none;transition:color .2s}.auth-terms-text a:hover{color:#ffe566;text-decoration:underline}.auth-terms-link{background:none;border:none;padding:0;font:inherit;color:#ffd93d;cursor:pointer;text-decoration:none;transition:color .2s}.auth-terms-link:hover{color:#ffe566;text-decoration:underline}.manage-sub-backdrop{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;z-index:1200;padding:20px;animation:fadeIn .2s ease-out}.manage-sub-modal{background:#1c1c1ef2;border-radius:14px;padding:0;width:100%;max-width:340px;position:relative;box-shadow:0 25px 50px -12px #00000080;animation:slideUp .3s cubic-bezier(.2,.9,.3,1);overflow:hidden}.manage-sub-close{position:absolute;top:12px;right:12px;background:#ffffff1a;border:none;color:#fff9;width:28px;height:28px;border-radius:50%;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;z-index:1}.manage-sub-close:hover{background:#ffffff26;color:#fff}.manage-sub-title{font-size:17px;font-weight:600;color:#fff;margin:0;padding:16px 20px 14px;text-align:center;letter-spacing:-.2px}.manage-sub-error{background:#ff3b301f;color:#ff6961;padding:10px 16px;font-size:13px;text-align:center;margin:0 16px 12px;border-radius:8px}.manage-sub-success{color:#30d158;padding:10px 16px;font-size:14px;text-align:center;margin:0 16px 12px;display:flex;align-items:center;justify-content:center;gap:6px}.manage-sub-plans{padding:0}.manage-sub-plan{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-top:1px solid rgba(255,255,255,.08);transition:background .15s ease}.manage-sub-plan:hover{background:#ffffff08}.manage-sub-plan--current{background:#30d15814;border-left:3px solid #30d158;margin-left:-3px;padding-left:23px}.manage-sub-plan--current .manage-sub-plan-name,.manage-sub-plan--current .manage-sub-plan-price{color:#30d158}.manage-sub-plan-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.manage-sub-plan-header{display:flex;align-items:center;gap:8px}.manage-sub-plan-name{font-size:15px;font-weight:500;color:#fff;letter-spacing:-.2px}.manage-sub-plan-badge{color:#30d158;display:flex;flex-shrink:0}.manage-sub-plan-desc{font-size:13px;color:#ffffff73;line-height:1.3}.manage-sub-plan-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px;margin-left:16px}.manage-sub-plan-price{font-size:15px;font-weight:500;color:#ffffffe6;letter-spacing:-.3px}.manage-sub-plan-period{font-size:13px;font-weight:400;color:#fff6}.manage-sub-plan-action{background:none;border:none;color:#0a84ff;font-size:14px;font-weight:500;cursor:pointer;padding:0;transition:opacity .15s ease}.manage-sub-plan-action:hover:not(:disabled){opacity:.7}.manage-sub-plan-action:disabled{opacity:.4;cursor:not-allowed}.manage-sub-plan-action--downgrade{color:#ffffff80}.manage-sub-footer{display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px;border-top:1px solid rgba(255,255,255,.08)}.manage-sub-link{background:none;border:none;color:#0a84ff;font-size:14px;font-weight:400;cursor:pointer;padding:0;transition:opacity .15s ease;display:flex;align-items:center;gap:6px}.manage-sub-link:hover:not(:disabled){opacity:.7}.manage-sub-link:disabled{opacity:.4;cursor:not-allowed}.manage-sub-cancel{background:none;border:none;color:#ff453a;font-size:14px;font-weight:400;cursor:pointer;padding:0;transition:opacity .15s ease;display:flex;align-items:center;gap:6px}.manage-sub-cancel:hover:not(:disabled){opacity:.7}.manage-sub-cancel:disabled{opacity:.4;cursor:not-allowed}.manage-sub-spinner{animation:spin .8s linear infinite}@media(max-width:400px){.manage-sub-modal{max-width:100%;border-radius:14px}.manage-sub-plan{padding:12px 16px}.manage-sub-plan-desc{font-size:12px}}.plan-pill{position:relative;display:flex;align-items:center;justify-content:center;height:34px;padding:0 18px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.4px;cursor:pointer;border:none;overflow:hidden;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 1px #ffffff14;transition:all .3s cubic-bezier(.4,0,.2,1)}.plan-pill:hover{transform:translateY(-2px) scale(1.03)}.plan-pill:active{transform:translateY(0) scale(.98)}.plan-pill--loading{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#ffffff80;cursor:wait}.plan-pill--loading .loading-dots{display:inline-flex;gap:3px}.plan-pill--loading .loading-dots:before,.plan-pill--loading .loading-dots:after,.plan-pill--loading{animation:loading-fade 1.4s ease-in-out infinite}@keyframes loading-fade{0%,to{opacity:.4}50%{opacity:.8}}.plan-pill--free{background:linear-gradient(135deg,#4ade802e,#4ade8014);color:#4ade80;border:1px solid rgba(74,222,128,.4);box-shadow:inset 0 1px #4ade8026,0 2px 8px #4ade801a}.plan-pill--free:hover{box-shadow:inset 0 1px #4ade8033,0 4px 16px #4ade8040,0 0 0 1px #4ade804d;border-color:#4ade8080}.plan-pill-fill{position:absolute;top:0;right:0;bottom:0;width:var(--fill-percent, 100%);background:linear-gradient(90deg,#4ade8066,#4ade8033);border-radius:0 999px 999px 0;transition:width 1.2s cubic-bezier(.4,0,.2,1),background .5s ease;pointer-events:none;z-index:0}.plan-pill--yellow{background:linear-gradient(135deg,#facc152e,#facc1514);color:#fbbf24;border-color:#facc1573;box-shadow:inset 0 1px #facc1526,0 2px 8px #facc151a}.plan-pill--yellow .plan-pill-fill{background:linear-gradient(90deg,#facc1566,#facc1533)}.plan-pill--yellow:hover{box-shadow:inset 0 1px #facc1533,0 4px 16px #facc1540,0 0 0 1px #facc154d;border-color:#facc158c}.plan-pill--orange{background:linear-gradient(135deg,#f9731633,#f973161a);color:#fb923c;border-color:#f9731680;box-shadow:inset 0 1px #f9731626,0 2px 8px #f9731626}.plan-pill--orange .plan-pill-fill{background:linear-gradient(90deg,#f9731673,#f9731633)}.plan-pill--orange:hover{box-shadow:inset 0 1px #f9731633,0 4px 16px #f973164d,0 0 0 1px #f9731659;border-color:#f9731699}.plan-pill--orange.plan-pill--dancing{animation:pill-orange-pulse 2.2s ease-in-out infinite}@keyframes pill-orange-pulse{0%,to{box-shadow:inset 0 1px #f9731626,0 2px 8px #f9731626,0 0 #f9731633}50%{box-shadow:inset 0 1px #f9731633,0 2px 8px #f9731633,0 0 0 5px #f9731614}}.plan-pill--critical{background:linear-gradient(135deg,#ef444438,#ef44441a);color:#f87171;border-color:#ef444480;box-shadow:inset 0 1px #ef444426,0 2px 8px #ef444426;animation:pill-critical-pulse 1.8s ease-in-out infinite}.plan-pill--critical .plan-pill-fill{background:linear-gradient(90deg,#ef444473,#ef444433)}.plan-pill--critical:hover{box-shadow:inset 0 1px #ef444433,0 4px 16px #ef44444d,0 0 0 1px #ef444466;animation:none}@keyframes pill-critical-pulse{0%,to{box-shadow:inset 0 1px #ef444426,0 2px 8px #ef444426,0 0 #ef444440}50%{box-shadow:inset 0 1px #ef444433,0 2px 8px #ef444433,0 0 0 6px #ef444414}}.plan-pill--empty{background:linear-gradient(135deg,#ef444447,#ef444426);color:#fca5a5;border-color:#ef444499;box-shadow:inset 0 1px #ef444433,0 2px 10px #ef444433;animation:pill-empty-pulse 1.5s ease-in-out infinite}.plan-pill--empty .plan-pill-fill{display:none}.plan-pill--empty:hover{box-shadow:inset 0 1px #ef444440,0 4px 20px #ef444459,0 0 0 2px #ef44444d;animation:none}@keyframes pill-empty-pulse{0%,to{box-shadow:inset 0 1px #ef444433,0 2px 10px #ef444433,0 0 #ef44444d}50%{box-shadow:inset 0 1px #ef444440,0 2px 10px #ef444440,0 0 0 7px #ef44440f}}.plan-pill-labels{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;min-width:60px}.plan-pill-label{transition:opacity .35s cubic-bezier(.4,0,.2,1),transform .35s cubic-bezier(.4,0,.2,1)}.plan-pill-label--free{opacity:1;transform:translateY(0) scale(1)}.plan-pill-label--upgrade{position:absolute;left:0;right:0;text-align:center;color:#fcd34d;font-weight:800;letter-spacing:.5px;opacity:1;transform:translateY(0) scale(1);text-shadow:0 0 12px rgba(252,211,77,.4)}.plan-pill-label--hidden{opacity:0;transform:translateY(5px) scale(.95);pointer-events:none}.plan-pill--dancing{min-width:85px}.plan-pill--dancing .plan-pill-label--upgrade{animation:upgrade-shimmer 2s ease-in-out infinite}@keyframes upgrade-shimmer{0%,to{text-shadow:0 0 8px rgba(252,211,77,.3);color:#fcd34d}50%{text-shadow:0 0 16px rgba(252,211,77,.6),0 0 24px rgba(252,211,77,.3);color:#fef08a}}.plan-pill--basic{background:linear-gradient(145deg,#d4d4d4,silver,#b8b8b8 50%,#a8a8a8);color:#1a1a1a;border:1px solid rgba(255,255,255,.3);box-shadow:inset 0 1px #ffffff80,inset 0 -1px #0000001a,0 2px 8px #00000026;text-shadow:0 1px 0 rgba(255,255,255,.3)}.plan-pill--basic:hover{box-shadow:inset 0 1px #fff9,inset 0 -1px #0000001a,0 4px 16px #c0c0c080,0 0 0 1px #fff3}.plan-pill--premium{background:linear-gradient(145deg,#ffe566,gold 20%,#ffc107,#e6ac00);color:#422006;border:1px solid rgba(255,215,0,.6);box-shadow:inset 0 1px #ffffff80,inset 0 -1px #0000001a,0 2px 10px #ffc10759;text-shadow:0 1px 0 rgba(255,255,255,.25)}.plan-pill--premium:hover{box-shadow:inset 0 1px #fff9,inset 0 -1px #0000001a,0 4px 20px #ffc10780,0 0 0 1px #ffd70066}.plan-pill--ultra{background:linear-gradient(145deg,#ddd6fe,#c4b5fd 25%,#a78bfa 60%,#8b5cf6);color:#1e1b4b;border:1px solid rgba(167,139,250,.5);box-shadow:inset 0 1px #fff6,inset 0 -1px #0000001a,0 2px 12px #8b5cf659;text-shadow:0 1px 0 rgba(255,255,255,.2)}.plan-pill--ultra:hover{box-shadow:inset 0 1px #ffffff80,inset 0 -1px #0000001a,0 4px 24px #8b5cf680,0 0 0 1px #a78bfa66}.plan-pill--admin{background:linear-gradient(145deg,#ffffff26,#fff0 50%),linear-gradient(145deg,#ef4444,#dc2626,#b91c1c 80%,#991b1b);color:#fff;border:1px solid rgba(239,68,68,.6);box-shadow:inset 0 1px 1px #fff3,inset 0 -1px 1px #00000026,0 1px 3px #0000004d,0 4px 12px #b91c1c66;text-decoration:none;text-shadow:0 1px 2px rgba(0,0,0,.3);font-weight:700}.plan-pill--admin:hover{background:linear-gradient(145deg,#fff3,#fff0 50%),linear-gradient(145deg,#f87171,#ef4444,#dc2626 80%,#b91c1c);box-shadow:inset 0 1px 1px #ffffff40,inset 0 -1px 1px #00000026,0 2px 4px #0000004d,0 8px 24px #b91c1c80,0 0 0 1px #f871714d}.plan-pill--editor{background:linear-gradient(145deg,#ffffff2e,#fff0 50%),linear-gradient(145deg,#fb923c,#f97316,#ea580c 70%,#c2410c);color:#431407;border:1px solid rgba(249,115,22,.5);box-shadow:inset 0 1px 1px #ffffff4d,inset 0 -1px 1px #0000001a,0 1px 3px #0003,0 4px 12px #ea580c59;text-decoration:none;text-shadow:0 1px 0 rgba(255,255,255,.2);font-weight:700}.plan-pill--editor:hover{background:linear-gradient(145deg,#ffffff40,#fff0 50%),linear-gradient(145deg,#fdba74,#fb923c,#f97316 70%,#ea580c);box-shadow:inset 0 1px 1px #ffffff59,inset 0 -1px 1px #0000001a,0 2px 4px #0003,0 8px 24px #ea580c73,0 0 0 1px #fb923c4d}.plan-pill--creator{background:linear-gradient(145deg,#ffffff80,#fff3,#fff0 50%),linear-gradient(145deg,#fde68a,#fcd34d 20%,#fbbf24,#f59e0b 80%,#d97706);color:#451a03;border:1px solid rgba(251,191,36,.6);box-shadow:inset 0 1px 2px #fff9,inset 0 -1px 1px #00000014,0 1px 2px #00000026,0 4px 16px #d9770659;text-decoration:none;text-shadow:0 1px 0 rgba(255,255,255,.4);font-weight:700;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.plan-pill--creator:before{content:"";position:absolute;top:1px;left:10%;right:10%;height:40%;background:linear-gradient(to bottom,#ffffff80,#ffffff1a);border-radius:999px 999px 50% 50%;pointer-events:none}.plan-pill--creator:hover{background:linear-gradient(145deg,#fff9,#ffffff40,#fff0 50%),linear-gradient(145deg,#fef08a,#fde68a 20%,#fcd34d,#fbbf24 80%,#f59e0b);box-shadow:inset 0 1px 2px #ffffffb3,inset 0 -1px 1px #00000014,0 2px 4px #00000026,0 8px 28px #d9770673,0 0 0 1px #fde04766}.user-pill{display:flex;align-items:center;gap:0;padding:0;border-radius:999px;border:none;background:#ffffff14;cursor:pointer;transition:all .2s ease;overflow:hidden}.user-pill:hover{background:#ffffff24}.user-pill--loading{cursor:wait;opacity:.6}.user-pill-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:23px;font-weight:700;color:#000;background:#4ade80;flex-shrink:0;transition:margin .2s ease;overflow:hidden}.user-pill-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.user-pill-name{max-width:150px;opacity:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;color:#ffffffe6;padding-left:12px;padding-right:8px}.user-pill-dev-tooltip{position:absolute;top:100%;right:0;margin-top:4px;background:#000000e6;color:#ffffffb3;font-size:10px;padding:4px 8px;border-radius:4px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .15s,visibility .15s;pointer-events:none;z-index:100}.user-pill:hover .user-pill-dev-tooltip{opacity:1;visibility:visible}.user-pill{position:relative}.avatar-crop-backdrop{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.avatar-crop-modal{background:#1a1a1e;border:1px solid rgba(255,255,255,.1);border-radius:16px;width:100%;max-width:400px;overflow:hidden}.avatar-crop-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.06)}.avatar-crop-title{font-size:16px;font-weight:600;color:#fff;margin:0}.avatar-crop-close{background:transparent;border:none;color:#ffffff80;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.avatar-crop-close:hover{background:#ffffff1a;color:#fffc}.avatar-crop-container{position:relative;width:100%;height:300px;background:#0a0a0a}.avatar-crop-controls{padding:16px 20px;display:flex;align-items:center;gap:12px}.avatar-crop-zoom-label{font-size:13px;color:#fff9;flex-shrink:0}.avatar-crop-zoom{flex:1;-webkit-appearance:none;appearance:none;height:4px;background:#ffffff1a;border-radius:2px;outline:none}.avatar-crop-zoom::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:#4ade80;border-radius:50%;cursor:pointer}.avatar-crop-zoom::-moz-range-thumb{width:16px;height:16px;background:#4ade80;border-radius:50%;cursor:pointer;border:none}.avatar-crop-actions{display:flex;gap:12px;padding:16px 20px;border-top:1px solid rgba(255,255,255,.06)}.avatar-crop-btn{flex:1;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.avatar-crop-btn--cancel{background:transparent;border:1px solid rgba(255,255,255,.1);color:#ffffffb3}.avatar-crop-btn--cancel:hover{background:#ffffff0d;border-color:#fff3}.avatar-crop-btn--save{background:#4ade80;border:none;color:#000}.avatar-crop-btn--save:hover{background:#22c55e}.auth-avatar-section{display:flex;flex-direction:column;align-items:center;margin-bottom:24px}.auth-avatar-preview{position:relative;width:80px;height:80px;border-radius:50%;background:#4ade80;display:flex;align-items:center;justify-content:center;font-size:29px;font-weight:700;color:#000;margin-bottom:12px;overflow:hidden}.auth-avatar-preview-img{width:100%;height:100%;object-fit:cover}.auth-avatar-actions{display:flex;gap:8px}.auth-avatar-btn{padding:8px 14px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.auth-avatar-btn--change{background:#ffffff14;border:1px solid rgba(255,255,255,.1);color:#fffc}.auth-avatar-btn--change:hover{background:#ffffff1f;border-color:#fff3}.auth-avatar-btn--remove{background:transparent;border:1px solid rgba(239,68,68,.3);color:#ef4444}.auth-avatar-btn--remove:hover{background:#ef44441a;border-color:#ef444480}.auth-avatar-btn:disabled{opacity:.5;cursor:not-allowed}.auth-avatar-input{display:none}.auth-avatar-dropzone{position:absolute;inset:0;background:#4ade8033;border:2px dashed #4ade80;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s ease}.auth-avatar-preview--dragging .auth-avatar-dropzone{opacity:1}