@import "https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400;1,600&display=swap";:root,[data-theme=dark]{--bg-color:#0f172a;--bg-primary:#0f172a;--bg-secondary:#1e293b;--surface-primary:#1e293bb3;--surface-secondary:#0f172acc;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--text-disabled:#475569;--text-on-primary:#fff;--text-on-dark:#fff;--link-primary:#60a5fa;--icon-primary:#e2e8f0;--icon-secondary:#94a3b8;--icon-muted:#64748b;--surface-hover:#ffffff14;--input-bg:#0f172acc;--input-text:#f8fafc;--input-placeholder:#94a3b8;--input-border:#ffffff26;--border-primary:#ffffff1a;--border-hover:#ffffff40;--accent-color:#3b82f6;--accent-hover:#2563eb;--glass-bg:#1e293bb3;--glass-border:#ffffff1a;--glass-shadow:0 4px 30px #00000080;--line-color:#fff3;--blue:#3b82f6;--purple:#8b5cf6;--pink:#d946ef;--cyan:#06b6d4;--orange:#f59e0b;--gold:#d99a18}*{box-sizing:border-box;margin:0;padding:0}button,input,select,textarea{font-family:inherit}body{background-color:var(--bg-primary);color:var(--text-primary);background-image:radial-gradient(at 0 0,#100f15 0,#0000 50%),radial-gradient(at 50% 0,#2f3e6a33 0,#0000 50%),radial-gradient(at 100% 0,#7227411a 0,#0000 50%);background-attachment:fixed;min-height:100vh;font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:background-color .3s,color .3s;overflow-x:hidden}@media (width<=900px){body{padding-bottom:calc(70px + env(safe-area-inset-bottom))}}.app-container{flex-direction:column;align-items:center;max-width:1000px;margin:0 auto;padding:2rem;display:flex}header{text-align:center;margin-bottom:3rem;animation:.8s ease-out fadeInDown}h1{background:linear-gradient(90deg,#60a5fa,#c084fc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.5rem;font-size:3rem;font-weight:700}.subtitle{color:var(--text-secondary);font-size:1.1rem}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.dev-mode-toggle{color:#fff;cursor:pointer;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1e293be6;border:1px solid #fff3;border-radius:20px;padding:10px 15px;transition:background .3s;position:fixed;bottom:20px;right:20px}.dev-mode-toggle:hover{background:#3b82f6e6}.dev-mode-modal-overlay{z-index:1001;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;animation:.2s ease-out scaleIn;display:flex;position:fixed;top:0;left:0}.dev-mode-modal-content{background:#1e293b;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;width:90%;max-width:600px;max-height:80vh;padding:2rem;display:flex;box-shadow:0 10px 30px #00000080}.close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:1.5rem}.close-btn:hover{color:#fff}.dev-mode-table-container{margin-top:10px;overflow-y:auto}.dev-mode-table{border-collapse:collapse;width:100%}.dev-mode-table th,.dev-mode-table td{text-align:left;border-bottom:1px solid #ffffff1a;padding:12px}.dev-mode-table th{background:#0003;position:sticky;top:0}.loading-spinner-container{color:#94a3b8;justify-content:center;align-items:center;gap:10px;margin-top:10px;padding:20px;display:flex}.spinner{border:3px solid #3b82f64d;border-top-color:#3b82f6;border-radius:50%;width:24px;height:24px;animation:1s ease-in-out infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.end-of-list-message{text-align:center;color:#94a3b8;padding:20px;font-style:italic}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=light] input,[data-theme=light] select,[data-theme=light] textarea{background-color:var(--input-bg);color:var(--input-text);border-color:var(--input-border)}[data-theme=light] input::placeholder,[data-theme=light] textarea::placeholder{color:var(--input-placeholder);opacity:1}[data-theme=light] :is(.artist-card,.trending-card,.spotlight-hero-card,.game-card,.snapshot-card,.artist-game-card,.player-summary-strip,.show-card,.song-card,.quick-play-card,.fandom-artist-card,.guest-featured-card,.guest-badge-card,.yearly-top-song-card,.badge-card,.achievement-summary-card,.fandom-rank-card,.progression-step-card,.progression-cta-box,.final-cta-card,.play-artist-card,.song-ranking-card){color:var(--text-primary)}[data-theme=light] :is(.artist-card,.trending-card,.spotlight-hero-card,.game-card,.snapshot-card,.artist-game-card,.player-summary-strip,.show-card,.song-card,.quick-play-card,.fandom-artist-card,.guest-featured-card,.guest-badge-card,.yearly-top-song-card,.badge-card,.achievement-summary-card,.fandom-rank-card,.progression-step-card,.progression-cta-box,.play-artist-card,.song-ranking-card) :is(.meta,.metadata,.card-meta,.card-subtext,.subtitle,.description,.artist-meta,.song-meta,.stat-label,.helper-text){color:var(--text-secondary)}[data-theme=light] :is(.artist-card,.trending-card,.game-card,.snapshot-card,.artist-game-card,.show-card,.song-card,.badge-card) :is(.title,.name,.artist-name,.song-name,.card-title,.badge-name),[data-theme=light] :is(.auth-header,.language-switcher,.theme-selector,.catalog-toolbar,.song-ranking-selector){color:var(--text-primary)}[data-theme=light] :is(.language-switcher button,.theme-selector button,.catalog-toolbar button,.song-ranking-selector button){color:var(--text-secondary)}[data-theme=light] :is(.language-switcher button:hover,.theme-selector button:hover,.catalog-toolbar button:hover,.song-ranking-selector button:hover){color:var(--text-primary)}[data-theme=light] :is(.all-stats-modal,.artist-picker-modal,.badge-drawer-modal,.edit-profile-modal,.fandom-leaderboard-modal,.level-rewards-modal,.recent-achievements-drawer,.remove-fandom-modal,.profile-modal-content){background:var(--surface-primary);color:var(--text-primary);border-color:var(--border-primary)}[data-theme=light] :is(.all-stats-modal,.artist-picker-modal) :is(h1,h2,h3,h4,.stats-modal-title,.stats-block-heading,.detail-stat-val,.lifetime-value){color:var(--text-primary)}[data-theme=light] :is(.all-stats-modal,.artist-picker-modal) :is(p,small,.stats-modal-subtitle,.metadata,.meta){color:var(--text-secondary)}[data-theme=light] :is(.all-stats-modal,.artist-picker-modal,.badge-drawer-modal,.edit-profile-modal,.fandom-leaderboard-modal,.level-rewards-modal,.recent-achievements-drawer,.remove-fandom-modal,.profile-modal-content) :is(h1,h2,h3,h4,.title,.name,.heading){color:var(--text-primary)}[data-theme=light] :is(.all-stats-modal,.artist-picker-modal,.badge-drawer-modal,.edit-profile-modal,.fandom-leaderboard-modal,.level-rewards-modal,.recent-achievements-drawer,.remove-fandom-modal,.profile-modal-content) :is(p,small,.subtitle,.description,.metadata,.meta,.helper-text){color:var(--text-secondary)}[data-theme=light] :is(.video-player,.media-overlay,.dark-surface){--surface-text:var(--text-on-dark)}[data-theme=light] :is(.video-player,.media-overlay,.dark-surface) :is(h1,h2,h3,h4,p,span,a,button){color:var(--surface-text)}[data-theme=light] :is(.guest-hero-section,.hero-section) :is(h1,.guest-hero-headline,.hero-headline){color:#1e1b4b!important}[data-theme=light] :is(.guest-hero-section,.hero-section) :is(p,.guest-hero-subtitle,.hero-subtitle){color:#3730a3!important}[data-theme=light] :is(.guest-hero-section,.hero-section) .account-value-text :is(span,div){color:#1e1b4b!important}[data-theme=light] :is(.guest-hero-section,.hero-section) .account-value-link{color:#7c3aed!important}[data-theme=light] :is(.guest-hero-section,.hero-section) :is(.secondary-outline-btn,.hero-secondary-btn){color:#4338ca!important;background:#fff!important;border:1.5px solid #818cf8!important}[data-theme=light] .show-detail-container,[data-theme=light] .user-profile-page{background:var(--bg-primary);color:var(--text-primary)}[data-theme=light] .show-detail-container :is(h1,h2,h3,h4,.show-title,.section-title,.song-title,.artist-name),[data-theme=light] .user-profile-page :is(h1,h2,h3,h4,.profile-name,.section-title){color:var(--text-primary)}[data-theme=light] .show-detail-container :is(p,small,.subtitle,.description,.metadata,.meta,.show-meta,.song-meta),[data-theme=light] .user-profile-page :is(p,small,.subtitle,.description,.metadata,.meta,.profile-bio){color:var(--text-secondary)}[data-theme=light] .artist-header,[data-theme=light] .artist-fandom-section-card{background:var(--surface-primary);color:var(--text-primary);border-color:var(--border-primary)}[data-theme=light] .artist-header :is(.artist-name,.artist-stats),[data-theme=light] .artist-fandom-section-card :is(.fandom-card-title,.fandom-name,.fandom-description,.fandom-stats){color:var(--text-primary)}[data-theme=light] .artist-header .artist-stats,[data-theme=light] .artist-fandom-section-card :is(.fandom-card-subtitle,.fandom-meta,.fandom-member-count){color:var(--text-secondary)}[data-theme=light] :is(.badge-drawer-modal,.edit-modal-content,.fandom-leaderboard-modal,.level-rewards-modal,.drawer-container,.remove-fandom-modal) :is(button,.modal-close-btn,.drawer-close-btn){color:var(--icon-secondary)}[data-theme=light] .badge-drawer-modal,[data-theme=light] .edit-modal-content,[data-theme=light] .fandom-leaderboard-modal,[data-theme=light] .level-rewards-modal,[data-theme=light] .drawer-container,[data-theme=light] .remove-fandom-modal{background:var(--surface-primary);color:var(--text-primary);border-color:var(--border-primary)}[data-theme=light] :is(.badge-drawer-modal,.edit-modal-content,.fandom-leaderboard-modal,.level-rewards-modal,.drawer-container,.remove-fandom-modal) :is(.drawer-title,.rewards-title,.modal-title,.fandom-header-info h2,.drawer-subtitle,.description,.requirement,.helper-text){color:var(--text-primary);-webkit-text-fill-color:currentColor}[data-theme=light] :is(.badge-drawer-modal,.edit-modal-content,.fandom-leaderboard-modal,.level-rewards-modal,.drawer-container,.remove-fandom-modal) :is(.drawer-subtitle,.modal-subtitle,.description,.requirement,.helper-text,.metadata,.meta){color:var(--text-secondary)}[data-theme=light] .language-switcher{background:var(--surface-secondary);border-color:var(--border-primary)}[data-theme=light] .language-switcher .lang-btn{color:var(--text-secondary)}[data-theme=light] .language-switcher .lang-btn:hover{color:var(--text-primary);background:var(--surface-hover)}[data-theme=light] .song-ranking-selector .ranking-slot{background:var(--surface-secondary);border-color:var(--border-primary);color:var(--text-primary)}[data-theme=light] .song-ranking-selector .reorder-btn{color:var(--icon-primary);background:var(--surface-hover)}[data-theme=light] .timeline-container :is(.timeline-item,.timeline-content,.timeline-card){background:var(--surface-primary);color:var(--text-primary);border-color:var(--border-primary)}[data-theme=light] .timeline-container :is(.timeline-item,.timeline-content,.timeline-card) :is(p,small,.metadata,.meta){color:var(--text-secondary)}[data-theme=light] .user-profile-fandom-container,[data-theme=light] :is(.primary-fandom-hero-card,.secondary-fandom-card,.user-fandom-empty-card,.empty-fandom-slot){background:var(--surface-primary);color:var(--text-primary);border-color:var(--border-primary)}[data-theme=light] .user-profile-fandom-container :is(.user-fandom-title,.primary-fandom-name,.secondary-fandom-name){color:var(--text-primary)}[data-theme=light] .user-profile-fandom-container :is(.user-fandom-subtitle,.primary-artist-name,.primary-stats-row,.secondary-stats){color:var(--text-secondary)}[data-theme=light] .recent-achievements-drawer :is(.drawer-item,.drawer-empty-state){background:var(--surface-secondary);color:var(--text-primary);border-color:var(--border-primary)}[data-theme=light] .recent-achievements-drawer :is(.drawer-item-name,.drawer-item-time,.drawer-item-desc){color:var(--text-primary)}[data-theme=light] .recent-achievements-drawer .drawer-item-desc{color:var(--text-secondary)}.profile-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background:#05050fd9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.profile-modal-content{color:#fff;background:#121223f2;border:1px solid #00f0ff66;border-radius:20px;flex-direction:column;width:100%;max-width:520px;max-height:85vh;padding:24px;display:flex;position:relative;box-shadow:0 0 40px #00f0ff40}.close-profile-modal-btn{color:#aaa;cursor:pointer;background:0 0;border:none;font-size:1.8rem;position:absolute;top:15px;right:20px}.close-profile-modal-btn:hover{color:#fff}.profile-modal-header{align-items:center;gap:16px;margin-bottom:20px;display:flex}.header-avatar{object-fit:cover;border:2px solid #00f0ff;border-radius:50%;width:60px;height:60px}.header-info h2{background:linear-gradient(135deg,#00f0ff,#ff007f);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:1.4rem}.user-handle-tag{color:#00f0ff;font-size:.9rem;font-weight:700}.profile-tabs{border-bottom:1px solid #ffffff1a;gap:8px;margin-bottom:16px;padding-bottom:10px;display:flex}.tab-btn{color:#aaa;cursor:pointer;background:0 0;border:none;border-radius:12px;flex:1;padding:8px 12px;font-size:.85rem;font-weight:700;transition:all .2s}.tab-btn.active{color:#00f0ff;background:#00f0ff26;border:1px solid #00f0ff4d}.profile-tab-body{flex:1;max-height:320px;overflow-y:auto}.badges-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.badge-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:10px;padding:10px;display:flex}.badge-card-icon{font-size:1.6rem}.badge-card-info{flex-direction:column;display:flex}.badge-card-key{color:#00f0ff;text-transform:capitalize;font-size:.85rem;font-weight:700}.badge-card-artist{color:#aaa;font-size:.75rem}.scores-list{flex-direction:column;gap:8px;display:flex}.score-item-row{background:#ffffff0d;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:.9rem;display:flex}.score-mode-badge{color:#ff007f;font-size:.75rem;font-weight:700}.score-val{color:#00f0ff;font-weight:700}.empty-tab-notice{text-align:center;color:#aaa;padding:30px 10px;font-size:.85rem;line-height:1.5}.edit-profile-form{flex-direction:column;gap:12px;padding:10px 0;display:flex}.edit-profile-form label{color:#ccc;font-size:.85rem;font-weight:700}.edit-profile-form input{color:#fff;background:#0006;border:1px solid #00f0ff4d;border-radius:8px;padding:10px;font-size:.9rem}.save-handle-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#00f0ff,#7000ff);border:none;border-radius:20px;margin-top:10px;padding:10px;font-weight:700}.update-msg{text-align:center;margin-top:8px;font-size:.85rem;font-weight:700}[data-theme=light] .profile-modal-overlay{background:#0f172a73}[data-theme=light] .profile-modal-content{color:var(--text-primary);border-color:var(--border-primary);background:#fff;box-shadow:0 20px 50px #0000001f,0 0 30px #3b82f61a}[data-theme=light] .close-profile-modal-btn{color:var(--text-secondary)}[data-theme=light] .close-profile-modal-btn:hover{color:var(--text-primary)}[data-theme=light] .profile-tabs{border-bottom-color:var(--border-primary)}[data-theme=light] .tab-btn{color:var(--text-secondary)}[data-theme=light] .score-item-row{background:var(--surface-secondary);border:1px solid var(--border-primary)}[data-theme=light] .empty-tab-notice{color:var(--text-secondary)}[data-theme=light] .edit-profile-form label{color:var(--text-primary)}[data-theme=light] .edit-profile-form input{background:var(--surface-secondary);border-color:var(--border-primary);color:var(--text-primary)}.auth-header{z-index:100;-webkit-backdrop-filter:blur(16px);background:#0a0d18d9;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:.75rem 2rem;display:flex;position:sticky;top:0;box-shadow:0 4px 20px #0006}.auth-header-left{align-items:center;gap:2.5rem;display:flex}.auth-header-brand{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.6rem;display:flex}.brand-logo{filter:drop-shadow(0 0 8px #3b82f699);font-size:1.5rem}.brand-title{letter-spacing:.08em;background:linear-gradient(135deg,#fff 0%,#a5b4fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.25rem;font-weight:800}.auth-header-nav{align-items:center;gap:.5rem;display:flex}.nav-tab-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.5rem 1rem;font-size:.95rem;font-weight:600;transition:all .2s;position:relative}.nav-tab-btn:hover{color:#f8fafc;background:#ffffff0d}.nav-tab-btn.active{color:#38bdf8;font-weight:700}.nav-tab-glow-bar{background:#38bdf8;border-radius:4px;height:3px;position:absolute;bottom:-4px;left:12px;right:12px;box-shadow:0 0 10px #38bdf8,0 0 20px #38bdf899}.auth-header-right{align-items:center;gap:1.25rem;display:flex}.header-search-form{align-items:center;display:flex;position:relative}.search-icon{color:#94a3b8;pointer-events:none;font-size:1rem;position:absolute;left:.95rem}.header-search-input{color:#fff;background:#ffffff1f;border:1.5px solid #ffffff40;border-radius:24px;outline:none;width:300px;padding:.55rem 1.1rem .55rem 2.4rem;font-size:.95rem;transition:all .25s;box-shadow:0 2px 8px #0003}.header-search-input::placeholder{color:#94a3b8}.header-search-input:focus{background:#ffffff2e;border-color:#38bdf8b3;width:380px;box-shadow:0 0 16px #38bdf859}.xp-summary-pill{color:#fbbf24;background:linear-gradient(135deg,#f59e0b26,#eab3080d);border:1px solid #f59e0b4d;border-radius:20px;align-items:center;gap:.4rem;padding:.4rem .85rem;font-size:.85rem;font-weight:700;display:flex;box-shadow:0 0 12px #f59e0b26}.xp-icon{font-size:.95rem}.user-profile-trigger{color:#f8fafc;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:24px;align-items:center;gap:.6rem;padding:.35rem .75rem .35rem .35rem;transition:all .2s;display:flex}.user-profile-trigger:hover{background:#ffffff1f}.user-avatar-img{object-fit:cover;border:1.5px solid #38bdf880;border-radius:50%;width:32px;height:32px}.user-display-name{font-size:.85rem;font-weight:600}.dropdown-arrow{color:#94a3b8;font-size:.65rem}.user-dropdown-menu{background:#0f172af2;border:1px solid #ffffff1f;border-radius:12px;flex-direction:column;gap:.4rem;min-width:220px;padding:.75rem;animation:.2s fadeInDown;display:flex;position:absolute;top:calc(100% + 8px);right:2rem;box-shadow:0 10px 30px #00000080}.dropdown-user-info{flex-direction:column;padding:.25rem .5rem;display:flex}.info-name{color:#f8fafc;font-size:.9rem;font-weight:700}.info-handle{color:#94a3b8;font-size:.75rem}.dropdown-divider{border:none;border-top:1px solid #ffffff1a;margin:.4rem 0}.dropdown-item{color:#cbd5e1;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.5rem .75rem;font-size:.85rem;transition:all .15s}.dropdown-item:hover{color:#f8fafc;background:#ffffff14}.dropdown-item.logout{color:#f87171}.dropdown-item.logout:hover{color:#fca5a5;background:#ef444426}.guest-auth-actions{align-items:center;gap:.75rem;display:flex}.header-auth-btn{cursor:pointer;white-space:nowrap;border-radius:20px;padding:.45rem 1rem;font-size:.88rem;font-weight:600;transition:all .2s}.header-auth-btn.signin-btn{color:#f1f5f9;background:0 0;border:1px solid #ffffff40}.header-auth-btn.signin-btn:hover{background:#ffffff1a;border-color:#fff6;transform:translateY(-1px)}.header-auth-btn.signup-btn{color:#fff;background:linear-gradient(135deg,#ec4899,#8b5cf6);border:none;box-shadow:0 2px 12px #ec489966}.header-auth-btn.signup-btn:hover{transform:translateY(-1px);box-shadow:0 4px 18px #ec489999}.header-floating-toast{z-index:1000;color:#38bdf8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172ae6;border:1px solid #38bdf866;border-radius:12px;padding:.75rem 1.25rem;font-size:.9rem;font-weight:600;animation:.3s slideInRight;position:fixed;top:80px;right:2rem;box-shadow:0 8px 24px #0006,0 0 15px #38bdf833}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@media (width<=900px){.auth-header-left{gap:.75rem}.auth-header-nav{display:none}.mobile-bottom-nav{z-index:100;min-height:64px;padding:6px 6px calc(6px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);background:#0a0d18f0;border-top:1px solid #ffffff1a;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #00000047}.mobile-bottom-nav-item{color:#94a3b8;cursor:pointer;background:0 0;border:0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:0;min-height:48px;display:flex}.mobile-bottom-nav-item.active{color:#38bdf8;background:#38bdf81f}.mobile-bottom-nav-item:focus-visible{outline-offset:-2px;outline:2px solid #38bdf8}.mobile-bottom-nav-icon{font-size:1.2rem;font-weight:700;line-height:1}.mobile-bottom-nav-label{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.65rem;font-weight:700;line-height:1.1;overflow:hidden}.header-search-input{width:140px}.header-search-input:focus{width:180px}}@media (width>=901px){.mobile-bottom-nav{display:none}}@media (width<=600px){.auth-header{justify-content:space-between;gap:.5rem;padding:.625rem .75rem}.auth-header-left{flex-shrink:0;gap:.5rem}.auth-header-brand{gap:.35rem}.brand-logo{font-size:1.25rem}.brand-title{letter-spacing:.02em;white-space:nowrap;font-size:.92rem;font-weight:700}.language-switcher,.xp-summary-pill,.guest-auth-actions .signup-btn,.user-profile-trigger .user-display-name,.user-profile-trigger .dropdown-arrow{display:none}.auth-header-right{flex-shrink:1;justify-content:flex-end;align-items:center;gap:.4rem;min-width:0;display:flex}.header-search-container{flex-shrink:1;min-width:0}.header-search-form{width:100%}.header-search-form .search-icon{font-size:.8rem;left:.6rem}.header-search-input{width:100%;min-width:70px;max-width:140px;padding:.4rem .55rem .4rem 1.8rem;font-size:.8rem}.header-search-input:focus{max-width:170px}.search-dropdown-menu{min-width:250px;max-width:calc(100vw - 20px);left:auto;right:0}.header-auth-btn{white-space:nowrap;flex-shrink:0;padding:.45rem .65rem;font-size:.82rem}.user-profile-trigger{flex-shrink:0;padding:.25rem}}.header-search-container{position:relative}.search-dropdown-menu{z-index:1000;background:#0f172af2;border:1px solid #ffffff1f;border-radius:12px;flex-direction:column;width:100%;min-width:260px;max-height:400px;padding:.5rem 0;animation:.2s fadeInDown;display:flex;position:absolute;top:calc(100% + 8px);left:0;overflow-y:auto;box-shadow:0 10px 30px #00000080}.search-dropdown-item{cursor:pointer;align-items:center;gap:12px;padding:.5rem 1rem;transition:all .15s;display:flex}.search-dropdown-item:hover{background:#ffffff14}.search-item-avatar{object-fit:cover;border:1px solid #38bdf84d;border-radius:50%;width:32px;height:32px}.search-item-info{flex-direction:column;display:flex}.search-item-name{color:#f8fafc;font-size:.85rem;font-weight:600}.search-item-tag{color:#94a3b8;font-size:.7rem}.search-dropdown-no-results{text-align:center;color:#94a3b8;padding:1rem;font-size:.85rem}[data-theme=light] .auth-header{background:#fffffff2;border-bottom:1px solid #e9e2f8;box-shadow:0 4px 20px #7c3aed0d}[data-theme=light] .brand-title{background:linear-gradient(135deg,#2575fc 0%,#f24faf 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}[data-theme=light] .nav-tab-btn{color:#6b6880}[data-theme=light] .nav-tab-btn:hover{color:#18162b;background:#7c3aed0d}[data-theme=light] .nav-tab-btn.active{color:#2563eb;font-weight:600}[data-theme=light] .nav-tab-glow-bar{height:2px;box-shadow:none;background:#2563eb}@media (width<=900px){[data-theme=light] .mobile-bottom-nav{background:#fffffff5;border-top-color:#e9e2f8;box-shadow:0 -8px 24px #7c3aed1a}[data-theme=light] .mobile-bottom-nav-item{color:#6b6880}[data-theme=light] .mobile-bottom-nav-item.active{color:#2563eb;background:#2563eb1a}}[data-theme=light] .header-search-input{color:#18162b;box-shadow:none;background:#f8f8ff;border-color:#e9e2f8}[data-theme=light] .header-search-input::placeholder{color:#9ca3af}[data-theme=light] .header-search-input:focus{background:#fff;border-color:#2575fc;box-shadow:0 0 12px #2575fc33}[data-theme=light] .xp-summary-pill{color:#d97706;background:linear-gradient(135deg,#f59e0b1f,#d99a1814);border-color:#f59e0b59}[data-theme=light] .user-profile-trigger{color:#18162b;background:#f8f8ff;border-color:#e9e2f8}[data-theme=light] .user-profile-trigger .user-display-name,[data-theme=light] .user-profile-trigger .dropdown-arrow{color:#151a2d;-webkit-text-fill-color:#151a2d}[data-theme=light] .user-profile-trigger:hover{background:#f3f4f6}[data-theme=light] .user-dropdown-menu,[data-theme=light] .search-dropdown-menu{background:#fff;border-color:#e9e2f8;box-shadow:0 10px 30px #7c3aed1a}[data-theme=light] .info-name,[data-theme=light] .search-item-name{color:#18162b}[data-theme=light] .info-handle,[data-theme=light] .search-item-tag{color:#6b6880}[data-theme=light] .dropdown-divider{border-top-color:#e9e2f8}[data-theme=light] .dropdown-item{color:#6b6880}[data-theme=light] .dropdown-item:hover,[data-theme=light] .search-dropdown-item:hover{color:#18162b;background:#7c3aed0d}[data-theme=light] .header-auth-btn.signin-btn{color:#18162b;background:#fff;border-color:#e9e2f8}[data-theme=light] .header-auth-btn.signin-btn:hover{background:#f8f8ff;border-color:#d1d5db}[data-theme=light] .header-auth-btn.signup-btn{color:#fff;background:linear-gradient(120deg,#2575fc 0%,#6656f5 45%,#f24faf 100%);border:none}.header-dropdown-group{flex-direction:column;display:flex}.header-dropdown-header{text-transform:uppercase;letter-spacing:.5px;color:#94a3b8;background:#ffffff08;padding:6px 16px;font-size:11px;font-weight:700}.header-play-btn{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:10px;transition:transform .15s;display:flex}.header-play-btn:hover{background:#4f46e5;transform:scale(1.1)}.search-item-sub{color:#94a3b8;font-size:.75rem}.app-public-footer{border-top:1px solid var(--border-primary,#ffffff14);width:100%;color:var(--text-muted,#64748b);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;margin-top:3rem;padding:1.5rem 1rem 2rem;font-size:.85rem;display:flex}.app-public-footer-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;display:flex}.app-footer-link{color:var(--text-secondary,#94a3b8);font-weight:500;text-decoration:none;transition:color .2s}.app-footer-link:hover{color:var(--link-primary,#60a5fa)}.app-footer-divider{color:var(--text-muted,#64748b);opacity:.6}.app-footer-copyright{color:var(--text-muted,#64748b);font-size:.78rem}@media (width<=900px){.app-public-footer{padding-bottom:calc(5rem + env(safe-area-inset-bottom))}}@media (width<=768px){.app-public-footer.hide-mobile-signed-in{display:none!important}}.global-mini-player{background:var(--bg-card,#1a1a24);border-top:1px solid var(--border-color,#ffffff1a);z-index:99999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:space-between;align-items:center;height:64px;padding:0 24px;transition:transform .2s cubic-bezier(.4,0,.2,1),opacity .2s;animation:.25s cubic-bezier(.16,1,.3,1) forwards miniPlayerSlideUp;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0000004d}@keyframes miniPlayerSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.global-mini-player.closing{opacity:0;pointer-events:none;transform:translateY(100%)}.mini-player-track-info{align-items:center;gap:12px;min-width:200px;max-width:280px;display:flex}.mini-player-thumb{object-fit:cover;border-radius:6px;flex-shrink:0;width:44px;height:44px}.mini-player-text{flex-direction:column;display:flex;overflow:hidden}.mini-player-title{color:var(--text-main,#fff);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.mini-player-artist{color:var(--text-sub,#9ca3af);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.mini-player-error-text{color:#f87171;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;overflow:hidden}.mini-player-error-text:hover{text-decoration:underline}.open-yt-link{color:#60a5fa;margin-left:4px;font-weight:600}.mini-player-controls{flex:1;justify-content:center;align-items:center;gap:16px;max-width:500px;display:flex}.mini-player-btn{color:var(--text-main,#fff);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:transform .15s,background-color .15s;display:flex}.mini-player-btn:hover{background-color:#ffffff1a;transform:scale(1.05)}.play-pause-btn{background:var(--accent-purple,#6366f1);color:#fff;border-radius:50%;width:36px;height:36px}.play-pause-btn:hover{background:var(--accent-purple-hover,#4f46e5);transform:scale(1.08)}.mini-player-progress-container{align-items:center;gap:10px;width:100%;display:flex}.time-text{color:var(--text-sub,#9ca3af);font-variant-numeric:tabular-nums;min-width:32px;font-size:11px}.mini-player-seekbar{height:4px;accent-color:var(--accent-purple,#6366f1);cursor:pointer;border-radius:2px;flex:1}.mini-player-right-section{align-items:center;gap:16px;display:flex}.mini-player-volume{justify-content:flex-end;align-items:center;gap:8px;min-width:130px;display:flex}.open-drawer-trigger-btn{color:var(--text-sub,#9ca3af);border:1px solid #ffffff1a;border-radius:8px;padding:6px;transition:all .2s}.open-drawer-trigger-btn:hover{color:#fff;background:#ffffff1a;border-color:#ffffff4d;transform:scale(1.08)}.close-player-btn{color:var(--text-sub,#9ca3af);border:1px solid #ffffff1a;border-radius:8px;padding:6px;transition:all .2s}.close-player-btn:hover{color:#ef4444;background:#ef44441f;border-color:#ef444466;transform:scale(1.08)}.mini-player-mobile-progress-track{display:none}.mini-player-volumebar{width:80px;height:4px;accent-color:var(--accent-purple,#6366f1);cursor:pointer;border-radius:2px}@media (width<=900px){.global-mini-player{bottom:calc(64px + env(safe-area-inset-bottom));gap:8px;height:56px;padding:0 10px}.mini-player-mobile-progress-track{background:#ffffff1a;height:2.5px;display:block;position:absolute;top:0;left:0;right:0;overflow:hidden}.mini-player-mobile-progress-fill{background:var(--accent-purple,#6366f1);height:100%;transition:width .15s linear}.mini-player-track-info{flex:1;gap:8px;min-width:0;max-width:none;overflow:hidden}.mini-player-thumb{width:38px;height:38px}.mini-player-text{flex:1;min-width:0}.mini-player-title{font-size:13px}.mini-player-artist{font-size:11px}.mini-player-controls{flex:none;justify-content:flex-end;gap:6px;max-width:none}.mini-player-progress-container,.mini-player-volume{display:none}.mini-player-right-section{flex-shrink:0;gap:6px}.play-pause-btn{flex-shrink:0;width:34px;height:34px}.close-player-btn,.open-drawer-trigger-btn{flex-shrink:0;width:32px;min-width:32px;height:32px;min-height:32px;padding:6px}}.song-drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1100;background:#00000080;justify-content:flex-end;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.song-detail-drawer{background:var(--bg-card,#fff);width:100%;max-width:480px;height:100%;color:var(--text-main,#111827);flex-direction:column;animation:.25s cubic-bezier(.16,1,.3,1) slideInRight;display:flex;position:relative;overflow-y:auto;box-shadow:-4px 0 25px #00000026}.drawer-close-btn{z-index:10;color:#fff;cursor:pointer;background:#0006;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;transition:background .15s;display:flex;position:absolute;top:16px;right:16px}.drawer-close-btn:hover{background:#000000b3}.drawer-hero-media{background:#000;width:100%;height:240px;position:relative}.drawer-hero-img{object-fit:cover;width:100%;height:100%}.drawer-hero-overlay{cursor:pointer;background:#0000004d;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.drawer-hero-play-icon{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;background:#ffffff40;border:2px solid #fff9;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;transition:transform .2s,background .2s;display:flex}.drawer-hero-overlay:hover .drawer-hero-play-icon{background:#fff6;transform:scale(1.1)}.drawer-content{flex-direction:column;gap:20px;padding:24px;display:flex}.drawer-song-header{flex-direction:column;gap:4px;display:flex}.drawer-song-title{color:var(--text-main,#111827);align-items:center;gap:8px;margin:0;font-size:22px;font-weight:700;display:flex}.verified-badge{color:#fff;background:#6366f1;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;display:inline-flex}.drawer-artist-name{color:var(--text-sub,#6b7280);margin:0;font-size:15px}.drawer-listen-btn{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;height:48px;font-size:16px;font-weight:600;transition:background-color .15s,transform .15s;display:flex;box-shadow:0 4px 12px #6366f14d}.drawer-listen-btn:hover{background:#4f46e5;transform:translateY(-1px)}.drawer-meta-row{color:var(--text-sub,#6b7280);justify-content:center;align-items:center;gap:12px;font-size:13px;display:flex}.drawer-actions-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.drawer-action-card{background:var(--bg-hover,#f3f4f6);border:1px solid var(--border-color,#e5e7eb);cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px 8px;transition:all .15s;display:flex}.drawer-action-card:hover{background:var(--bg-active,#e5e7eb);border-color:#6366f1;transform:translateY(-2px)}.action-icon{font-size:20px}.action-label{text-align:center;color:var(--text-main,#374151);font-size:12px;font-weight:500}.drawer-related-section{flex-direction:column;gap:12px;display:flex}.related-section-header{justify-content:space-between;align-items:center;display:flex}.related-section-header h3{margin:0;font-size:16px;font-weight:600}.see-all-btn{color:#6366f1;cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:600}.related-songs-list{flex-direction:column;gap:8px;display:flex}.related-song-item{background:var(--bg-hover,#f9fafb);cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:8px 12px;transition:background .15s;display:flex}.related-song-item:hover{background:var(--bg-active,#f3f4f6)}.related-play-btn{color:#6366f1;cursor:pointer;background:0 0;border:none;padding:4px;font-size:14px}.related-song-thumb{object-fit:cover;border-radius:6px;width:40px;height:40px}.related-song-info{flex-direction:column;flex:1;display:flex;overflow:hidden}.related-song-title{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.related-song-artist{color:var(--text-sub,#6b7280);font-size:12px}.related-song-duration{color:var(--text-sub,#9ca3af);font-size:12px}.related-song-menu-btn{color:var(--text-sub,#9ca3af);cursor:pointer;background:0 0;border:none;font-size:16px}.drawer-collection-banner{color:#6b21a8;cursor:pointer;background:#f3e8ff;border-radius:12px;align-items:center;gap:10px;padding:14px 16px;font-size:14px;display:flex}.collection-icon{font-size:18px}.collection-text{flex:1}.collection-arrow{font-size:18px;font-weight:700}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (width<=640px){.song-detail-drawer{border-radius:20px 20px 0 0;max-width:100%;height:90vh;margin-top:10vh;animation:.25s cubic-bezier(.16,1,.3,1) slideInUp}}@keyframes slideInUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.onboarding-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:9999;background:#000000d9;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.onboarding-modal-content{background:linear-gradient(145deg,#18122b 0%,#0f0c1b 100%);border:1px solid #8b5cf64d;border-radius:1.5rem;flex-direction:column;width:100%;max-width:600px;max-height:90vh;display:flex;overflow-y:auto;box-shadow:0 25px 50px -12px #000000b3,0 0 30px #8b5cf626}.onboarding-header{text-align:center;border-bottom:1px solid var(--border);padding:2rem 2rem 1.5rem}.onboarding-header h2{color:#fff;margin:0 0 .5rem;font-size:1.75rem}.onboarding-header p{color:var(--text-muted);margin:0;font-size:1.05rem}.onboarding-body{flex-direction:column;gap:1.5rem;padding:1.5rem 2rem;display:flex}.onboarding-search-container{width:100%;position:relative}.onboarding-search-input{width:100%;color:var(--text-primary,#fff);box-sizing:border-box;background:#ffffff0f;border:2px solid #0000;border-radius:1rem;padding:1rem 1.25rem 1rem 3rem;font-size:1rem;transition:all .2s}.onboarding-search-input:focus{border-color:var(--accent-primary,#8b5cf6);background:#ffffff1a;outline:none}.onboarding-search-icon{color:var(--text-muted,#94a3b8);width:1.25rem;height:1.25rem;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.onboarding-search-dropdown{z-index:10;background:#18122b;border:1px solid #8b5cf64d;border-radius:1rem;max-height:250px;margin-top:.5rem;position:absolute;top:100%;left:0;right:0;overflow:hidden auto;box-shadow:0 10px 25px #00000080}.onboarding-search-item{cursor:pointer;align-items:center;gap:1rem;padding:.75rem 1rem;transition:background .2s;display:flex}.onboarding-search-item:hover{background:#ffffff14}.onboarding-search-avatar{object-fit:cover;background:#ffffff14;border-radius:50%;width:40px;height:40px}.onboarding-search-info{flex-direction:column;display:flex}.onboarding-search-name{color:var(--text-primary,#fff);font-weight:600}.onboarding-search-views{color:var(--text-muted,#94a3b8);font-size:.8rem}.onboarding-section-title{color:var(--text-primary,#fff);margin:0 0 1rem;font-size:1.1rem;font-weight:600}.onboarding-artist-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem;display:grid}.onboarding-artist-card{cursor:pointer;text-align:center;background:#ffffff0d;border:2px solid #ffffff14;border-radius:1rem;flex-direction:column;align-items:center;padding:1rem;transition:all .2s;display:flex;position:relative}.onboarding-artist-card:hover{background:#ffffff1a;transform:translateY(-2px)}.onboarding-artist-card.selected{background:#8b5cf62e;border-color:#8b5cf6}.onboarding-artist-card-avatar{object-fit:cover;background:#18122b;border-radius:50%;width:70px;height:70px;margin-bottom:.75rem;box-shadow:0 4px 10px #0003}.onboarding-artist-card.selected .onboarding-artist-card-avatar{box-shadow:0 0 0 3px var(--accent-primary)}.onboarding-artist-card-name{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.25rem;font-size:.9rem;font-weight:600;display:-webkit-box;overflow:hidden}.onboarding-artist-card-views{color:var(--text-muted);font-size:.75rem}.onboarding-check-icon{color:var(--accent-primary);background:var(--bg-card);border-radius:50%;padding:2px;position:absolute;top:.5rem;right:.5rem}.onboarding-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.onboarding-selection-count{color:var(--text-muted);font-size:.95rem;font-weight:500}.onboarding-selection-count.complete{color:var(--accent-primary)}.onboarding-submit-btn{background:var(--accent-primary);color:#fff;cursor:pointer;border:none;border-radius:2rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.onboarding-submit-btn:hover:not(:disabled){background:var(--accent-primary-hover,#2563eb);transform:translateY(-1px)}.onboarding-submit-btn:disabled{background:var(--bg-elevated);color:var(--text-muted);cursor:not-allowed;opacity:.7}[data-theme=light] .onboarding-modal-overlay{background:#ffffffd9}[data-theme=light] .onboarding-modal-content{box-shadow:0 25px 50px -12px #00000026}[data-theme=light] .onboarding-artist-card.selected{background:#3b82f60d}@media (width<=640px){.onboarding-modal-content{border:none;border-radius:0;height:100%;max-height:100vh}.onboarding-body{flex-grow:1}.onboarding-artist-grid{grid-template-columns:repeat(2,1fr)}}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}.route-loading{min-height:50vh;color:var(--text-primary,#fff);justify-content:center;align-items:center;font-size:1rem;display:flex}.beta-access-page{color:#f8fafc;background:radial-gradient(circle at top,#312e81,#09090f 58%);place-items:center;min-height:100vh;padding:1.5rem;display:grid}.beta-access-card{background:#0f172ab3;border:1px solid #ffffff29;border-radius:24px;width:min(100%,430px);padding:2rem;box-shadow:0 24px 80px #00000059}.beta-access-badge{color:#111827;letter-spacing:.08em;background:#f59e0b;border-radius:999px;padding:.25rem .55rem;font-size:.72rem;font-weight:800;display:inline-block}.beta-access-card h1{margin:.7rem 0 .75rem}.beta-access-card p{color:#cbd5e1}.beta-invite-form{gap:.6rem;margin-top:1.5rem;display:grid}.beta-invite-form input{color:inherit;background:#0206178c;border:1px solid #fff3;border-radius:.75rem;padding:.8rem 1rem}.beta-invite-form button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#2563eb);border:0;border-radius:.75rem;padding:.85rem 1rem;font-weight:700}.beta-invite-form button:disabled{opacity:.7;cursor:wait}.beta-access-message{margin-top:1rem;color:#fda4af!important}.beta-signin-link{color:#c4b5fd;cursor:pointer;background:0 0;border:0;margin-top:1rem;text-decoration:underline}.beta-indicator{z-index:1000;color:#fcd34d;pointer-events:none;background:#0f172ae0;border:1px solid #fbbf24b3;border-radius:999px;padding:.35rem .6rem;font-size:.72rem;font-weight:800;position:fixed;bottom:.75rem;right:.75rem;box-shadow:0 4px 18px #0000004d}@media (width<=768px){.beta-indicator{display:none!important}}