:root{--bg-deep: #050508;--bg-surface: #0f0f16;--bg-card: rgba(20, 20, 30, .6);--bg-glass: rgba(255, 255, 255, .03);--primary: #7c3aed;--primary-hover: #6d28d9;--accent: #3b82f6;--accent-glow: rgba(59, 130, 246, .5);--text-main: #ffffff;--text-muted: #9ca3af;--border: rgba(255, 255, 255, .08);--border-light: rgba(255, 255, 255, .15);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--font-body: "Inter", sans-serif;--font-head: "Plus Jakarta Sans", sans-serif;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box}body{margin:0;background:var(--bg-deep);color:var(--text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-head);margin:0;font-weight:600;letter-spacing:-.02em;margin-top:.5rem}p{margin:0 0 1rem;line-height:1.6;color:var(--text-muted)}small{font-size:.85rem;color:var(--text-muted)}a{color:var(--accent);text-decoration:none;transition:.2s}a:hover{color:#60a5fa;text-shadow:0 0 8px var(--accent-glow)}@keyframes pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes zoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes zoomOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(20px,-20px)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes modalExit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.spinner{animation:spin 1s linear infinite}.row{display:flex;align-items:center;gap:.5rem}.user-menu{position:relative;display:flex;align-items:center}.col{display:flex;flex-direction:column;gap:1rem}.app-shell{display:flex;min-height:100vh}.app-sidebar{width:260px;background:var(--bg-surface);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:1.5rem;position:sticky;top:0;height:100vh;flex-shrink:0;z-index:20;transition:transform .3s cubic-bezier(.4,0,.2,1)}@media(max-width:1024px){.app-sidebar{position:fixed;left:0;top:0;bottom:0;transform:translate(-100%);z-index:50;box-shadow:0 0 20px #00000080}.app-sidebar.open{transform:translate(0)}}.sidebar-logo{font-family:var(--font-head);font-size:1.5rem;font-weight:800;color:#fff;margin-bottom:2rem;letter-spacing:-.03em;display:flex;align-items:center;gap:.75rem;text-shadow:0 0 10px rgba(255,255,255,.6),0 0 20px rgba(255,255,255,.3)}.sidebar-logo div{filter:drop-shadow(0 0 8px rgba(255,255,255,.8))}.sidebar-logo svg{width:28px;height:28px;fill:#a78bfa}.sidebar-nav{display:flex;flex-direction:column;gap:.5rem;flex:1}.sidebar-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:var(--radius-sm);color:var(--text-muted);font-weight:500;transition:.2s;text-decoration:none;position:relative;z-index:1}.sidebar-link:hover{background:var(--bg-glass);color:#fff}.sidebar-link.active{background:transparent!important;color:#fff}.sidebar-glider{position:absolute;left:0;width:100%;background:linear-gradient(90deg,#7c3aed1a,#7c3aed00);border-left:3px solid #7c3aed;transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:0}.sidebar-cta{margin-top:auto;padding:1rem;background:linear-gradient(145deg,#7c3aed1a,#3b82f61a);border:1px solid var(--border);border-radius:var(--radius-md);text-align:center}.sidebar-cta h4{font-size:.95rem;color:#fff;margin-bottom:.25rem}.sidebar-cta p{font-size:.8rem;margin-bottom:.75rem}.app-main-wrapper{flex:1;display:flex;flex-direction:column;width:100%;min-width:0}.app-main{flex:1;display:flex;flex-direction:column;background:radial-gradient(circle at 50% 0%,#1e1b4b 0%,var(--bg-deep) 60%);width:100%}.wrap{width:100%;flex:1;display:flex;flex-direction:column}.app-header{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;border-bottom:1px solid transparent;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#05050899}.header-search input{background:var(--bg-glass);border:1px solid var(--border);border-radius:20px;padding:.5rem 1rem;color:#fff;width:240px;font-size:.9rem;transition:.2s}.header-search input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #7c3aed33;outline:none;width:300px}.mobile-menu-btn{display:none;background:transparent;border:none;color:#fff;cursor:pointer;padding:.5rem;margin-right:1rem;border-radius:8px;transition:.2s}@media(max-width:1024px){.mobile-menu-btn{display:flex;align-items:center;justify-content:center}}.mobile-menu-btn:hover{background:#ffffff1a}.mobile-menu-btn svg{width:24px;height:24px}.sidebar-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40;opacity:0;pointer-events:none;transition:opacity .3s ease}.sidebar-overlay.open{opacity:1;pointer-events:auto}.sidebar-badge{margin-left:auto;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#000;font-size:.7rem;font-weight:800;padding:2px 8px;border-radius:12px;box-shadow:0 0 10px #fbbf2480;animation:gold-pulse 2s infinite;display:inline-flex;align-items:center;justify-content:center;min-width:20px}@keyframes gold-pulse{0%{box-shadow:0 0 #fbbf24b3}70%{box-shadow:0 0 0 6px #fbbf2400}to{box-shadow:0 0 #fbbf2400}}.balance-pill{display:inline-flex;align-items:center;gap:.5rem;background:#7c3aed1a;border:1px solid rgba(124,58,237,.3);padding:.5rem 1rem;border-radius:30px;margin-right:.25rem;box-shadow:0 0 15px #7c3aed1a;transition:all .3s ease;height:42px;position:relative}.balance-pill:hover{background:#7c3aed33;box-shadow:0 0 20px #7c3aed40;transform:translateY(-1px)}.balance-pill:after{content:attr(data-tooltip);position:absolute;bottom:-30px;left:50%;transform:translate(-50%) translateY(10px);background:#0f172ae6;border:1px solid rgba(124,58,237,.3);color:#fff;padding:.25rem .5rem;border-radius:6px;font-size:.75rem;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease;pointer-events:none;z-index:10}.balance-pill:hover:after{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.balance-icon{width:24px;height:24px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.balance-amount{font-weight:700;color:#fff;font-size:.95rem;letter-spacing:-.01em}.balance-label{font-size:.85rem;color:#c4b5fd;font-weight:500}.xp-pill{display:inline-flex;align-items:center;gap:.5rem;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);padding:.5rem .75rem;border-radius:30px;margin-right:.25rem;box-shadow:0 0 15px #22c55e1a;transition:all .3s ease;height:42px;position:relative}.xp-pill:hover{background:#22c55e33;box-shadow:0 0 20px #22c55e40;transform:translateY(-1px)}.xp-pill:after{content:attr(data-tooltip);position:absolute;bottom:-30px;left:50%;transform:translate(-50%) translateY(10px);background:#0f172ae6;border:1px solid rgba(34,197,94,.3);color:#fff;padding:.25rem .5rem;border-radius:6px;font-size:.75rem;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease;pointer-events:none;z-index:10}.xp-pill:hover:after{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.xp-level-indicator{font-size:.9rem;font-weight:800;color:#22c55e;background:#22c55e33;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:1}.xp-track{width:60px;height:6px;background:#0000004d;border-radius:3px;overflow:hidden}.xp-fill{height:100%;background:#22c55e;border-radius:3px;transition:width .3s ease}.mobile-xp-circle{display:none;position:relative;width:36px;height:36px;align-items:center;justify-content:center;margin-right:.25rem}.user-pill{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;background:var(--bg-glass);border:1px solid var(--border);padding:.5rem 1rem;border-radius:30px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;width:fit-content;max-width:100%;flex-shrink:0}.user-pill:hover{background:#ffffff14;border-color:var(--border-light)}.user-pill.superfan{border:1px solid transparent;background:linear-gradient(var(--bg-surface),var(--bg-surface)) padding-box,linear-gradient(135deg,#7c3aed,#3b82f6,#ec4899) border-box;box-shadow:0 0 15px #7c3aed4d}.user-pill.superfan:hover{box-shadow:0 0 20px #7c3aed80;transform:translateY(-1px)}.user-pill .avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid transparent}.user-pill.superfan .avatar{border-color:#a78bfa}.user-pill .name{font-size:.9rem;font-weight:500;margin:0;color:#fff}.superfan-icon{width:18px;height:18px;margin:0;filter:drop-shadow(0 0 4px rgba(59,130,246,.6));animation:pulse 3s infinite ease-in-out}.dropdown{position:absolute;top:calc(100% + .25rem);right:0;background:#13131af2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:.5rem;min-width:200px;box-shadow:0 10px 40px #0009;z-index:100;display:flex;flex-direction:column;gap:.25rem;transform-origin:top right;opacity:0;transform:scale(.95) translateY(-10px);pointer-events:none;visibility:hidden;transition:all .2s cubic-bezier(.16,1,.3,1)}.dropdown.open{opacity:1;transform:scale(1) translateY(0);pointer-events:auto;visibility:visible}.dropdown a,.dropdown button{display:flex;align-items:center;padding:.75rem 1rem;color:var(--text-muted);font-size:.9rem;border-radius:var(--radius-sm);background:transparent;border:none;cursor:pointer;text-align:left;width:100%;font-family:var(--font-body);transition:.2s}.dropdown a:hover,.dropdown button:hover{background:#7c3aed26;color:#fff}.dropdown-language{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;color:var(--text-muted);font-size:.9rem;font-family:var(--font-body)}.dropdown-language span{font-weight:500}.lang-buttons{display:flex;gap:.5rem}.lang-btn{background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:.25rem;cursor:pointer;transition:all .2s;font-size:1.2rem;line-height:1;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.lang-btn:hover,.lang-btn.active{background:#7c3aed33;border-color:var(--primary);transform:translateY(-1px)}.modal-overlay,.modal-backdrop{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s cubic-bezier(.16,1,.3,1) forwards}.modal-overlay.closing{animation:fadeOut .2s ease-in forwards}.modal-content{background:#0f0f13;border:1px solid var(--border);border-radius:24px;padding:2rem;width:100%;max-width:450px;box-shadow:0 20px 50px #00000080;animation:zoomIn .3s cubic-bezier(.34,1.56,.64,1) forwards}.modal{background:#0f0f13;border:1px solid var(--border);border-radius:24px;padding:2rem;width:100%;max-width:450px;box-shadow:0 20px 50px #00000080;animation:zoomIn .3s cubic-bezier(.34,1.56,.64,1) forwards;position:relative;display:flex;flex-direction:column;max-height:90vh;overflow-y:auto}.modal.celebration{background:linear-gradient(135deg,#1e1b4b,#312e81);border:1px solid #6366f1;border-radius:24px!important;box-shadow:0 0 50px #6366f166;text-align:center;align-items:center;width:calc(100% - 2rem)!important;max-width:450px!important;margin:1rem!important}.modal.celebration .modal-head{justify-content:center;width:100%;margin-bottom:1rem;position:relative}.modal.celebration .modal-head h3{font-size:1.8rem;background:linear-gradient(to right,#fff,#a5b4fc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.modal.celebration .modal-head button{position:absolute;right:0;top:50%;transform:translateY(-50%)}.celebration-icon{font-size:4rem;margin-bottom:1rem;animation:bounce 1s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.modal-content.closing{animation:zoomOut .2s ease-in forwards}.modal-header,.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-title{font-size:1.5rem;font-weight:700;margin:0;background:linear-gradient(to right,#fff,#c4b5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.modal-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.5rem;border-radius:50%;transition:.2s;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:#ffffff1a;color:#fff}.form-group{margin-bottom:1.25rem}.form-label{display:block;margin-bottom:.5rem;color:var(--text-muted);font-size:.9rem}.form-input,.form-textarea{width:100%;background:#0000004d;border:1px solid var(--border);border-radius:12px;padding:.75rem 1rem;color:#fff;font-size:1rem;transition:.2s}.form-input:focus,.form-textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #7c3aed1a}.form-textarea{resize:none;min-height:100px}.activity-list{display:flex;flex-direction:column;gap:.5rem}.activity-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-radius:var(--radius-sm);background:#ffffff05;border:1px solid transparent;transition:.2s}.activity-item:hover{background:#ffffff0d;border-color:var(--border);transform:translate(4px)}.activity-icon{width:40px;height:40px;border-radius:50%;background:#7c3aed1a;color:#a78bfa;display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin-right:1rem}.activity-info{flex:1;display:flex;flex-direction:column}.activity-title{font-weight:600;font-size:.95rem;color:#fff}.activity-date{font-size:.8rem;color:var(--text-muted)}.activity-meta{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0003}.gradient-card{background:linear-gradient(135deg,#7c3aed26,#3b82f60d);border:1px solid rgba(124,58,237,.3);position:relative;overflow:hidden}.gradient-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(124,58,237,.2) 0%,transparent 60%);pointer-events:none}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:var(--radius-sm);font-weight:600;font-size:.95rem;cursor:pointer;border:1px solid rgba(255,255,255,.1);transition:all .3s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,var(--primary),var(--primary-hover));color:#fff;box-shadow:0 4px 12px #7c3aed4d,inset 0 1px #fff3;position:relative;overflow:hidden}.btn:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(rgba(255,255,255,.2),transparent);opacity:0;transition:opacity .3s}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #7c3aed80,inset 0 1px #ffffff4d;border-color:#fff3}.btn:hover:after{opacity:1}.btn:active{transform:translateY(0)}.btn-redeem{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d,inset 0 1px #fff3;border:1px solid rgba(16,185,129,.2)}.btn-redeem:hover{box-shadow:0 8px 20px #10b98180,inset 0 1px #ffffff4d;border-color:#ffffff4d}.btn.danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d,inset 0 1px #fff3;border:1px solid rgba(239,68,68,.2)}.btn.danger:hover{box-shadow:0 8px 20px #ef444480,inset 0 1px #ffffff4d;border-color:#ffffff4d}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}button.ghost{background:transparent;color:var(--text-muted);border:1px solid transparent;padding:.5rem 1rem;border-radius:var(--radius-sm);cursor:pointer;font-size:.9rem}button.ghost:hover{background:var(--bg-glass);color:#fff}button.ghost.danger:hover{background:#ef44441a;color:#ef4444}input,select,textarea{width:100%;background:#0000004d;border:1px solid var(--border);padding:.75rem;border-radius:var(--radius-sm);color:#fff;font-family:var(--font-body);font-size:.95rem;transition:.2s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #7c3aed33}.hero-cta{display:flex;gap:1rem}.hero-actions{display:flex;gap:1rem;justify-content:center;align-items:center;margin-top:1rem}@media(max-width:768px){.hero-actions{flex-direction:column;width:100%;max-width:300px}.hero-actions .hero-btn{width:100%}}.hero-btn{padding:1rem 2.5rem;border-radius:50px;font-weight:700;font-size:1.1rem;cursor:pointer;transition:transform .2s,box-shadow .2s;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-width:180px}.hero-btn.primary{background:#fff;color:#000;border:none}.hero-btn.primary:hover{transform:scale(1.05);box-shadow:0 0 20px #ffffff4d}.hero-btn.secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.hero-btn.secondary:hover{background:#ffffff26;transform:scale(1.05)}.badge{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600}.badge.ok{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.2)}.badge.warn{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.2)}.badge.err{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.2)}@media(max-width:768px){.modal,.modal-content{width:calc(100% - 2rem)!important;margin:0 1rem!important;max-width:450px!important;box-sizing:border-box}}.auth-page{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 30%,#1e1b4b,#020203 70%);padding:1rem;position:relative;overflow:hidden}.auth-page:before{content:"";position:absolute;top:-10%;left:-10%;width:50%;height:50%;background:radial-gradient(circle,rgba(124,58,237,.15) 0%,transparent 70%);filter:blur(60px);animation:float 10s infinite ease-in-out}.auth-page:after{content:"";position:absolute;bottom:-10%;right:-10%;width:50%;height:50%;background:radial-gradient(circle,rgba(59,130,246,.15) 0%,transparent 70%);filter:blur(60px);animation:float 15s infinite ease-in-out reverse}.auth-card-centered{width:100%;max-width:420px;background:#14141eb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:2.5rem;box-shadow:0 25px 50px -12px #00000080;position:relative;z-index:1;overflow:hidden;min-height:540px;transition:min-height .3s ease;animation:scaleIn .4s ease-out}.auth-logo{text-align:center;margin-bottom:2rem}.auth-logo h1{font-size:1.8rem;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.6),0 0 20px rgba(255,255,255,.3);margin:0}.auth-logo p{font-size:.9rem;opacity:.7;margin-top:.5rem}.auth-tabs{display:flex;background:#0003;padding:4px;border-radius:12px;margin-bottom:1.5rem;position:relative;z-index:0}.auth-tabs .tab{flex:1;background:transparent;border:none;color:var(--text-muted);padding:.6rem;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:color .2s;position:relative;z-index:1}.auth-tabs .tab.active{background:transparent;color:#fff;box-shadow:none}.tab-glider{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);background:#ffffff1a;border-radius:8px;transition:transform .3s cubic-bezier(.16,1,.3,1);z-index:0;box-shadow:0 2px 8px #0003}.tab-glider.login{transform:translate(0)}.tab-glider.signup{transform:translate(100%)}.auth-form{display:flex;flex-direction:column;gap:1.2rem}.auth-form>*{opacity:0;animation:slideUpFade .5s cubic-bezier(.16,1,.3,1) forwards}.auth-form>*:nth-child(1){animation-delay:.05s}.auth-form>*:nth-child(2){animation-delay:.1s}.auth-form>*:nth-child(3){animation-delay:.15s}.auth-form>*:nth-child(4){animation-delay:.2s}.auth-form>*:nth-child(5){animation-delay:.25s}.auth-label{display:flex;flex-direction:column;gap:.5rem;font-size:.9rem;font-weight:500;color:#e2e8f0}.passrow{position:relative}.passrow input{padding-right:70px}.passrow button{position:absolute;right:4px;top:4px;bottom:4px;background:transparent;border:none;color:var(--text-muted);font-size:.8rem;cursor:pointer}.passrow button:hover{color:#fff}.forgot-btn:hover{color:#fff;text-decoration:underline}.auth-main-btn{width:100%;padding:.8rem;font-size:1rem;margin-top:.5rem}.forgot-btn{background:none;border:none;color:var(--text-muted);font-size:.85rem;cursor:pointer;align-self:center;margin-top:.5rem}.dashboard-grid{display:grid;grid-template-columns:1fr 340px;gap:1.5rem;padding:2rem;max-width:100%;width:100%}@media(max-width:1024px){.dashboard-grid{grid-template-columns:1fr}}.main-col,.right-col{display:flex;flex-direction:column;gap:1.5rem}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem;margin-bottom:2rem;margin-top:-1rem}.stat-item{background:#ffffff08;border:1px solid var(--border);padding:1.25rem;border-radius:20px;display:flex;flex-direction:column;gap:.25rem;transition:transform .2s}.stat-item:hover{transform:translateY(-2px);background:#ffffff0d;border-color:#7c3aed4d}.stat-header{display:flex;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.85rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:1.25rem;font-weight:700;color:#fff;display:flex;align-items:center;gap:.5rem}.bento-grid{display:grid;grid-template-columns:1.8fr 1fr;grid-template-rows:minmax(280px,auto) minmax(280px,auto);gap:1.5rem;max-width:1200px;margin:0 auto;padding:2rem 2rem 4rem}.bento-hero{grid-column:1 / 2;grid-row:1 / 3;background:linear-gradient(135deg,#7c3aed33,#3b82f61a,#7c3aed33);background-size:200% 200%;animation:nebula-move 15s ease infinite;border:1px solid rgba(255,255,255,.1);border-radius:32px;padding:4rem 3rem;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;box-shadow:0 20px 50px #0000004d}.bento-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(139,92,246,.15),transparent 60%);pointer-events:none}.bento-title{font-size:4rem;font-weight:800;line-height:1;margin-bottom:1.5rem;background:linear-gradient(to right,#fff,#c4b5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.03em}.bento-desc{font-size:1.25rem;color:var(--text-muted);max-width:500px;line-height:1.6;margin-bottom:2.5rem}.bento-card{border-radius:32px;padding:2rem;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;border:1px solid rgba(255,255,255,.05)}.bento-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0000004d}.bento-card.skyra{background:linear-gradient(145deg,#3b82f626,#1e3a8a4d);border-color:#3b82f633}.bento-card.skyra:hover{border-color:#3b82f666}.bento-card.superfan{background:linear-gradient(145deg,#ec489926,#8318434d);border-color:#ec489933}.bento-card.superfan:hover{border-color:#ec489966}.bento-card.daily{background:linear-gradient(145deg,#eab30826,#a162074d);border-color:#eab30833}.bento-card.daily:hover{border-color:#eab30866}.countdown{font-family:monospace;font-size:1.1rem;color:#facc15;font-weight:700;background:#0000004d;padding:.25rem .5rem;border-radius:8px;display:inline-block}.bc-icon{width:56px;height:56px;border-radius:16px;background:#ffffff1a;display:flex;align-items:center;justify-content:center;font-size:1.75rem;margin-bottom:1rem}.bc-title{font-size:1.75rem;font-weight:800;margin-bottom:.5rem;color:#fff}.bc-desc{font-size:.95rem;color:#ffffffb3;margin-bottom:1.5rem}.bc-btn{align-self:flex-start;padding:.75rem 1.5rem;border-radius:100px;background:#ffffff1a;color:#fff;font-weight:600;text-decoration:none;transition:background .2s;display:inline-flex;align-items:center;gap:.5rem}.bc-btn:hover{background:#fff3}.bento-wide{grid-column:1 / -1;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:32px;padding:2rem 3rem;display:flex;align-items:center;justify-content:space-between;margin-top:.5rem}.bw-left{display:flex;align-items:center;gap:2rem}.bw-stat{display:flex;flex-direction:column}.bw-label{font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.25rem}.bw-value{font-size:1.5rem;font-weight:700;color:#fff}@media(max-width:900px){.bento-grid{grid-template-columns:1fr;grid-template-rows:auto}.bento-hero{grid-column:1;grid-row:auto;padding:3rem 2rem}.bento-title{font-size:2.5rem}.bento-wide{flex-direction:column;gap:1.5rem}}.daily-modal{background:linear-gradient(135deg,#1e1b4b,#312e81);border:1px solid rgba(255,255,255,.1);max-width:400px;width:90%;text-align:center;padding:0;overflow:hidden}.dm-content{padding:2.5rem;display:flex;flex-direction:column;align-items:center}.dm-icon{font-size:4rem;margin-bottom:1rem;animation:pop .5s cubic-bezier(.175,.885,.32,1.275)}.dm-title{font-size:1.75rem;font-weight:800;color:#fff;margin-bottom:1.5rem}.dm-reward{background:#ffffff0d;border-radius:20px;padding:1.5rem 2rem;margin-bottom:1.5rem;display:flex;flex-direction:column;align-items:center;border:1px solid rgba(255,255,255,.1);width:100%}.dm-amount{font-size:2.5rem;font-weight:800;color:#facc15;text-shadow:0 0 20px rgba(250,204,21,.3)}.dm-label{font-size:.9rem;text-transform:uppercase;letter-spacing:.1em;color:#fff9;margin-top:.25rem}.dm-streak{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;color:#fffc;margin-bottom:2rem}.dm-streak-val{color:#facc15;font-weight:700}.dm-btn{background:#facc15;color:#000;font-weight:700;font-size:1.1rem;padding:1rem 3rem;border-radius:100px;border:none;cursor:pointer;transition:transform .2s,box-shadow .2s;width:100%}.dm-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #facc154d}.bento-card.streak{background:linear-gradient(135deg,#f973161a,#f973160d);border:1px solid rgba(249,115,22,.2)}.bento-card.streak:hover{border-color:#f9731666;box-shadow:0 10px 30px -10px #f973164d}.bento-card.experience{background:linear-gradient(135deg,#22c55e1a,#22c55e0d);border:1px solid rgba(34,197,94,.2)}.bento-card.experience:hover{border-color:#22c55e66;box-shadow:0 10px 30px -10px #22c55e4d}.xp-bar-container{width:100%;height:8px;background:#0000004d;border-radius:4px;margin-top:1rem;overflow:hidden;position:relative}.xp-bar-fill{height:100%;background:linear-gradient(90deg,#22c55e,#4ade80);border-radius:4px;transition:width .5s ease-out;box-shadow:0 0 10px #22c55e80}.home-container{display:flex;flex-direction:column;gap:.75rem;padding:2rem;width:100%;max-width:1200px;margin:0 auto}.home-hero{background:linear-gradient(135deg,#7c3aed26,#7c3aed0d);border:1px solid rgba(124,58,237,.2);border-radius:24px;padding:2rem;position:relative;overflow:hidden;min-height:15rem;display:flex;flex-direction:column;justify-content:center}.home-hero h1{font-size:3rem;font-weight:800;margin-bottom:.25rem;line-height:1.1;background:linear-gradient(to right,#fff,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;max-width:100%}.home-hero p{font-size:1.1rem;color:var(--text-muted);max-width:100%;margin-bottom:0rem}.dashboard-row{display:grid;grid-template-columns:1fr 2fr;gap:.75rem}@media(max-width:900px){.dashboard-row{grid-template-columns:1fr}}.daily-card{background:linear-gradient(145deg,#eab3081a,#eab3080d);border:1px solid rgba(234,179,8,.3);border-radius:24px;padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;min-height:200px;transition:transform .2s}.daily-card:hover{transform:translateY(-2px);border-color:#eab30880}.daily-content h2{font-size:1.5rem;color:#fff;margin-bottom:.25rem}.daily-content p{color:#ffffffb3;font-size:.95rem}.daily-btn{background:#facc15;color:#000;border:none;padding:.8rem 1.5rem;border-radius:12px;font-weight:700;font-size:1rem;cursor:pointer;width:100%;margin-top:1rem;transition:filter .2s}.daily-btn:hover{filter:brightness(1.1)}.daily-countdown{font-size:1.8rem;font-weight:700;color:#facc15;font-family:monospace;text-align:center;margin-top:auto}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;height:100%}@media(max-width:600px){.stats-grid{grid-template-columns:1fr}}.stat-card{background:linear-gradient(145deg,#ffffff08,#ffffff03);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:2rem;display:flex;flex-direction:column;justify-content:center;gap:.5rem;transition:transform .2s;height:100%;min-height:200px}.stat-card:hover{transform:translateY(-2px);border-color:#ffffff1a}.stat-header{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.stat-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;background:#ffffff0d}.stat-label{font-size:1rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.stat-value{font-size:2.5rem;font-weight:800;color:#fff}.stat-sub{font-size:1rem;color:var(--text-muted);font-weight:400}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem}@media(max-width:1024px){.features-grid{grid-template-columns:1fr 1fr}}@media(max-width:768px){.features-grid{grid-template-columns:1fr}}@media(max-width:600px){.features-grid{grid-template-columns:1fr;margin-bottom:0}}.feature-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:24px;padding:2rem;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-height:220px;transition:all .3s cubic-bezier(.4,0,.2,1)}.feature-card:hover{transform:translateY(-4px);border-color:var(--primary);box-shadow:0 10px 30px -10px #7c3aed33}.feature-card.skyra{background:linear-gradient(145deg,#141419,#1e1e28)}.feature-card.superfan{background:linear-gradient(145deg,#141419,#281e14)}.feature-card.community{background:linear-gradient(145deg,#141419,#1e2832)}.feature-icon-lg{font-size:2.5rem;margin-bottom:.75rem}.feature-card h2{font-size:1.6rem;margin-bottom:.5rem}.feature-card p{color:var(--text-muted);font-size:1rem;margin-bottom:1.5rem;line-height:1.5;max-width:90%}.feature-link{display:inline-flex;align-items:center;gap:.5rem;color:#fff;font-weight:700;text-decoration:none;font-size:1rem;transition:gap .2s}.feature-link:hover{gap:.8rem;color:var(--primary)}.news-section{margin-top:.5rem}.news-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.news-header h2{font-size:1.4rem;font-weight:700;color:#fff}.news-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:768px){.news-grid{grid-template-columns:1fr}}.news-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;padding:1.5rem;display:flex;flex-direction:column;justify-content:center;min-height:120px;position:relative;overflow:hidden;transition:transform .2s}.news-card:hover{transform:translateY(-2px);border-color:#ffffff1a}.news-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--primary);opacity:.5}.news-card.update:before{background:#10b981}.news-card h3{font-size:1.1rem;margin-bottom:.25rem;color:#fff}.news-card p{font-size:.9rem;color:var(--text-muted);line-height:1.4}.profile-hero{background:linear-gradient(135deg,#14141e99,#7c3aed1a);border:1px solid var(--border);border-radius:24px;padding:2.5rem;margin-bottom:2rem;display:flex;align-items:center;gap:2rem;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.profile-hero:before{content:"";position:absolute;top:-50%;right:-50%;width:150%;height:150%;background:radial-gradient(circle,rgba(124,58,237,.05) 0%,transparent 60%);pointer-events:none}.avatar-container{position:relative;width:120px;height:120px;border-radius:50%;border:4px solid rgba(124,58,237,.3);overflow:hidden;cursor:pointer;transition:all .3s ease;flex-shrink:0;background:#000}.avatar-container:hover{border-color:#a78bfa;box-shadow:0 0 20px #7c3aed66}.avatar-img{width:100%;height:100%;object-fit:cover}.avatar-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.avatar-container:hover .avatar-overlay{opacity:1}.profile-info h1{font-size:2rem;margin-bottom:.5rem;background:linear-gradient(to right,#fff,#c4b5fd);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.profile-badges{display:flex;gap:.5rem;margin-bottom:1rem}.badge{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge.superfan{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 2px 10px #f59e0b4d}.badge.plum{background:#7c3aed1a;color:#a78bfa;border:1px solid rgba(124,58,237,.2)}.connection-card{background:#5865f2;border-radius:16px;padding:1.5rem;color:#fff;display:flex;justify-content:space-between;align-items:center;transition:transform .2s}.connection-card:hover{transform:translateY(-2px)}.redeem-card{background:#ffffff08;border:1px solid var(--border);border-radius:16px;padding:1.5rem}@media(max-width:768px){.profile-hero{flex-direction:column;text-align:center;padding:2rem}.profile-badges{justify-content:center}}.profile-banner{height:200px;background:linear-gradient(135deg,#4c1d95,#1e1b4b);border-radius:24px 24px 0 0;position:relative;overflow:hidden;background-size:cover;background-position:center}.profile-banner:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(https://grainy-gradients.vercel.app/noise.svg);opacity:.2;pointer-events:none}.edit-banner-btn{position:absolute;top:1rem;right:1rem;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .2s;z-index:2}.edit-banner-btn:hover{background:#000000b3;transform:scale(1.05)}.profile-header-content{margin-top:-40px;padding:0 2rem 2rem;display:flex;align-items:flex-end;gap:1.5rem;position:relative;z-index:2}.profile-avatar-wrapper{position:relative}.profile-avatar{width:120px;height:120px;border-radius:50%;border:4px solid var(--bg-card);background:#000;object-fit:cover;box-shadow:0 4px 20px #00000080;cursor:pointer;transition:transform .2s}.profile-avatar:hover{transform:scale(1.05)}.edit-avatar-btn{position:absolute;bottom:0;right:0;background:var(--primary);border:2px solid var(--bg-card);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;box-shadow:0 2px 8px #0000004d}.profile-details{flex:1;margin-bottom:.5rem}.profile-name-row{display:flex;align-items:center;gap:1rem}.profile-name{font-size:2.5rem;font-weight:800;margin:0;line-height:1.2}.edit-profile-btn{background:#ffffff1a;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s;color:var(--text-muted)}.edit-profile-btn:hover{background:#fff3;color:#fff}.profile-bio{font-size:1.1rem;color:var(--text-muted);margin:.5rem 0 0;max-width:600px}.stats-row{display:flex;gap:2rem;padding:1rem 2rem;border-bottom:1px solid var(--border);margin-bottom:2rem;flex-wrap:wrap}.stats-row .stat-value{font-size:1.25rem}.stat-item{display:flex;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.95rem}.stat-item strong{color:var(--text-main)}.section-title{font-size:.9rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:2rem;font-weight:600}.profile-integrations-wrapper{padding:0 2rem 2rem}.achievement-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.achievement-card{background:linear-gradient(145deg,#ffffff08,#ffffff03);border:1px solid var(--border);border-radius:16px;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:transform .2s,border-color .2s}.achievement-card:hover{transform:translateY(-2px);border-color:var(--primary)}.achievement-icon{width:48px;height:48px;border-radius:12px;background:#7c3aed1a;display:flex;align-items:center;justify-content:center;color:var(--primary)}.achievement-info h4{margin:0 0 .25rem;font-size:1rem}.achievement-info p{margin:0;font-size:.85rem;color:var(--text-muted)}@media(max-width:768px){.profile-header-content{flex-direction:column;align-items:center;text-align:center;margin-top:-60px;width:100%;gap:0rem;box-sizing:border-box;padding:0 1.5rem 0rem}.profile-avatar-wrapper{margin-bottom:.5rem}.profile-avatar{width:110px;height:110px;border-width:4px;box-shadow:0 4px 15px #0000004d}.profile-name-row{justify-content:center;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.profile-name{font-size:1.75rem;word-break:break-word}.profile-bio{font-size:.95rem;margin-top:.5rem;padding:0 1rem}.stats-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;padding:1rem;justify-items:center;text-align:center;padding-top:0}.stat-item{flex-direction:column;gap:.25rem;width:100%;height:80px;justify-content:center;background:#ffffff08;border-radius:16px;border:1px solid rgba(255,255,255,.05)}.stat-header{font-size:.7rem;opacity:.7}.stat-value{font-size:1rem!important;justify-content:center;display:flex;align-items:center;gap:.5rem}.section-title{text-align:center;margin-bottom:1.5rem}.profile-integrations-wrapper{padding:0 1.5rem 2rem}.achievement-grid{grid-template-columns:1fr;gap:1rem;padding:0 0rem}.achievement-card{padding:1rem;min-height:100px;display:flex;flex-direction:column;justify-content:center;background:#ffffff08;border-radius:16px;border:1px solid rgba(255,255,255,.05);align-items:center}.achievement-card>div:first-child{display:flex;align-items:center;gap:.75rem!important}.achievement-icon{width:40px;height:40px;flex-shrink:0}.achievement-info h4{font-size:.9rem}.achievement-info p{font-size:.8rem}.achievement-card form{display:flex;flex-direction:column;gap:.5rem!important;width:100%}.achievement-card input{padding:.5rem!important;font-size:.9rem!important;width:100%;box-sizing:border-box}.achievement-card .btn-redeem{padding:.5rem 1rem!important;font-size:.9rem!important;width:100%;margin-top:.5rem}.coupon-desc{display:none}}.skyra-dashboard-container{padding:2rem;max-width:100%}.skyra-hero-container{position:relative;display:flex;justify-content:center;align-items:center;min-height:80vh;text-align:center;padding:2rem 1rem;overflow:hidden}.skyra-hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(124,58,237,.15) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(236,72,153,.15) 0%,transparent 50%);z-index:0;pointer-events:none}.skyra-hero-content{position:relative;z-index:1;max-width:1200px;display:flex;flex-direction:column;align-items:center;gap:1.5rem;animation:zoomIn .8s cubic-bezier(.16,1,.3,1);width:100%}.hero-badge{background:#ffffff0d;color:#fff;border:1px solid rgba(255,255,255,.1);padding:.6rem 1.2rem;border-radius:50px;font-size:.95rem;font-weight:500;margin-bottom:1rem;animation:fadeInDown .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000001a;display:inline-flex;align-items:center;gap:.5rem}.sparkle{animation:pulse 2s infinite}.skyra-about-card{max-width:900px;margin:1.5rem 0;padding:2rem;background:#14141e99;border:1px solid rgba(255,255,255,.08);border-radius:32px;text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 40px #0003;position:relative;overflow:hidden}.skyra-about-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.about-content h2{font-size:2.2rem;margin-bottom:1.5rem;background:linear-gradient(to right,#fff,#c4b5fd);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.about-text{display:flex;flex-direction:column;gap:1rem}.about-text p{font-size:1.1rem;color:var(--text-muted);line-height:1.7;max-width:700px;margin:0 auto}.hero-title{font-size:3.5rem;font-weight:800;margin:0;line-height:1.1;letter-spacing:-.03em}.text-gradient{background:linear-gradient(to right,#fff,#a78bfa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:1.1rem;color:var(--text-muted);max-width:600px;line-height:1.5;margin-bottom:0rem}.hero-features{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;width:100%;max-width:1000px;margin:1.5rem 0}.hero-features>.feature-card:last-child{grid-column:auto;justify-self:auto;width:auto;max-width:none}.premium-modal{background:#0a0a0ff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:0;width:95%;max-width:1100px;max-height:90vh;overflow-y:auto;box-shadow:0 40px 80px #0009;animation:scaleIn .3s ease-out}.premium-modal-head{padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.05)}.premium-modal-head h3{font-size:1.5rem;margin:0;background:linear-gradient(to right,#fff,#a78bfa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.premium-modal-body{padding:2rem}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.plan-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;text-align:center;transition:all .3s ease;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:1rem}.plan-card:hover{transform:translateY(-5px);background:#ffffff0d;border-color:#7c3aed66;box-shadow:0 10px 30px #0000004d}.plan-name{font-size:1.4rem;font-weight:700;color:#fff;margin:0}.plan-price{font-size:2rem;font-weight:800;color:#fff;margin:.5rem 0}.plan-price span{font-size:1rem;font-weight:400;color:var(--text-muted)}.plan-desc{font-size:.95rem;color:var(--text-muted);line-height:1.5;flex-grow:1}.dash-grid{display:grid;grid-template-columns:1fr 350px;gap:2rem;margin-top:2rem;width:100%;max-width:100%}.dash-grid .col{min-width:0;display:flex;flex-direction:column}.dash-card{background:#14141e99;border:1px solid var(--border);border-radius:24px;padding:2rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;flex-direction:column;gap:1.5rem;width:100%;max-width:100%;min-width:0}.dash-card h2{font-size:1.5rem;margin-top:1rem;margin-bottom:0rem;background:linear-gradient(to right,#fff,#a78bfa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.license-status{display:flex;align-items:center;gap:1rem;padding:1rem;background:#7c3aed1a;border:1px solid rgba(124,58,237,.2);border-radius:16px}.license-status.inactive{background:#ef44441a;border-color:#ef444433}.status-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:12px;font-size:1.2rem}.license-info h3{font-size:1.1rem;color:#fff;margin:0}.license-info p{font-size:.9rem;margin:0;opacity:.8}.tokens-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.token-list{display:flex;flex-direction:column;gap:1rem}.token-item{background:#ffffff08;border:1px solid var(--border);border-radius:16px;padding:1.25rem;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease}.token-item:hover{background:#ffffff0d;border-color:#7c3aed4d;transform:translateY(-2px)}.token-details{display:flex;flex-direction:column;gap:.25rem}.token-code{font-family:var(--font-mono);font-size:.9rem;color:#a78bfa;background:#7c3aed1a;padding:.2rem .5rem;border-radius:6px;width:fit-content}.token-meta{font-size:.8rem;color:var(--text-muted);display:flex;gap:.5rem;align-items:center}.token-actions{display:flex;gap:.5rem}.token-action-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid var(--border);background:#ffffff0d;color:var(--text-muted);cursor:pointer;transition:all .2s}.token-action-btn:hover{background:#ffffff1a;color:#fff}.token-action-btn.danger:hover{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.empty-state{text-align:center;padding:3rem;background:#ffffff05;border-radius:16px;border:1px dashed var(--border);color:var(--text-muted)}@media(max-width:1024px){.dash-grid{grid-template-columns:1fr}}.dash-hero{background:linear-gradient(135deg,#7c3aed26,#14141e66);border:1px solid rgba(124,58,237,.2);border-radius:24px;padding:2.5rem;margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dash-hero:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(124,58,237,.05) 0%,transparent 60%);pointer-events:none}.dash-hero-content{position:relative;z-index:1}.dash-hero-content h1{font-size:2.2rem;margin-bottom:.5rem;background:linear-gradient(to right,#fff,#c4b5fd);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.dash-hero-content p{color:var(--text-muted);font-size:1.1rem;max-width:500px;line-height:1.5}.btn-premium{background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;border:none;padding:1rem 2rem;border-radius:16px;font-size:1.1rem;font-weight:600;display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #7c3aed66;position:relative;overflow:hidden;z-index:1}.btn-premium:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(rgba(255,255,255,.2),transparent);opacity:0;transition:opacity .3s}.btn-premium:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 30px #7c3aed99}.btn-premium:hover:after{opacity:1}.btn-premium:active{transform:translateY(0) scale(.98)}.btn-premium svg{width:24px;height:24px}@media(max-width:768px){.dash-hero{flex-direction:column;align-items:flex-start;gap:1.5rem}.btn-premium{width:100%;justify-content:center}.hero-features{grid-template-columns:1fr}.plans-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:1rem;padding:.5rem 0 1rem;scrollbar-width:none;-ms-overflow-style:none}.plans-grid::-webkit-scrollbar{display:none}.plan-card{min-width:100%;width:100%;max-width:none;scroll-snap-align:center;scroll-snap-stop:always;margin-right:0;transition:transform .3s ease}.premium-modal-body{padding:1rem}.skyra-hero-container{padding:2rem 1rem 4rem;min-height:auto;align-items:flex-start}.skyra-hero-content{justify-content:flex-start;gap:1.5rem}.hero-badge{order:1}.hero-title{order:2}.hero-subtitle{order:3}.hero-actions{order:4}.skyra-about-card{order:5}.hero-features{order:6}.plan-pagination{display:flex;justify-content:center;gap:.5rem;margin-top:1rem}.pagination-dot{width:8px;height:8px;border-radius:50%;background:#fff3;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.pagination-dot.active{background:#fff;width:24px;border-radius:4px}.skyra-dashboard-container{padding:1rem;width:100%;max-width:100%;overflow-x:hidden}.dash-hero{padding:2rem 1.5rem;flex-direction:column;align-items:center;text-align:center;gap:1.5rem;width:100%;max-width:100%;min-width:0;background:linear-gradient(135deg,#7c3aed33,#14141ecc);border:1px solid rgba(124,58,237,.3);box-shadow:0 10px 30px #0000004d}.dash-hero-content h1{font-size:1.8rem;margin-bottom:.5rem}.dash-hero-content p{font-size:1rem;opacity:.9}.btn-premium{width:100%;justify-content:center;padding:1rem;font-size:1.1rem;background:linear-gradient(90deg,#7c3aed,#9333ea);box-shadow:0 4px 15px #7c3aed66}.dash-card{padding:1.25rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08)}.license-status{flex-direction:column;align-items:center;gap:1rem;text-align:center;width:100%;max-width:100%;background:linear-gradient(180deg,#ffffff0d,#ffffff05);padding:1.5rem;border-radius:20px}.status-icon{width:60px;height:60px;font-size:2rem;background:#7c3aed33;box-shadow:0 0 20px #7c3aed4d;border-radius:50%;margin-bottom:.5rem}.license-info{min-width:0;width:100%;overflow-wrap:break-word}.license-info h3{font-size:1.3rem;margin-bottom:.25rem}.license-info p{font-size:.95rem;opacity:.7}.token-item{flex-direction:column;align-items:center;gap:1rem;padding:1.25rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:16px;text-align:center}.token-details{width:100%;align-items:center}.token-code{width:100%;overflow-wrap:break-word;word-break:break-all;text-align:center;font-size:1.1rem;padding:.5rem;background:#0000004d;border:1px dashed rgba(255,255,255,.2);margin:.5rem 0}.token-actions{width:100%;justify-content:center;gap:1rem}.token-action-btn{width:44px;height:44px;font-size:1.2rem;border-radius:12px}.license-header{flex-direction:column;align-items:center;justify-content:center;gap:.5rem;margin-bottom:0rem}.payment-history-card h2{text-align:center;width:100%}}.plan-actions{display:flex;flex-direction:column;gap:.8rem;margin-top:1rem}.plan-btn{width:100%;padding:.8rem;border-radius:12px;font-weight:600;cursor:pointer;transition:.2s;border:none}.plan-btn.primary{background:#fff;color:#000}.plan-btn.primary:hover{background:#f0f0f0;transform:scale(1.02)}.plan-btn.secondary{background:#ffffff1a;color:#fff}.plan-btn.secondary:hover{background:#ffffff26}.feature-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);padding:2rem;border-radius:24px;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;height:100%;display:flex;flex-direction:column}.feature-card:hover{transform:translateY(-8px);background:#ffffff0a;border-color:#7c3aed4d;box-shadow:0 20px 40px #0003}.feature-icon-wrapper{width:60px;height:60px;background:#7c3aed1a;border-radius:16px;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.feature-card:hover .feature-icon-wrapper{transform:scale(1.1) rotate(5deg);background:#7c3aed33}.feature-icon{font-size:1.8rem}.feature-card h3{font-size:1.3rem;color:#fff;font-weight:700}.feature-card p{font-size:1rem;color:var(--text-muted);line-height:1.6;flex-grow:1}.superfan-hero{text-align:center;padding:3rem 1rem;background:radial-gradient(circle at 50% 50%,rgba(236,72,153,.15) 0%,transparent 70%);margin-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.05)}.superfan-title{font-size:2.5rem;font-weight:800;margin-bottom:.5rem;background:linear-gradient(to right,#fff,#f472b6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.superfan-subtitle{font-size:1.1rem;color:var(--text-muted);max-width:600px;margin:0 auto}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:3rem}.benefit-card{background:#ffffff08;border:1px solid var(--border);padding:1.5rem;border-radius:16px;text-align:center;transition:transform .2s}.benefit-card:hover{transform:translateY(-5px);background:#ffffff0d;border-color:#ec48994d}.benefit-icon{font-size:2rem;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:#ec48991a;border-radius:50%;color:#ec4899;margin-left:auto;margin-right:auto}.benefit-card h3{font-size:1.1rem;margin-bottom:.5rem;color:#fff}.benefit-card p{font-size:.9rem;color:var(--text-muted);line-height:1.5}.steps-container{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:3rem}.step-card{display:flex;gap:1.5rem;align-items:flex-start;background:#ffffff05;padding:1.5rem;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.step-number{background:#ffffff1a;color:#fff;font-weight:700;font-size:1.2rem;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.step-content h4{font-size:1.1rem;margin:0 0 .5rem;color:#fff}.step-content p{font-size:.95rem;color:var(--text-muted);margin:0;line-height:1.5}.file-upload-box{border:2px dashed rgba(255,255,255,.1);border-radius:12px;padding:2rem;text-align:center;cursor:pointer;transition:all .2s;background:#0003}.file-upload-box:hover{border-color:var(--primary);background:#7c3aed0d}.file-upload-box input{display:none}.upload-icon{font-size:2rem;color:var(--text-muted);margin-bottom:1rem}.upload-text{color:#fff;font-weight:500;margin-bottom:.5rem}.upload-hint{font-size:.85rem;color:var(--text-muted)}@media(max-width:600px){.superfan-hero{padding:1.5rem .5rem}.superfan-title{font-size:1.75rem}.superfan-content{padding:1rem!important}.superfan-form-container{max-width:100%!important}.benefits-grid{grid-template-columns:1fr;gap:1rem}.benefit-card{padding:1rem}.steps-container{gap:1rem}.step-card{padding:1rem;gap:.75rem;flex-direction:column;align-items:center;text-align:center}.step-number{margin-bottom:.5rem}.step-content h4{margin-bottom:.25rem}}.superfan-content{padding:2rem}.superfan-form-container{max-width:600px;margin:0 auto}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.05)}.admin-title{font-size:1.8rem;font-weight:700;background:linear-gradient(to right,#fff,#a78bfa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.admin-filters{display:flex;gap:1rem;background:#0003;padding:.5rem;border-radius:12px}.filter-btn{padding:.5rem 1rem;border-radius:8px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;transition:all .2s;font-size:.9rem;font-weight:500}.filter-btn:hover{color:#fff;background:#ffffff0d}.filter-btn.active{background:var(--primary);color:#fff;box-shadow:0 4px 12px #7c3aed4d}.admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.request-card{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:16px;overflow:hidden;transition:transform .2s,box-shadow .2s;cursor:pointer}.request-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px -10px #00000080;border-color:#ffffff1a;background:#ffffff0d}.req-header{padding:1rem;display:flex;align-items:center;gap:1rem;border-bottom:1px solid rgba(255,255,255,.03)}.req-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;background:#ffffff1a}.req-info h3{font-size:1rem;margin:0 0 .2rem;color:#fff}.req-info p{font-size:.85rem;margin:0;color:var(--text-muted)}.req-preview{height:180px;width:100%;object-fit:cover;background:#000}.req-footer{padding:1rem;display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:var(--text-muted)}.status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.pending{background:#eab30826;color:#facc15;border:1px solid rgba(234,179,8,.2)}.status-badge.approved{background:#22c55e26;color:#4ade80;border:1px solid rgba(34,197,94,.2)}.status-badge.rejected{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.2)}.review-modal{background:#1a1b26;border-radius:24px;width:90%;max-width:1000px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000080;border:1px solid rgba(255,255,255,.1)}.review-image-col{flex:2;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.review-image{max-width:100%;max-height:100%;object-fit:contain}.review-content-col{flex:1;padding:2rem;display:flex;flex-direction:column;border-left:1px solid rgba(255,255,255,.05);overflow-y:auto}.review-user{text-align:center;margin-bottom:2rem}.review-avatar{width:80px;height:80px;border-radius:50%;margin-bottom:1rem;border:3px solid rgba(255,255,255,.1)}.review-details{background:#ffffff08;border-radius:12px;padding:1rem;margin-bottom:2rem}.detail-row{display:flex;justify-content:space-between;margin-bottom:.8rem;font-size:.9rem}.detail-label{color:var(--text-muted)}.detail-value{color:#fff;font-weight:500}.review-actions{margin-top:auto;display:flex;flex-direction:column;gap:1rem}.review-note{background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.8rem;color:#fff;width:100%;resize:none;height:100px;font-family:inherit}.review-note:focus{outline:none;border-color:var(--primary)}.action-btns{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.btn-approve{background:#22c55e;color:#000;border:none;padding:.8rem;border-radius:8px;font-weight:600;cursor:pointer;transition:filter .2s}.btn-reject{background:#ef44441a;color:#f87171;border:1px solid rgba(239,68,68,.3);padding:.8rem;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s}.btn-approve:hover{filter:brightness(1.1)}.btn-reject:hover{background:#ef444433}.modal.exiting{animation:modalExit .3s forwards}.payments-container{margin-top:1rem;width:100%;max-width:100%;min-width:0;max-height:300px;overflow-y:auto;padding-right:.5rem}.payments-container::-webkit-scrollbar{width:6px}.payments-container::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.payments-container::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.payments-container::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.payments-table{width:100%;border-collapse:separate;border-spacing:0 .5rem;table-layout:fixed}.payments-table th{text-align:left;padding:.75rem;color:var(--text-muted);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.payments-table td{padding:.75rem;background:#ffffff08;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05);vertical-align:middle}.payments-table tr td:first-child{border-left:1px solid rgba(255,255,255,.05);border-radius:12px 0 0 12px}.payments-table tr td:last-child{border-right:1px solid rgba(255,255,255,.05);border-radius:0 12px 12px 0}.pay-plan-cell{display:flex;flex-direction:column;gap:.25rem}.pay-plan-name{font-weight:600;color:#fff}.pay-date{font-size:.85rem;color:var(--text-muted)}.pay-method-icon{font-size:1.2rem;display:flex;align-items:center;gap:.5rem;color:var(--text-muted)}.pay-amount{font-family:var(--font-mono);font-weight:600;color:#fff;white-space:nowrap;font-size:.9rem}.pay-status{display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:capitalize;white-space:nowrap}.pay-status.paid{background:#10b9811a;color:#34d399;border:1px solid rgba(16,185,129,.2)}.pay-status.pending{background:#f59e0b1a;color:#fbbf24;border:1px solid rgba(245,158,11,.2)}.pay-status.failed{background:#ef44441a;color:#f87171;border:1px solid rgba(239,68,68,.2)}@media(max-width:768px){.payments-container{overflow-x:hidden;padding-bottom:0}.payments-table{min-width:0;width:100%;table-layout:auto}.payments-table th,.payments-table td{padding:.75rem .25rem}.payments-table th{font-size:.7rem}.pay-plan-name{font-size:.9rem}.pay-date{font-size:.75rem}.pay-amount{font-size:.8rem}.pay-status{padding:.15rem .4rem;font-size:.7rem}}@media(max-width:450px){html{font-size:14px}h1{font-size:2.5rem!important}h2{font-size:1.5rem!important}h3{font-size:1.25rem!important}p,span,div{font-size:.9rem}.app-shell{min-width:320px}.app-main{padding:1rem .5rem!important;align-items:center}.home-container{padding:0 1rem!important;width:100%!important}.card,.dash-card,.bento-card,.glass-card{padding:1rem!important}.auth-card-centered{padding:1.5rem 1rem!important;width:100%!important;max-width:100%!important;border-radius:16px!important;min-height:auto!important;margin:auto 0!important}.auth-logo h1{font-size:2rem!important}.auth-logo p{font-size:.9rem!important}.auth-tabs{gap:.25rem;padding:.25rem}.auth-tabs .tab{font-size:.9rem;padding:.5rem}.auth-label{font-size:.9rem}.auth-form input{padding:.6rem .8rem;font-size:.9rem}.auth-main-btn{padding:.75rem;font-size:1rem}.dash-grid{gap:1rem!important}.stats-grid .stat-card{padding:1rem!important;min-height:auto!important}.stats-grid .stat-card:nth-child(odd):last-child{grid-column:span 2}.stat-icon{width:40px!important;height:40px!important;font-size:1.2rem!important}.news-grid,.features-grid{grid-template-columns:1fr 1fr!important;gap:.75rem!important}.news-card,.feature-card{padding:1rem!important;min-height:auto!important;text-align:center!important;align-items:center!important;display:flex!important;flex-direction:column!important;justify-content:center!important}.news-grid .news-card:nth-child(odd):last-child,.features-grid .feature-card:nth-child(odd):last-child{grid-column:span 2}.feature-icon-lg{font-size:1.75rem!important;margin-bottom:.5rem!important}.feature-card h2{font-size:1.1rem!important;margin-bottom:.25rem!important}.feature-card p{font-size:.85rem!important;margin-bottom:.75rem!important;line-height:1.3!important}.news-card h3{font-size:1rem!important}.news-card p{font-size:.8rem!important}.home-container{padding:1rem!important;gap:1rem!important}.home-hero{padding:2rem 1.5rem!important;min-height:auto!important;text-align:center;margin-bottom:0!important;border-radius:24px!important}.home-hero h1{font-size:2rem!important;line-height:1.2!important;margin-bottom:.5rem!important}.home-hero p{font-size:1rem!important;opacity:.8;margin-bottom:0rem}.dashboard-row{gap:1rem!important}.daily-card{padding:1rem!important;min-height:auto!important;text-align:center;border-radius:24px!important}.daily-content div[style]{font-size:2rem!important;margin-bottom:.25rem!important}.daily-content h2{font-size:1.2rem!important;margin-bottom:.25rem!important}.daily-content p{font-size:.85rem!important;margin-bottom:.5rem!important}.daily-btn{margin-top:0!important;padding:.6rem 1rem!important;font-size:.9rem!important;width:100%!important;border-radius:16px!important}.daily-countdown{font-size:1.4rem!important;margin-top:.25rem!important}.stats-grid{grid-template-columns:1fr 1fr!important;gap:.75rem!important}.stat-card:first-child{grid-column:1 / -1!important}.stat-card:last-child{grid-column:auto!important}.stat-card{padding:1rem!important;min-height:auto!important;border-radius:20px!important;align-items:center!important;text-align:center!important}.stat-header{justify-content:center!important;margin-bottom:.25rem!important}.stat-value{font-size:1.5rem!important}.stat-sub{font-size:.8rem!important}.features-grid{grid-template-columns:1fr!important;gap:.75rem!important}.feature-card{grid-column:auto!important;padding:1rem!important;min-height:auto!important;text-align:center!important;align-items:center!important;border-radius:20px!important;flex-direction:row!important;justify-content:space-between!important;gap:1rem!important}.features-grid .feature-card:nth-child(odd):last-child{grid-column:auto!important}.feature-card p{display:none!important}.feature-card>div{display:flex;align-items:center;gap:1rem;text-align:left}.feature-icon-lg{font-size:1.5rem!important;margin-bottom:0!important}.feature-card h2{font-size:1.1rem!important;margin-bottom:0!important}.feature-link{width:auto!important;padding:.5rem 1rem!important;background:#ffffff1a;border-radius:12px;margin-top:0!important;font-size:.9rem!important}.news-section{margin-top:.5rem!important}.news-header h2{font-size:1.3rem!important;text-align:center;width:100%}.news-grid{gap:1rem!important}.news-card{padding:1.25rem!important;border-radius:20px!important;text-align:left!important;align-items:flex-start!important}}@media(max-width:600px){.stats-grid{grid-template-columns:1fr 1fr!important}.stat-card:first-child{grid-column:1 / -1!important}.stat-card:last-child{grid-column:auto!important}.features-grid{grid-template-columns:1fr!important}.feature-card{grid-column:auto!important;flex-direction:row!important;justify-content:space-between!important;padding:1rem!important;min-height:84px!important;align-items:center!important}.feature-card p{display:none!important}.feature-card>div{display:flex;align-items:center;gap:1rem}.feature-icon-lg{font-size:1.5rem!important;margin-bottom:0!important}.feature-card h2{font-size:1.1rem!important;margin-bottom:0!important}.feature-link{min-width:140px!important;text-align:center!important;justify-content:center!important;margin-top:0!important}}@media(max-width:360px){.feature-card{padding:.75rem!important;gap:.5rem!important}.feature-link{min-width:auto!important;padding:.5rem .75rem!important;font-size:.85rem!important}.feature-icon-lg{font-size:1.25rem!important}}@media(max-width:600px){.superfan-page-wrapper{width:calc(100% + 1rem)!important;padding:1rem}}@media(min-width:760px){.home-container{padding:0 1.5rem!important}.home-hero{margin-top:2rem}.daily-card{flex-direction:column;align-items:flex-start;text-align:left;padding:2rem}.daily-content{align-items:flex-start;text-align:left;width:100%}.daily-btn,.daily-countdown{margin-top:1rem;margin-left:0;width:auto}}@media(max-width:450px){.stat-value{font-size:2rem!important}.profile-banner{height:120px!important}.profile-avatar{width:80px!important;height:80px!important;border-width:3px!important;margin-top:-40px!important}.profile-header-content{padding-top:0!important;margin-top:.5rem!important;text-align:center;flex-direction:column;align-items:center}.profile-avatar-wrapper{margin-bottom:.5rem}.profile-name{font-size:1.5rem!important;justify-content:center}.profile-name-row{justify-content:center}.stats-row{grid-template-columns:1fr!important;gap:.75rem!important}.superfan-hero{padding:1.5rem 1rem!important}.superfan-title{font-size:1.75rem!important}.benefit-card,.step-card{padding:1rem!important}.step-number{width:28px!important;height:28px!important;font-size:.9rem!important}.btn-redeem{padding:.75rem 1rem!important;font-size:.9rem!important}.xp-pill{display:none!important}.mobile-xp-circle{display:flex!important}.balance-pill{padding:.25rem .75rem!important;height:36px!important}.balance-amount{font-size:.85rem!important}.user-pill{padding:.25rem!important;width:36px!important;height:36px!important;border-radius:50%!important;justify-content:center!important}.user-pill .name{display:none!important}.user-pill .avatar{width:28px!important;height:28px!important;margin:0!important}.superfan-icon{display:none!important}.dropdown{right:0!important;width:200px!important;min-width:200px!important;top:calc(100% + .5rem)!important;padding:.5rem!important;border:1px solid rgba(255,255,255,.1)!important;background:#13131afa!important}.dropdown a,.dropdown button{padding:.75rem 1rem!important;font-size:.9rem!important;justify-content:flex-start!important;text-align:left!important}.dropdown-language{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;padding:.5rem!important;gap:0!important}.dropdown-language span{font-size:.85rem!important;margin-bottom:0!important}.lang-buttons{width:auto!important;justify-content:flex-end!important;gap:.5rem!important}.lang-btn{padding:.25rem!important;font-size:1.1rem!important;width:32px!important;height:32px!important;border-radius:6px!important}}.plum-balance{margin-right:1rem;font-weight:600;color:var(--text-2)}.mobile-xp-circle{display:none}.landing-page{min-height:100vh;background:var(--bg-deep);color:#fff;font-family:var(--font-body);position:relative;overflow-x:hidden}.landing-nav{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;position:absolute;top:0;left:0;right:0;z-index:50}.landing-logo{display:flex;align-items:center;gap:.75rem;font-family:var(--font-head);font-weight:800;font-size:1.5rem;color:#fff;letter-spacing:-.02em;text-shadow:0 0 10px rgba(255,255,255,.5),0 0 20px rgba(255,255,255,.3)}.landing-nav-actions{display:flex;align-items:center;gap:1rem}.lang-switcher{display:flex;gap:.5rem;margin-right:1rem;background:#ffffff1a;padding:.25rem;border-radius:20px;border:1px solid rgba(255,255,255,.1)}.lang-switcher button{background:transparent;border:none;cursor:pointer;font-size:1.2rem;padding:.25rem .5rem;border-radius:15px;transition:all .2s;opacity:.5;filter:grayscale(1)}.lang-switcher button:hover{opacity:.8;background:#ffffff0d}.lang-switcher button.active{opacity:1;background:#ffffff1a;filter:grayscale(0);box-shadow:0 2px 5px #0003}.btn-login{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.6rem 1.2rem;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s}.btn-login:hover{background:#fff3}.btn-join{background:#fff;color:#000;padding:.6rem 1.2rem;border-radius:var(--radius-md);font-weight:700;cursor:pointer;transition:all .2s;border:none}.btn-join:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ffffff4d}.landing-hero{min-height:100vh;display:flex;align-items:center;padding:6rem 2rem 2rem;position:relative;background:radial-gradient(circle at 70% 30%,rgba(76,29,149,.4) 0%,transparent 60%),radial-gradient(circle at 20% 80%,rgba(59,130,246,.2) 0%,transparent 50%)}.hero-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;width:100%}.hero-text{width:120%}.hero-title{font-size:4rem;line-height:1.1;font-weight:800;margin-bottom:1.5rem;font-family:var(--font-head);background:linear-gradient(to right,#fff,#c4b5fd);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;width:100%}.hero-subtitle{font-size:1.25rem;color:var(--text-muted);margin-bottom:2.5rem;line-height:1.6}.hero-cta{background:linear-gradient(135deg,#7c3aed,#3b82f6);color:#fff;padding:1rem 2rem;border-radius:var(--radius-md);font-weight:700;font-size:1.1rem;border:none;cursor:pointer;transition:all .3s;box-shadow:0 4px 20px #7c3aed66;display:flex;align-items:center;justify-content:center;text-align:center}.hero-cta:hover{transform:translateY(-2px);box-shadow:0 8px 30px #7c3aed99}.hero-visual{position:relative;display:flex;justify-content:center;align-items:center}.coin-visual{width:400px;height:400px;position:relative;animation:float 6s ease-in-out infinite}.coin-visual img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 50px rgba(124,58,237,.5)) brightness(0) invert(1)}.visual-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);width:600px;height:300px;border:2px solid rgba(124,58,237,.3);border-radius:50%;z-index:-1}.visual-ring:before{content:"";position:absolute;top:-2px;left:50%;width:50%;height:100%;border-top:4px solid #7c3aed;border-radius:50%;filter:drop-shadow(0 0 10px #7c3aed)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@media(max-width:768px){.landing-nav{padding:1rem}.landing-logo{font-size:1.2rem}.landing-hero{padding:5rem 1rem 1rem;min-height:auto;height:100vh;overflow:hidden}.hero-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;height:100%;width:100%}.hero-text{display:contents}.hero-title{order:1;font-size:2rem;margin-bottom:.5rem;text-align:center;width:100%}.hero-subtitle{order:2;font-size:.9rem;margin-bottom:.5rem;text-align:center;width:100%}.hero-visual{order:3;margin:1rem 0}.hero-cta{order:4;width:100%;max-width:280px}.coin-visual{width:180px;height:180px}.visual-ring{width:220px;height:110px}.landing-nav-actions{display:flex}.landing-nav-actions .btn-login,.landing-nav-actions .btn-join{display:none}.lang-switcher{display:flex;margin-right:0}}@media(max-width:380px){.hero-title{font-size:1.75rem}.hero-subtitle{font-size:.85rem;margin-bottom:.25rem}.coin-visual{width:140px;height:140px}.visual-ring{width:180px;height:90px}.hero-content{gap:1rem}.landing-hero{padding-top:4rem}}.sr-container{padding:2rem 1rem;min-height:80vh;display:flex;flex-direction:column;align-items:center;width:100%;box-sizing:border-box;position:relative;background:radial-gradient(circle at 50% 10%,rgba(124,58,237,.15),transparent 40%),radial-gradient(circle at 90% 60%,rgba(59,130,246,.1),transparent 40%)}.sr-width-limit{width:100%;max-width:600px;z-index:2}.sr-header{text-align:center;margin-bottom:2.5rem;animation:fadeInDown .8s cubic-bezier(.2,.8,.2,1)}.sr-title{font-size:2.6rem;font-weight:800;margin-bottom:.5rem;background:linear-gradient(135deg,#fff,#c4b5fd);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em;filter:drop-shadow(0 0 20px rgba(167,139,250,.3))}.sr-subtitle{color:#94a3b8;font-size:1.05rem;font-weight:500;letter-spacing:.01em}.sr-card{background:#0f0f1499;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.08);border-radius:28px;padding:2.5rem;box-shadow:0 40px 90px -20px #000000b3,inset 0 0 0 1px #ffffff0d;position:relative;overflow:visible;transition:transform .4s cubic-bezier(.2,.8,.2,1);z-index:1}.sr-card:hover{box-shadow:0 35px 60px -15px #0009;border-color:#ffffff26}.sr-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(167,139,250,.6),rgba(59,130,246,.6),transparent);border-radius:28px 28px 0 0}.sr-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,rgba(124,58,237,.05) 0%,transparent 70%);pointer-events:none;border-radius:28px;z-index:-1}.sr-search-section{position:relative;margin-bottom:2.25rem;z-index:10}.sr-label{display:block;margin-bottom:.6rem;color:#e2e8f0;font-size:.85rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;opacity:.8}.sr-input-wrapper{position:relative;display:flex;align-items:center}.sr-input{width:100%;background:#0000004d;border:1px solid rgba(255,255,255,.08);padding:1rem 1.15rem;border-radius:16px;color:#fff;font-size:1.05rem;transition:all .3s ease;font-family:inherit;box-shadow:inset 0 2px 4px #0000001a}.sr-input:focus{outline:none;border-color:#a78bfa80;background:#00000080;box-shadow:0 0 0 4px #7c3aed26,inset 0 2px 4px #0003}.sr-input::placeholder{color:#ffffff40;font-size:.95rem}.sr-spinner{position:absolute;right:1.15rem;width:18px;height:18px;border:2px solid rgba(255,255,255,.1);border-top-color:#a78bfa;border-radius:50%;animation:spin .8s linear infinite}.sr-results-container{margin-top:1.25rem;border-radius:18px;overflow:hidden;background:#0000004d;border:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sr-result-item{display:flex;align-items:center;gap:1.15rem;padding:.9rem;cursor:pointer;transition:all .3s ease}.sr-result-item:hover{background:#ffffff0d}.sr-thumb-wrapper{position:relative;width:110px;height:62px;border-radius:10px;overflow:hidden;box-shadow:0 4px 10px #0000004d;flex-shrink:0}.sr-thumb{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s ease}.sr-thumb.loaded{opacity:1}.sr-thumb-loader{position:absolute;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;align-items:center;justify-content:center;z-index:10}.sr-thumb-loader img{width:24px;height:24px;animation:spin 1.5s linear infinite;filter:brightness(0) invert(1) drop-shadow(0 0 5px rgba(255,255,255,.8))}.sr-info{flex:1;min-width:0}.sr-song-title{font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:1.05rem;margin-bottom:.2rem;line-height:1.2}.sr-channel{font-size:.85rem;color:#94a3b8}.sr-select-btn{padding:.55rem 1.15rem;border-radius:11px;background:#a78bfa1a;color:#a78bfa;border:1px solid rgba(167,139,250,.2);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.sr-select-btn:hover{background:#a78bfa;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #a78bfa4d}.sr-form-group{margin-bottom:1.75rem}.sr-submit-btn{width:100%;padding:1.15rem;border-radius:18px;background:linear-gradient(135deg,#7c3aed,#4f46e5);color:#fff;font-weight:800;font-size:1.05rem;border:none;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 30px -10px #7c3aed80,inset 0 1px #fff3;position:relative;overflow:hidden;margin-top:.75rem;letter-spacing:.03em;text-transform:uppercase}.sr-submit-btn:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.5s}.sr-submit-btn:hover{transform:translateY(-4px);box-shadow:0 20px 40px -10px #7c3aed99}.sr-submit-btn:hover:after{left:100%}.sr-submit-btn:active{transform:translateY(-1px)}.sr-submit-btn:disabled{opacity:.7;cursor:not-allowed;filter:grayscale(.5);transform:none}.sr-status{padding:.85rem;border-radius:14px;margin-bottom:1.25rem;text-align:center;font-weight:600;font-size:.95rem;animation:fadeIn .4s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.sr-status.success{background:#10b9811a;color:#34d399;border:1px solid rgba(16,185,129,.2);box-shadow:0 4px 12px #10b9811a}.sr-status.error{background:#ef44441a;color:#f87171;border:1px solid rgba(239,68,68,.2);box-shadow:0 4px 12px #ef44441a}@media(max-width:768px){.sr-container{padding:1.5rem .5rem}.sr-header{margin-bottom:1.75rem}.sr-title{font-size:2rem}.sr-card{padding:1.25rem;border-radius:20px;background:#0f0f14cc}.sr-input{font-size:1rem;padding:.9rem}.sr-result-item{flex-direction:column;align-items:stretch;text-align:center;gap:.85rem;padding:1.15rem;background:#ffffff08;border-radius:14px}.sr-thumb-wrapper{width:100%;height:150px;border-radius:10px}.sr-thumb{border-radius:10px}.sr-info{width:100%}.sr-song-title{font-size:1.15rem;white-space:normal;overflow:visible;margin-bottom:.25rem}.sr-select-btn{width:100%;padding:.85rem;font-size:.95rem;margin-top:.5rem}}.sr-input:focus-visible{outline:none;box-shadow:0 0 0 3px #a78bfa66,0 0 20px #a78bfa33;border-color:#a78bfa}select.sr-input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23a78bfa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1.15rem center;background-size:1.1em;appearance:none;-webkit-appearance:none;padding-right:2.75rem}.sr-dropdown-container{position:relative;width:100%}.sr-dropdown-trigger{width:100%;background:#0000004d;border:1px solid rgba(255,255,255,.08);padding:1rem 1.15rem;border-radius:16px;color:#fff;font-size:1.05rem;transition:all .3s ease;font-family:inherit;box-shadow:inset 0 2px 4px #0000001a;display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none}.sr-dropdown-trigger:hover{background:#ffffff0d;border-color:#a78bfa4d}.sr-dropdown-trigger.active{border-color:#a78bfa80;background:#00000080;box-shadow:0 0 0 4px #7c3aed26,inset 0 2px 4px #0003}.sr-dropdown-arrow{width:20px;height:20px;color:#a78bfa;transition:transform .3s cubic-bezier(.4,0,.2,1)}.sr-dropdown-trigger.active .sr-dropdown-arrow{transform:rotate(180deg)}.sr-dropdown-menu{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:#0f0f14f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:.5rem;z-index:50;box-shadow:0 10px 40px -10px #00000080;overflow:hidden;transform-origin:top center}.sr-dropdown-option{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-radius:10px;cursor:pointer;transition:all .2s ease;color:#e2e8f0;font-size:1rem;font-weight:500}.sr-dropdown-option:hover{background:#a78bfa26;color:#fff;padding-left:1.25rem}.sr-dropdown-option.selected{background:linear-gradient(135deg,#7c3aed33,#3b82f633);color:#a78bfa;border:1px solid rgba(167,139,250,.2)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;filter:blur(4px)}to{opacity:1;filter:blur(0)}}.sr-timer-container{text-align:center;padding:2rem 1rem}.sr-timer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:1.5rem;max-width:500px;margin-left:auto;margin-right:auto}.sr-timer-box{background:#0006;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:1.25rem .5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 30px -5px #0000004d;position:relative;overflow:hidden}.sr-timer-box:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.03) 0%,transparent 100%);pointer-events:none}.sr-timer-val{font-size:2.2rem;font-weight:800;background:linear-gradient(135deg,#fff,#cbd5e1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-variant-numeric:tabular-nums}.sr-timer-label{font-size:.75rem;text-transform:uppercase;color:#94a3b8;margin-top:.5rem;font-weight:700;letter-spacing:.1em;opacity:.8}@media(max-width:550px){.sr-timer-grid{gap:.5rem}.sr-timer-val{font-size:1.75rem}}.as-container{padding:2rem;max-width:1200px;margin:0 auto;animation:fadeIn .5s ease}.as-header{margin-bottom:2rem}.as-title{font-size:2.5rem;font-weight:800;margin-bottom:.5rem;background:linear-gradient(135deg,#fff,#c4b5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.as-subtitle{color:#94a3b8;font-size:1rem}.as-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem}.as-card{background:#0f0f1499;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:1.5rem;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.as-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px -10px #7c3aed4d;border-color:#a78bfa66}.as-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#7c3aed,#3b82f6);opacity:.7}.as-icon{font-size:2rem;margin-bottom:1rem;filter:drop-shadow(0 0 10px rgba(255,255,255,.2))}.as-value{font-size:2.25rem;font-weight:800;color:#fff;line-height:1.1;margin-bottom:.25rem}.as-label{font-size:.9rem;color:#94a3b8;text-transform:uppercase;letter-spacing:1px;font-weight:600}.as-section{background:#0f0f1466;border:1px solid rgba(255,255,255,.05);border-radius:24px;padding:2rem;margin-bottom:2rem}.as-section-title{font-size:1.25rem;color:#fff;margin-bottom:1.5rem;font-weight:700;display:flex;align-items:center;gap:.75rem}.dist-container{display:flex;flex-direction:column;gap:1.25rem}.dist-item{display:flex;flex-direction:column;gap:.5rem}.dist-header{display:flex;justify-content:space-between;font-size:.95rem;color:#e2e8f0}.dist-bar-bg{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.dist-bar-fill{height:100%;background:linear-gradient(90deg,#a78bfa,#818cf8);border-radius:4px;transition:width 1s cubic-bezier(.4,0,.2,1)}.dist-bar-fill.purple{background:linear-gradient(90deg,#c084fc,#a855f7)}.dist-bar-fill.blue{background:linear-gradient(90deg,#60a5fa,#3b82f6)}.dist-bar-fill.gold{background:linear-gradient(90deg,#fbbf24,#d97706)}.dist-bar-fill.green{background:linear-gradient(90deg,#4ade80,#22c55e)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.as-container{padding:1rem}.as-title{font-size:2rem}.as-grid{grid-template-columns:1fr}}.broadcaster-container{display:flex;flex-direction:column;gap:2rem;width:100%;max-width:1400px;margin:0 auto;font-family:Inter,system-ui,sans-serif;color:#e5e7eb}@keyframes niceFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes glowPulse{0%{box-shadow:0 0 5px #7c3aed33}50%{box-shadow:0 0 15px #7c3aed66}to{box-shadow:0 0 5px #7c3aed33}}.broadcaster-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:1rem}.broadcaster-title{font-size:1.75rem;font-weight:800;margin:0;background:linear-gradient(135deg,#fff,#c4b5fd);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 30px rgba(139,92,246,.3)}.broadcaster-grid{display:grid;grid-template-columns:1fr 380px;gap:2rem;animation:niceFadeIn .6s cubic-bezier(.16,1,.3,1)}@media(max-width:1024px){.broadcaster-grid{grid-template-columns:1fr;gap:1.5rem}}@media(max-width:640px){.broadcaster-container{padding:1rem}.panel{padding:1.5rem}.broadcaster-title{font-size:1.5rem}}.panel{background:#111827b3;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.06);border-radius:20px;padding:2rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,inset 0 1px #ffffff0d;transition:all .3s cubic-bezier(.4,0,.2,1)}.panel:hover{border-color:#ffffff1a;box-shadow:0 20px 25px -5px #0003,0 10px 10px -5px #0000001a,inset 0 1px #ffffff0d}.panel-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:#9ca3af;margin:0 0 1.5rem;font-weight:700;display:flex;align-items:center;gap:.5rem}.panel-title:before{content:"";display:block;width:4px;height:4px;background:#a78bfa;border-radius:50%;box-shadow:0 0 8px #a78bfa}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-size:.8rem;color:#d1d5db;margin-bottom:.6rem;font-weight:500;letter-spacing:.02em}.input-field,.textarea-field,.select-field{width:100%;padding:1rem 1.25rem;background:#0000004d;border:1px solid rgba(255,255,255,.08);border-radius:12px;color:#fff;font-size:.95rem;transition:all .2s cubic-bezier(.4,0,.2,1);outline:none;font-family:inherit}.input-field::placeholder,.textarea-field::placeholder{color:#4b5563}.input-field:focus,.textarea-field:focus,.select-field:focus{border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf626;background:#00000080}.textarea-field{min-height:160px;resize:vertical;line-height:1.6}.color-picker-wrapper{display:flex;align-items:center;gap:.5rem;background:#0000004d;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:.4rem;cursor:pointer}.color-picker-wrapper:focus-within{border-color:#8b5cf6}.color-input{border:none;background:none;width:100%;height:32px;cursor:pointer;border-radius:8px}.tabs-container{display:flex;gap:.75rem;overflow-x:auto;padding-bottom:.5rem;margin-bottom:1.5rem;scrollbar-width:none}.tabs-container::-webkit-scrollbar{display:none}.tab-btn{padding:.6rem 1.25rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);color:#9ca3af;border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s;min-width:48px;text-align:center}.tab-btn:hover{background:#ffffff14;color:#fff}.tab-btn.active{background:#7c3aed26;color:#c4b5fd;border-color:#7c3aed80;box-shadow:0 0 15px #7c3aed1a}.tab-btn.empty-tab:after{content:"";display:inline-block;width:6px;height:6px;background:#ef4444;border-radius:50%;margin-left:6px;transform:translateY(-1px)}.btn-primary{width:100%;padding:1.1rem;background:linear-gradient(135deg,#10b981,#047857);color:#fff;border:none;border-radius:14px;font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;justify-content:center;align-items:center;gap:.75rem;box-shadow:0 10px 20px -5px #10b98166;position:relative;overflow:hidden}.btn-primary:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(rgba(255,255,255,.2),transparent);opacity:0;transition:opacity .2s}.btn-primary:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 15px 30px -5px #10b98180}.btn-primary:hover:after{opacity:1}.btn-primary:active:not(:disabled){transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.8)}.btn-secondary{padding:.6rem 1.2rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#e5e7eb;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3}.btn-generate{background:linear-gradient(135deg,#6366f1,#4338ca);color:#fff;border:none;padding:.5rem 1rem;border-radius:10px;font-weight:600;font-size:.9rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 10px #6366f14d;transition:all .2s}.btn-generate:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 15px #6366f166}.embed-preview{background:#2f3136;border-radius:8px;padding:1rem;font-family:Whitney,Helvetica Neue,Helvetica,Arial,sans-serif;box-shadow:0 4px 6px -1px #0003;margin-bottom:2rem;border-left-width:4px;border-left-style:solid}.embed-preview-title{color:#fff;font-weight:600;font-size:1rem;margin-bottom:.5rem;line-height:1.2}.embed-preview-desc{color:#dcddde;font-size:.875rem;line-height:1.375rem;white-space:pre-wrap}.mode-selector{display:flex;flex-direction:column;gap:.75rem}.mode-option{display:flex;align-items:center;padding:1rem;border-radius:12px;border:1px solid rgba(255,255,255,.05);cursor:pointer;transition:all .2s;background:#0003}.mode-option:hover{background:#ffffff0d}.mode-option.selected{background:#7c3aed1a;border-color:#7c3aed;box-shadow:0 0 15px #7c3aed1a}.radio-circle{width:1.25rem;height:1.25rem;border-radius:50%;border:2px solid #6b7280;margin-right:1rem;position:relative;flex-shrink:0;transition:all .2s}.mode-option.selected .radio-circle{border-color:#a78bfa;box-shadow:0 0 10px #a78bfa66}.mode-option.selected .radio-circle:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.65rem;height:.65rem;background:#a78bfa;border-radius:50%}.settings-modal-backdrop{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:50;animation:fadeIn .3s ease-out}.settings-modal{background:#111827;border:1px solid #374151;border-radius:24px;width:90%;max-width:800px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d;animation:scaleIn .3s cubic-bezier(.16,1,.3,1);overflow:hidden}.settings-header{padding:1.5rem 2rem;border-bottom:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center;background:#ffffff05}.settings-body{padding:2rem;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#4b5563 #1f2937}.accordion-item{border:1px solid rgba(255,255,255,.05);border-radius:12px;margin-bottom:.75rem;overflow:hidden;background:#1f293766;transition:background .2s}.accordion-trigger{width:100%;padding:1.25rem;background:transparent;color:#fff;border:none;text-align:left;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:.95rem}.accordion-trigger:hover{background:#ffffff08}.accordion-content{background:#0000004d;padding:1.5rem;border-top:1px solid rgba(255,255,255,.05);animation:slideUpFade .3s cubic-bezier(.16,1,.3,1)}.channel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#4b5563;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#6b7280}.history-list{display:flex;flex-direction:column;gap:1rem}.history-item{background:#ffffff08;border-radius:16px;padding:1.5rem;border:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.history-item:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.03),transparent);transform:translate(-100%);transition:transform .5s}.history-item:hover{background:#ffffff0d;border-color:#ffffff1a;transform:translateY(-2px);box-shadow:0 10px 20px -5px #0003}.history-item:hover:before{transform:translate(100%)}.history-info{flex:1;min-width:0;margin-right:1.5rem}.history-title{font-weight:700;color:#fff;font-size:1.1rem;margin-bottom:.25rem}.history-meta{display:flex;gap:.75rem;font-size:.8rem;color:#9ca3af;align-items:center;margin-bottom:.5rem}.history-pill{background:#ffffff14;padding:.1rem .5rem;border-radius:6px;font-size:.7rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.history-desc{font-size:.9rem;color:#d1d5db;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.8}.history-actions{display:flex;gap:.75rem}.view-toggle{background:#0006;padding:4px;border-radius:10px;display:flex;gap:2px;border:1px solid rgba(255,255,255,.05)}.toggle-btn{font-size:.85rem;padding:.5rem 1.25rem;border-radius:8px;border:none;background:transparent;color:#9ca3af;cursor:pointer;font-weight:500;transition:all .2s}.toggle-btn:hover{color:#e5e7eb}.toggle-btn.active{background:#ffffff1a;color:#fff;font-weight:600;box-shadow:0 2px 4px #0000001a}.upload-btn-label{display:flex;align-items:center;justify-content:center;cursor:pointer;min-width:52px;height:52px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);transition:all .2s}.upload-btn-label:hover{background:#ffffff1a;border-color:#a78bfa}.settings-body .channel-label{font-size:.7rem;color:#9ca3af;display:block;margin-bottom:.3rem;font-weight:600;letter-spacing:.05em}.settings-footer{padding:1.5rem;border-top:1px solid rgba(255,255,255,.05);display:flex;justify-content:flex-end;gap:1rem;background:#11182799;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media(max-width:640px){.history-item{flex-direction:column;align-items:flex-start;gap:1rem}.history-actions{width:100%;justify-content:flex-end;border-top:1px solid rgba(255,255,255,.05);padding-top:1rem}}