:root{--color-bg-dark:#02040a;--color-bg-card:#0a192d66;--color-bg-elevated:#14284680;--color-bg-hover:#1e3c6499;--color-primary:#9147ff;--color-primary-dark:#7b2ff2;--color-primary-light:#a970ff;--color-secondary:#9147ff;--color-secondary-dark:#7b2ff2;--color-accent:#ff6b6b;--color-accent-dark:#ee5a5a;--color-success:#22c55e;--color-success-light:#4ade80;--color-success-dark:#16a34a;--color-info:#3b82f6;--color-info-light:#60a5fa;--color-warning:#f59e0b;--color-warning-light:#fbbf24;--color-danger:#ef4444;--color-danger-light:#f87171;--color-rarity-rare:#eab308;--color-rarity-epic:#a855f7;--color-rarity-legendary:#fbbf24;--color-rarity-mythic:#06b6d4;--glow-rare:0 0 15px #eab30899;--glow-epic:0 0 18px #a855f799;--glow-legendary:0 0 25px #fbbf24b3,0 0 50px #fbbf244d;--glow-mythic:0 0 20px #06b6d4b3,0 0 40px #06b6d466;--color-text-primary:#efeff1;--color-text-secondary:#c5c5d0;--color-text-muted:#9e9eb0;--color-border:#ffffff14;--color-border-light:#ffffff26;--glass-bg:#0a142899;--glass-border:1px solid #ffffff14;--glass-shadow:0 8px 32px 0 #00000080;--glass-blur:blur(12px);--shadow-glow:0 0 20px #9147ff66,0 0 40px #9147ff33;--shadow-neon-purple:0 0 15px #9147ff66;--shadow-neon-green:0 0 15px #22c55e80;--shadow-neon-gold:0 0 20px #fbbf2499;--shadow-neon-cyan:0 0 20px #06b6d480;--font-primary:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-display:"Space Grotesk",var(--font-primary);--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px #0006;--shadow-lg:0 10px 15px #00000080;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.35s ease;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal:400;--z-tooltip:500;--header-height:50px}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg-dark);overflow-x:hidden}body{font-family:var(--font-primary);font-size:var(--text-base);color:var(--color-text-primary);background-color:var(--color-bg-dark);max-width:100vw;line-height:1.6;overflow-x:hidden}ul,ol{list-style:none}img,picture,video,canvas,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}input,textarea,select{font:inherit}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--color-text-primary);font-weight:700;line-height:1.2}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}p{color:var(--color-text-secondary)}.text-gradient{background:linear-gradient(135deg,var(--color-primary)0%,var(--color-primary-light)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.container{width:100%;max-width:1200px;margin:0 auto;padding:0}@media (min-width:480px){.container{padding:0 var(--space-4)}}section{padding:0}.about-page section{padding:var(--space-12)0;width:100%}.about-page section:first-child{padding-top:var(--space-8)}.about-page section>.container{padding-left:var(--space-4);padding-right:var(--space-4)}@media (min-width:768px){.about-page section{padding:var(--space-16)0}.about-page section>.container{padding-left:var(--space-8);padding-right:var(--space-8)}}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-5);font-family:var(--font-primary);font-size:var(--text-sm);white-space:nowrap;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;border:2px solid #0000;font-weight:600;line-height:1;display:inline-flex}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-dark);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{border-color:var(--color-border-light);color:var(--color-text-primary);background-color:#0000}.btn-secondary:hover{background-color:var(--color-bg-elevated);border-color:var(--color-primary)}.btn-ghost{color:var(--color-text-secondary);background-color:#0000}.btn-ghost:hover{color:var(--color-text-primary);background-color:var(--color-bg-hover)}.btn-lg{padding:var(--space-4)var(--space-8);font-size:var(--text-base)}.info-btn{width:28px;height:28px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:color .2s;display:flex}.info-btn:hover,.info-btn:focus{color:var(--color-text-secondary)}.avatar{border-radius:var(--radius-full);object-fit:cover;flex-shrink:0;display:block}.avatar--xs{width:24px;height:24px}.avatar--sm{width:32px;height:32px}.avatar--header{width:36px;height:36px}.avatar--md{width:40px;height:40px}.avatar--lg{width:48px;height:48px}.avatar--xl{width:64px;height:64px}.avatar--bordered{border:2px solid var(--color-primary)}.avatar--bordered-thick{border:3px solid var(--color-primary)}.skeleton{background:var(--color-bg-elevated);border-radius:var(--radius-sm);animation:1.5s ease-in-out infinite skeleton-pulse}.skeleton--text{width:100%;height:1em}.skeleton--text-sm{width:60%;height:.875em}.skeleton--avatar{border-radius:var(--radius-full)}.skeleton--thumbnail{aspect-ratio:16/9;border-radius:var(--radius-md)}.skeleton--line{height:12px;margin-bottom:var(--space-2)}.skeleton--line:last-child{margin-bottom:0}.trust-score{align-items:center;gap:8px;display:flex}.trust-score__bar{background:var(--color-bg-elevated);border-radius:4px;width:64px;height:8px;overflow:hidden}.trust-score__fill{height:100%;transition:all .3s}.trust-score__fill--danger{background:#ef4444}.trust-score__fill--warning{background:#f97316}.trust-score__fill--caution{background:#eab308}.trust-score__fill--good{background:#22c55e}.trust-score__value{font-size:var(--text-xs);color:var(--color-text-muted)}.status-badge{font-size:var(--text-xs);border-radius:12px;padding:2px 8px}.status-badge--restricted{color:#ef4444;background:#ef444433}.status-badge--flagged{color:#f97316;background:#f9731633}.status-badge--ok{color:#22c55e;background:#22c55e33}.mod-viewer-card{padding:var(--space-4);background:var(--color-bg-elevated);border-radius:var(--radius-md);border:1px solid var(--color-border)}.mod-viewer-card--restricted{background:#ef44440d}.mod-viewer-card__content{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.mod-viewer-card__user{align-items:center;gap:var(--space-3);display:flex}.mod-viewer-card__info-row{align-items:center;gap:var(--space-2);display:flex}.mod-viewer-card__meta{align-items:center;gap:var(--space-4);font-size:var(--text-xs);color:var(--color-text-muted);margin-top:4px;display:flex}.mod-viewer-card__stats{align-items:center;gap:var(--space-6);font-size:var(--text-sm);display:flex}.mod-viewer-card__stat{text-align:center}.mod-viewer-card__stat-value{font-weight:500}.mod-viewer-card__stat-value--danger{color:#ef4444}.mod-viewer-card__stat-value--warning{color:#f97316}.mod-viewer-card__stat-label{font-size:var(--text-xs);color:var(--color-text-muted)}.mod-viewer-card__actions{gap:var(--space-2);display:flex}.mod-list{gap:var(--space-2);flex-direction:column;display:flex}.mod-filters{gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.mod-filters__buttons{gap:var(--space-2);display:flex}.mod-filters__search{flex:1;min-width:200px}.avatar-placeholder{background:var(--color-bg-card);color:var(--color-text-muted);border-radius:var(--radius-full);justify-content:center;align-items:center;display:flex}.mod-restriction-box{margin-top:var(--space-3);padding:var(--space-3);border-radius:var(--radius-sm);background:#ef44441a;border:1px solid #ef444433}.mod-restriction-box__reason{font-size:var(--text-sm);color:#ef4444}.mod-restriction-box__meta{font-size:var(--text-xs);color:#ef4444b3;margin-top:4px}.modal-viewer-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);display:flex}.booking-card{padding:var(--space-3);background:var(--color-bg-elevated);border-radius:var(--radius-md);border:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.booking-card__date{font-weight:500}.booking-card__slot{color:var(--color-text-secondary);align-items:center;gap:4px;display:flex}.booking-card__cost{color:var(--color-text-muted)}.price-card{padding:var(--space-3);background:var(--color-bg-elevated);border-radius:var(--radius-md);border:1px solid var(--color-border);text-align:center}.price-card__slot{justify-content:center;align-items:center;gap:4px;margin-bottom:4px;display:flex}.price-card__amount{color:var(--color-primary);font-weight:600}.calendar-day{background:var(--color-bg-elevated);border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow:hidden}.calendar-day__header{padding:var(--space-3);background:var(--color-bg-card);border-bottom:1px solid var(--color-border);text-align:center}.calendar-day__name{font-weight:600;display:block}.calendar-day__date{font-size:var(--text-sm);color:var(--color-text-muted)}.calendar-day__slots{padding:var(--space-3);gap:var(--space-2);flex-direction:column;display:flex}.slot-card{padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);cursor:pointer;transition:all var(--transition-fast)}.slot-card--available{background:#22c55e0d;border-color:#22c55e4d}.slot-card--available:hover{background:#22c55e1a;border-color:#22c55e}.slot-card--booked{background:var(--color-bg-card);opacity:.7;cursor:default}.slot-card--mine{border-color:var(--color-primary);background:#9147ff1a}.slot-card__header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.slot-card__name{font-size:var(--text-sm);align-items:center;gap:4px;display:flex}.slot-card__price{font-size:var(--text-xs);color:var(--color-text-muted)}.slot-card__status{font-size:var(--text-xs)}.info-grid{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:1fr 1fr;display:grid}.info-grid__item{padding:var(--space-3);background:var(--color-bg-elevated);border-radius:var(--radius-md)}.info-grid__label{font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:4px}.btn-block{width:100%}.btn-icon{width:1.25em;height:1.25em}.header{z-index:var(--z-fixed);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:transform var(--transition-base),background-color var(--transition-base),box-shadow var(--transition-base);background:#02040acc;border-bottom:1px solid #ffffff0d;position:fixed;top:0;left:0;right:0}.header .container{height:var(--header-height);max-width:100%;padding:0 var(--space-6);position:relative}.header-container{justify-content:space-between;align-items:center;display:flex}.header-left{align-items:center;gap:var(--space-4);display:flex}.header-center{width:100%;max-width:400px;position:absolute;left:50%;transform:translate(-50%)}.header-right{align-items:center;gap:var(--space-3);display:flex}.logo{align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:var(--text-lg);z-index:20;font-weight:700;display:flex}.logo-icon{color:var(--color-primary);font-size:1.3em}.logo-highlight{color:var(--color-primary)}.nav{align-items:center;gap:var(--space-1);display:flex}.nav-link{padding:var(--space-2)var(--space-3);color:var(--color-text-primary);font-size:var(--text-sm);transition:color var(--transition-fast);border-radius:var(--radius-md);font-weight:500}.nav-link:hover{color:var(--color-text-primary);background-color:#ffffff0d}.header-actions{align-items:center;gap:var(--space-3);display:flex}.header-search-toggle{width:36px;height:36px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:color .2s;display:none}.header-search-toggle:hover{color:var(--color-text-primary)}.mobile-search-overlay{z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:var(--space-4);background:#0a0a0afa;position:fixed;top:0;left:0;right:0}.mobile-search-header{align-items:center;gap:var(--space-3);display:flex}.mobile-search-header .global-search{flex:1}.mobile-search-close{width:44px;height:44px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.global-search{width:100%;position:relative}.global-search__input-wrapper{align-items:center;display:flex;position:relative}.global-search__icon{left:var(--space-3);color:var(--color-text-muted);pointer-events:none;position:absolute}.global-search__input{width:100%;padding:var(--space-2)var(--space-4)var(--space-2)var(--space-10);border-radius:var(--radius-full);font-size:var(--text-sm);transition:all .2s;color:var(--color-text-primary)!important;background:#ffffff0d!important;border:1px solid #ffffff1a!important}.global-search__input::placeholder{color:var(--color-text-muted)}.global-search__input:focus{outline:none;border-color:var(--color-primary)!important;background:#ffffff14!important;box-shadow:0 0 0 3px #9147ff26!important}.global-search__clear{right:var(--space-3);padding:var(--space-1);color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-full);background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute}.global-search__clear:hover{color:var(--color-text-primary);background:#ffffff1a}.global-search__suggestions{top:calc(100% + var(--space-2));border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#18181bfa;border:1px solid #ffffff1a;position:absolute;left:0;right:0;overflow:hidden}.global-search__suggestion{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3)var(--space-4);text-align:left;cursor:pointer;background:0 0;border:none;transition:background .15s;display:flex}.global-search__suggestion:hover,.global-search__suggestion.is-selected{background:#9147ff1a}.global-search__suggestion-icon{border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-text-muted);background:#ffffff0d;flex-shrink:0;justify-content:center;align-items:center;display:flex}.global-search__suggestion-icon--streamer{color:var(--color-primary);background:#9147ff33}.global-search__suggestion-icon--category{color:orange;background:#ffa50033}.global-search__suggestion-icon--tag{color:#22c55e;background:#22c55e33}.global-search__suggestion-avatar{object-fit:cover;border-radius:var(--radius-md);width:100%;height:100%}.global-search__suggestion-content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.global-search__suggestion-label{font-size:var(--text-sm);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.global-search__suggestion-sublabel{font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.global-search__suggestion-type{font-size:var(--text-xs);border-radius:var(--radius-full);flex-shrink:0;padding:2px 8px;font-weight:500}.global-search__suggestion-type--streamer{color:var(--color-primary);background:#9147ff33}.global-search__suggestion-type--category{color:orange;background:#ffa50033}.global-search__suggestion-type--tag{color:#22c55e;background:#22c55e33}.global-search__no-results{padding:var(--space-4);text-align:center;color:var(--color-text-muted);font-size:var(--text-sm)}.global-search__loading{padding:var(--space-4);justify-content:center;align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--text-sm);display:flex}.global-search__loading svg{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.global-search--mobile .global-search__input{font-size:var(--text-base);padding:var(--space-3)var(--space-4)var(--space-3)var(--space-10)}.global-search--mobile .global-search__suggestions{top:72px;left:var(--space-4);right:var(--space-4);max-height:calc(100vh - 100px);position:fixed;overflow-y:auto}.menu-toggle{padding:var(--space-2);z-index:20;flex-direction:column;gap:5px;display:none}.menu-bar{background-color:var(--color-text-primary);border-radius:var(--radius-full);width:24px;height:2px;transition:all var(--transition-fast);display:block}.header.open .menu-bar:first-child{transform:translateY(7px)rotate(45deg)}.header.open .menu-bar:nth-child(2){opacity:0}.header.open .menu-bar:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-menu{display:none}@media (max-width:1200px){.header-center{max-width:320px}}@media (max-width:1100px){.header-center{max-width:280px}}.header.scrolled{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-md);background:#02040af2}.header.hidden{transform:translateY(-100%)}.mobile-only{display:none!important}@media (max-width:991px){.desktop-only{display:none!important}.mobile-only{display:flex!important}.header-search-toggle,.menu-toggle{display:flex}.mobile-menu{background-color:var(--color-bg-dark);z-index:15;height:100vh;padding-top:calc(var(--header-height) + var(--space-4));overscroll-behavior:contain;opacity:0;visibility:hidden;transition:all var(--transition-base);display:block;position:fixed;inset:0;overflow:hidden;transform:translateY(-20px)}.mobile-menu.open{opacity:1;visibility:visible;transform:translateY(0)}.mobile-menu-content{padding:var(--space-6);padding-bottom:calc(var(--space-6) + 90px);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;height:100%;display:flex;overflow-y:auto}.mobile-nav{gap:var(--space-2);margin-bottom:var(--space-8);flex-direction:column;display:flex}.mobile-nav-link{align-items:center;gap:var(--space-3);padding:var(--space-4);font-size:var(--text-lg);color:var(--color-text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast);background-color:#ffffff08;font-weight:600;display:flex}.mobile-nav-link:hover,.mobile-nav-link:active{background-color:var(--color-bg-elevated);color:var(--color-primary);transform:translate(4px)}.mobile-actions{padding-top:var(--space-6);border-top:1px solid var(--color-border);gap:var(--space-4);flex-direction:column;margin-top:auto;display:flex}.mobile-user-menu{gap:var(--space-6);flex-direction:column;display:flex}.mobile-user-info{align-items:center;gap:var(--space-4);padding:var(--space-4);background-color:var(--color-bg-elevated);border-radius:var(--radius-lg);border:1px solid var(--color-border);display:flex}.mobile-user-links{gap:var(--space-2);flex-direction:column;display:flex}.mobile-nav-link.text-danger{color:#ef4444;background-color:#ef44441a}}.hero-back-button{margin-bottom:var(--space-2);grid-column:1/-1}.hero{padding-top:calc(var(--header-height) + var(--space-12));padding-bottom:var(--space-16);align-items:center;min-height:100vh;display:flex}.hero .container{row-gap:var(--space-4);column-gap:var(--space-12);display:grid}.hero-content{text-align:center}.badge{padding:var(--space-2)var(--space-4);background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-6);display:inline-block}.hero-title{font-size:var(--text-4xl);margin-bottom:var(--space-6)}.hero-subtitle{font-size:var(--text-lg);max-width:600px;margin:0 auto var(--space-8)}.hero-cta{gap:var(--space-4);margin-bottom:var(--space-12);flex-direction:column;display:flex}.hero-stats{justify-content:center;gap:var(--space-8);flex-wrap:wrap;display:flex}.stat{text-align:center}.stat-number{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-primary);font-weight:700;display:block}.hero-image{display:none}.hero-image-placeholder{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-16);text-align:center}.hero-image-placeholder span{margin-bottom:var(--space-4);font-size:4rem;display:block}.hero-image-placeholder p{color:var(--color-text-muted)}.features{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d}.section-header{text-align:center;max-width:600px;margin:0 auto var(--space-4);flex-direction:column;align-items:center;display:flex}.section-badge{padding:var(--space-1)var(--space-3);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--color-primary);margin-bottom:var(--space-4);background-color:#9147ff1a;border:1px solid #9147ff4d;display:inline-block}.section-title{margin-bottom:var(--space-4);width:100%}.section-subtitle{color:var(--color-text-secondary);width:100%;margin-bottom:var(--space-2)}.features-grid{gap:var(--space-6);justify-content:center;display:grid}.feature-card{-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--transition-base);background:#ffffff08;border:1px solid #ffffff0d;box-shadow:0 4px 30px #0000001a}.feature-card:hover{background:#ffffff0d;border-color:#9147ff4d;transform:translateY(-4px);box-shadow:0 10px 40px #0003,0 0 20px #9147ff1a}.feature-card:before{content:"";border-radius:inherit;background:radial-gradient(circle at var(--mouse-x,50%)var(--mouse-y,50%),#9147ff1a 0%,transparent 60%);opacity:0;transition:opacity var(--transition-base);pointer-events:none;z-index:1;position:absolute;inset:0}.feature-card:after{content:"";opacity:.5;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);height:1px;position:absolute;top:0;left:0;right:0}.feature-card:hover:before{opacity:1}.feature-card{position:relative;overflow:hidden}.feature-icon{margin-bottom:var(--space-4);font-size:2.5rem}.feature-title{margin-bottom:var(--space-2)}.feature-description{font-size:var(--text-sm)}.mission-section{padding:var(--space-20)0;background:0 0;position:relative}.mission-section:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 30%,#9147ff14,#0000 50%),radial-gradient(circle at 80% 70%,#3b82f60f,#0000 50%);position:absolute;inset:0}.mission-header{text-align:center;max-width:800px;margin:0 auto var(--space-12)}.mission-intro{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:1.8}.mission-intro strong{color:var(--color-text-primary)}.mission-story{background:var(--color-bg-card);border-radius:var(--radius-xl);padding:var(--space-8);margin-bottom:var(--space-12);border:1px solid #ffffff14;position:relative;overflow:hidden}.mission-story:before{content:"";background:linear-gradient(90deg,var(--color-primary),var(--color-info),var(--color-primary));height:3px;position:absolute;top:0;left:0;right:0}.mission-story-content h3{color:var(--color-text-primary);margin-bottom:var(--space-4);font-size:var(--text-xl)}.mission-story-content p{color:var(--color-text-secondary);margin-bottom:var(--space-4);line-height:1.8}.mission-story-content p:last-child{margin-bottom:0}.mission-story-content strong{color:var(--color-primary-light)}.quest-system-section{padding:var(--space-20)0;background:#0000004d;border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d;position:relative}.quest-system-section:before{content:"";pointer-events:none;background:radial-gradient(circle at 30% 70%,#22c55e0d,#0000 50%),radial-gradient(circle at 70% 30%,#9147ff14,#0000 50%);position:absolute;inset:0}.quest-showcase{gap:var(--space-8);margin-bottom:var(--space-12);grid-template-columns:auto 1fr;align-items:start;display:grid}.quest-types-grid{gap:var(--space-3);flex-direction:column;display:flex}.quest-type-card{align-items:center;gap:var(--space-3);padding:var(--space-4)var(--space-5);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);background:#ffffff08;border:1px solid #ffffff14;min-width:160px;display:flex}.quest-type-card:hover{background:#ffffff0f}.quest-type-card.active{background:rgba(var(--quest-color),.15);border-color:var(--quest-color);box-shadow:0 0 20px rgba(var(--quest-color),.2);background:color-mix(in srgb,var(--quest-color)15%,transparent);border-color:var(--quest-color)}.quest-type-icon{color:var(--quest-color,var(--color-text-secondary));transition:color var(--transition-base)}.quest-type-card.active .quest-type-icon{color:var(--quest-color)}.quest-type-name{color:var(--color-text-secondary);transition:color var(--transition-base);font-weight:600}.quest-type-card.active .quest-type-name{color:var(--color-text-primary)}.quest-detail-card{background:var(--color-bg-card);border-radius:var(--radius-xl);padding:var(--space-8);border:1px solid #ffffff14;position:relative;overflow:hidden}.quest-detail-card:before{content:"";background:var(--quest-color);height:4px;position:absolute;top:0;left:0;right:0}.quest-detail-header{align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.quest-detail-icon{background:color-mix(in srgb,var(--quest-color)20%,transparent);border-radius:var(--radius-lg);width:60px;height:60px;color:var(--quest-color);justify-content:center;align-items:center;display:flex}.quest-detail-header h3{font-size:var(--text-xl);color:var(--color-text-primary);margin-bottom:var(--space-1)}.quest-detail-header p{color:var(--color-text-muted)}.quest-detail-body{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.quest-detail-example,.quest-detail-reward{border-radius:var(--radius-md);padding:var(--space-4);background:#ffffff08}.quest-detail-example .label,.quest-detail-reward .label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2);display:block}.quest-detail-example .value,.quest-detail-reward .value{color:var(--color-text-primary);font-weight:600}.quest-detail-reward .value.reward{align-items:center;gap:var(--space-2);color:var(--color-success);display:flex}.quest-detail-bonus{align-items:center;gap:var(--space-2);margin-top:var(--space-4);padding:var(--space-3)var(--space-4);border-radius:var(--radius-md);color:var(--color-primary-light);font-size:var(--text-sm);background:#9147ff1a;border:1px solid #9147ff4d;display:flex}.quest-flow{margin-bottom:var(--space-12)}.quest-flow-title{text-align:center;font-size:var(--text-2xl);margin-bottom:var(--space-8);color:var(--color-text-primary)}.quest-flow-steps{justify-content:center;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.flow-step{align-items:flex-start;gap:var(--space-4);border-radius:var(--radius-lg);padding:var(--space-5);background:#ffffff08;border:1px solid #ffffff0f;flex:1;min-width:200px;max-width:280px;display:flex}.flow-step-number{background:var(--color-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-weight:700;display:flex}.flow-step-content h4{color:var(--color-text-primary);margin-bottom:var(--space-1);font-size:var(--text-base)}.flow-step-content p{color:var(--color-text-muted);font-size:var(--text-sm);line-height:1.5}.flow-arrow{color:var(--color-text-muted);flex-shrink:0}.game-features-title{text-align:center;font-size:var(--text-2xl);margin-bottom:var(--space-8);color:var(--color-text-primary)}.game-features-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.game-feature-card{gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-lg);transition:all var(--transition-base);background:#ffffff05;border:1px solid #ffffff0d;display:flex}.game-feature-card:hover{background:#ffffff0a;border-color:#9147ff33}.game-feature-icon{border-radius:var(--radius-md);width:48px;height:48px;color:var(--color-primary);background:#9147ff1a;flex-shrink:0;justify-content:center;align-items:center;display:flex}.game-feature-content h4{color:var(--color-text-primary);margin-bottom:var(--space-1);font-size:var(--text-base)}.game-feature-content p{color:var(--color-text-muted);font-size:var(--text-sm);line-height:1.5}@media (max-width:768px){.quest-showcase{grid-template-columns:1fr}.quest-types-grid{flex-flow:wrap;justify-content:center}.quest-type-card{flex:1;justify-content:center;min-width:auto}.quest-type-name{display:none}.quest-detail-body{grid-template-columns:1fr}.quest-flow-steps{flex-direction:column}.flow-arrow{transform:rotate(90deg)}.flow-step{max-width:100%}}.how-it-works{background:0 0;position:relative}.how-it-works:before{content:"";pointer-events:none;background:radial-gradient(circle,#9147ff0d,#0000 70%);position:absolute;inset:0}.tabs{justify-content:center;gap:var(--space-2);margin-bottom:var(--space-10);display:flex}.tab{padding:var(--space-3)var(--space-6);background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);transition:all var(--transition-fast);font-weight:500}.tab:hover{border-color:var(--color-border-light);color:var(--color-text-primary)}.tab.active{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.tab-content{display:none}.tab-content.active{display:block}.steps{max-width:600px;margin:0 auto}.step{gap:var(--space-6);margin-bottom:var(--space-8);display:flex;position:relative}.step:not(:last-child):after{content:"";background:linear-gradient(to bottom,var(--color-primary),transparent);width:2px;height:calc(100% - 32px);position:absolute;top:56px;left:24px}.step-number{background:var(--color-primary);border-radius:var(--radius-full);width:48px;height:48px;font-family:var(--font-display);font-size:var(--text-xl);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.step-content h3{margin-bottom:var(--space-2)}.step-content p{font-size:var(--text-sm)}.pricing{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d}.pricing-grid{gap:var(--space-6);max-width:800px;margin:0 auto;display:grid}.pricing-card{-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-xl);padding:var(--space-8);transition:all var(--transition-base);background:#ffffff08;border:1px solid #ffffff0d;position:relative;box-shadow:0 4px 30px #0000001a}.pricing-card:hover{background:#ffffff0d;border-color:#9147ff4d;transform:translateY(-4px);box-shadow:0 10px 40px #0003,0 0 20px #9147ff1a}.pricing-card:before{content:"";border-radius:inherit;background:radial-gradient(circle at var(--mouse-x,50%)var(--mouse-y,50%),#9147ff1a 0%,transparent 60%);opacity:0;transition:opacity var(--transition-base);pointer-events:none;z-index:1;position:absolute;inset:0}.pricing-card:hover:before{opacity:1}.pricing-card:after{content:"";opacity:.5;pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);height:1px;position:absolute;top:0;left:0;right:0}.pricing-card-featured{border-color:var(--color-primary);box-shadow:var(--shadow-glow)}.pricing-badge{padding:var(--space-1)var(--space-4);background:var(--color-primary);border-radius:var(--radius-full);font-size:var(--text-sm);z-index:10;font-weight:600;position:absolute;top:0;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 10px #0000004d}.pricing-header{text-align:center;margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border)}.pricing-name{font-size:var(--text-lg);margin-bottom:var(--space-2)}.pricing-price{margin-bottom:var(--space-2)}.price-amount{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:700}.price-period{color:var(--color-text-muted)}.pricing-description{font-size:var(--text-sm)}.pricing-features{margin-bottom:var(--space-8)}.pricing-features li{align-items:center;gap:var(--space-3);padding:var(--space-3)0;font-size:var(--text-sm);display:flex}.feature-check{color:var(--color-secondary);font-weight:700}.feature-cross,.feature-excluded{color:var(--color-text-muted)}.cta-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#9147ff1a;border-top:1px solid #9147ff33;border-bottom:1px solid #9147ff33;position:relative;overflow:hidden}.cta-section:before{content:"";pointer-events:none;background:radial-gradient(circle,#9147ff33 0%,#0000 60%);width:200%;height:200%;animation:10s ease-in-out infinite pulse-slow;position:absolute;top:-50%;left:-50%}@keyframes pulse-slow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.cta-content{text-align:center;max-width:600px;margin:0 auto}.cta-title{color:#fff;margin-bottom:var(--space-4)}.cta-subtitle{color:#fffc;margin-bottom:var(--space-8)}.cta-section .btn-primary{-webkit-backdrop-filter:blur(10px);color:#fff;background:#ffffff1a;border:1px solid #fff3;box-shadow:0 4px 15px #0003}.cta-section .btn-primary:hover{background:#fff3;border-color:#fff;transform:translateY(-2px);box-shadow:0 0 20px #ffffff4d}.footer{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:var(--space-12)0 var(--space-6);background:#02040af2;border-top:1px solid #ffffff0d}.footer-grid{gap:var(--space-8);margin-bottom:var(--space-8);grid-template-columns:1.5fr repeat(3,1fr);display:grid}.footer-brand{grid-column:1}.footer-tagline{font-size:var(--text-sm);margin-top:var(--space-4);color:var(--color-text-muted)}.footer-links h4{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-primary);margin-bottom:var(--space-4)}.footer-links ul{margin:0;padding:0;list-style:none}.footer-links a{padding:var(--space-2)0;font-size:var(--text-sm);color:var(--color-text-primary);transition:color var(--transition-fast);display:block}.footer-links a:hover{color:var(--color-text-primary)}.footer-disclaimer{padding:var(--space-4);margin-top:var(--space-6);border-radius:var(--radius-md);background:#9147ff0d;border:1px solid #9147ff33}.footer-disclaimer p{font-size:var(--text-xs);color:var(--color-text-muted);text-align:center;margin:0;line-height:1.6}.footer-bottom{justify-content:space-between;align-items:center;gap:var(--space-4);padding-top:var(--space-6);border-top:1px solid var(--color-border);font-size:var(--text-sm);color:var(--color-text-primary);display:flex}.footer-social{gap:var(--space-4);display:flex}.footer-social a{font-size:var(--text-lg);transition:transform var(--transition-fast)}.footer-social a:hover{transform:scale(1.2)}@media (max-width:768px){.footer{padding:var(--space-8)0 var(--space-6)}.footer-grid{gap:var(--space-6);grid-template-columns:1fr 1fr}.footer-brand{text-align:center;margin-bottom:var(--space-2);grid-column:1/-1}.footer-brand .logo{justify-content:center}.footer-tagline,.footer-links{text-align:center}.footer-links a{padding:var(--space-1)0}.footer-disclaimer{padding:var(--space-3)}.footer-disclaimer p{font-size:10px}.footer-bottom{text-align:center;flex-direction:column}}@media (max-width:480px){.footer-grid{gap:var(--space-5);text-align:center;grid-template-columns:1fr}.footer-links h4{margin-bottom:var(--space-2)}.footer-links ul{justify-content:center;gap:var(--space-2)var(--space-4);flex-wrap:wrap;display:flex}.footer-links a{padding:var(--space-1)}}.user-menu-container{position:relative}.user-menu-trigger{align-items:center;gap:var(--space-2);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;padding:0;display:flex}.user-menu-trigger:hover{opacity:.8}.user-menu-trigger--registering{align-items:center;gap:var(--space-2);cursor:default;display:flex}.header-register-badge{color:var(--color-primary);border-radius:var(--radius-full);letter-spacing:.02em;white-space:nowrap;background:#8b5cf61f;padding:.15rem .5rem;font-size:.7rem;font-weight:600;animation:2s ease-in-out infinite registerPulse}@keyframes registerPulse{0%,to{opacity:1}50%{opacity:.5}}.user-avatar{border-radius:var(--radius-full);object-fit:cover;border:2px solid #fff;width:36px;height:36px}.user-name{font-weight:500;font-size:var(--text-sm);color:var(--color-text-primary)}.user-credits{font-size:var(--text-xs);color:var(--color-primary);padding:var(--space-1)var(--space-2);border-radius:var(--radius-full);background:#9147ff1a}.user-menu-dropdown{top:calc(100% + var(--space-2));-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:var(--radius-lg);min-width:200px;padding:var(--space-2);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);background:#1e1e28d9;position:absolute;right:0}.dropdown-item{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3)var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;text-decoration:none;display:flex}.dropdown-item:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.dropdown-item-danger:hover{color:var(--color-accent);background:#ff6b6b1a}.dropdown-item--indent{padding-left:1.5rem}.admin-link{color:var(--color-primary)!important}.admin-link:hover{background:#00d4ff1a!important}.admin-login-page{min-height:100vh;padding:var(--space-4);background:linear-gradient(135deg,#0a0a1a 0%,#1a1a2e 50%,#0a0a1a 100%);justify-content:center;align-items:center;display:flex}.admin-login-container{width:100%;max-width:400px}.admin-login-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:0 25px 50px -12px #00000080}.admin-login-header{text-align:center;margin-bottom:var(--space-6)}.admin-login-icon{width:80px;height:80px;margin:0 auto var(--space-4);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex}.admin-login-header h1{font-size:var(--text-2xl);margin-bottom:var(--space-1);font-weight:700}.admin-login-header p{color:var(--color-text-muted);font-size:var(--text-sm)}.admin-login-error{align-items:center;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);color:#ef4444;font-size:var(--text-sm);margin-bottom:var(--space-4);background:#ef44441a;border:1px solid #ef44444d;display:flex}.admin-login-form{gap:var(--space-4);flex-direction:column;display:flex}.admin-login-form .form-group{gap:var(--space-2);flex-direction:column;display:flex}.admin-login-form label{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:500}.admin-login-form input{width:100%;padding:var(--space-3);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-base);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.admin-login-form input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #00d4ff1a}.admin-login-form input::placeholder{color:var(--color-text-muted)}.password-input-wrapper{position:relative}.password-input-wrapper input{padding-right:45px}.password-toggle{right:var(--space-3);color:var(--color-text-muted);cursor:pointer;padding:var(--space-1);transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.password-toggle:hover{color:var(--color-text-primary)}.admin-login-btn{width:100%;padding:var(--space-3);font-size:var(--text-base);margin-top:var(--space-2);font-weight:600}.admin-login-footer{margin-top:var(--space-6);text-align:center}.admin-login-footer p{font-size:var(--text-xs);color:var(--color-text-muted)}.dropdown-divider{border:none;border-top:1px solid var(--color-border);margin:var(--space-2)0}.dropdown-section-label{text-transform:uppercase;color:var(--color-primary);letter-spacing:.05em;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.75rem;font-weight:600;display:flex}.mobile-admin-section{border-top:1px solid var(--color-border);margin-top:var(--space-3);padding-top:var(--space-3)}.mobile-section-label{text-transform:uppercase;color:var(--color-primary);padding:var(--space-2);align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;display:flex}.mobile-nav-link.admin-link{padding-left:2rem}.auth-page{min-height:100vh;padding:var(--space-8)var(--space-4);padding-top:calc(var(--header-height) + var(--space-8));justify-content:center;align-items:center;display:flex}.auth-container{width:100%;max-width:440px}.auth-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8)}.auth-header{text-align:center;margin-bottom:var(--space-8)}.auth-header .logo{margin-bottom:var(--space-6);display:inline-flex}.auth-header h1{font-size:var(--text-2xl);margin-bottom:var(--space-2)}.auth-header p{color:var(--color-text-muted)}.auth-separator{align-items:center;gap:var(--space-4);margin:var(--space-6)0;color:var(--color-text-muted);font-size:var(--text-sm);display:flex}.auth-separator:before,.auth-separator:after{content:"";background:var(--color-border);flex:1;height:1px}.auth-switch{text-align:center;font-size:var(--text-sm);color:var(--color-text-muted)}.auth-switch a{color:var(--color-primary);font-weight:500}.auth-switch a:hover{text-decoration:underline}.btn-twitch{background:var(--color-primary);color:#fff}.btn-twitch:hover{background:var(--color-primary-dark)}.user-type-selector{margin-bottom:var(--space-6)}.selector-label{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-3)}.selector-options{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.selector-option{align-items:center;gap:var(--space-2);padding:var(--space-4);background:var(--color-bg-elevated);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);flex-direction:column;display:flex}.selector-option:hover{border-color:var(--color-border-light)}.selector-option.selected{border-color:var(--color-primary);background:#9147ff1a}.option-icon{font-size:2rem}.option-label{color:var(--color-text-primary);font-weight:600}.option-description{font-size:var(--text-xs);color:var(--color-text-muted);text-align:center}.alert{padding:var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-6);font-size:var(--text-sm)}.alert-success{border:1px solid var(--color-secondary);color:var(--color-secondary);background:#9147ff1a}.alert-error{border:1px solid var(--color-accent);color:var(--color-accent);background:#ff6b6b1a}.dashboard-page{padding-top:calc(var(--header-height) + var(--space-6));padding-bottom:var(--space-16);min-height:100vh}@media (max-width:768px){.dashboard-page{padding-top:calc(var(--header-height) + var(--space-3));padding-bottom:var(--space-8)}.dashboard-page .container{padding-left:var(--space-3);padding-right:var(--space-3)}}.dashboard-header-left,.dashboard-header-right{align-items:center;gap:var(--space-4);display:flex}.dashboard-header-right .live-badge{flex-shrink:0}.dashboard-header{margin-bottom:var(--space-8)}.dashboard-header-content{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}@media (max-width:768px){.dashboard-header{margin-bottom:var(--space-4)}.dashboard-header-content{align-items:flex-start;gap:var(--space-3);flex-direction:column}.dashboard-header-left{justify-content:center;width:100%}.dashboard-header-right{width:100%}.dashboard-user-info{flex:1;justify-content:center;width:100%}.dashboard-avatar{width:48px;height:48px}.dashboard-header h1{font-size:var(--text-xl)}}.dashboard-user-info{align-items:center;gap:var(--space-4);display:flex}.dashboard-avatar{border-radius:var(--radius-full);border:3px solid var(--color-primary);width:64px;height:64px}.dashboard-header h1{font-size:var(--text-2xl);margin-bottom:var(--space-1)}.dashboard-header p{color:var(--color-text-muted);font-size:var(--text-sm)}.dashboard-actions{gap:var(--space-3);display:flex}.mode-switch{height:2.25rem;font-size:var(--text-sm);background:var(--color-bg-elevated);border-radius:var(--radius-full);grid-template-columns:1fr 1fr;align-items:center;padding:.25rem;font-weight:500;display:inline-grid;position:relative}.mode-switch__input{opacity:0;cursor:pointer;z-index:10;width:100%;height:100%;margin:0;position:absolute;inset:0}.mode-switch__thumb{background:var(--color-primary);border-radius:var(--radius-full);width:calc(50% - .25rem);height:calc(100% - .5rem);box-shadow:var(--shadow-md);pointer-events:none;transition:transform .3s cubic-bezier(.16,1,.3,1);position:absolute;top:.25rem;left:.25rem}.mode-switch__input:checked~.mode-switch__thumb{transform:translate(100%)}.mode-switch__label{min-width:5.5rem;padding:0 var(--space-3);color:var(--color-text-muted);pointer-events:none;z-index:5;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:.375rem;transition:color .2s;display:flex;position:relative}.mode-switch__label--viewer{color:#fff;transition:color .3s cubic-bezier(.16,1,.3,1)}.mode-switch__input:checked~.mode-switch__label--viewer{color:var(--color-text-muted)}.mode-switch__label--streamer{color:var(--color-text-muted);transition:color .3s cubic-bezier(.16,1,.3,1)}.mode-switch__input:checked~.mode-switch__label--streamer{color:#fff}.mode-switch:hover .mode-switch__label{opacity:.9}@media (max-width:768px){.mode-switch{width:100%;height:2.5rem}.mode-switch__label{min-width:auto;font-size:var(--text-xs);gap:.25rem}}.stats-list{margin-bottom:var(--space-8);padding:0 var(--space-2);flex-direction:column;display:flex}.stats-list .stat-row{padding:var(--space-4)0;border-bottom:1px solid #ffffff26;justify-content:space-between;align-items:center;display:flex}.stats-list-separator{align-items:center;gap:var(--space-3);margin-top:var(--space-2);display:flex}.stats-list-separator__line{background:#ffffff26;flex:1;height:1px}.stats-list-separator__content{align-items:center;gap:var(--space-2);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);font-weight:600;display:flex}.stats-list-separator__badge{align-items:center;gap:var(--space-1);font-size:var(--text-xs);padding:var(--space-1)var(--space-2);border-radius:var(--radius-full);color:#22c55e;background:#22c55e26;font-weight:600;display:flex}.stats-list-separator--merchant{margin-top:var(--space-10);position:relative}.stats-list-separator--merchant .stats-list-separator__line{background:#9147ff59}.stats-list-separator--merchant .stats-list-separator__content{color:#a78bfa}.stats-list .stat-row.stat-row--merchant{border-bottom:1px solid #9147ff59}.stat-row--merchant .stat-value{color:#a78bfa}.stat-label{font-size:var(--text-base);color:var(--color-text-secondary)}.stat-value{font-family:var(--font-display);font-size:var(--text-xl);color:#fff;font-weight:700}.stat-value.highlight{color:var(--color-primary)}.bot-alert{border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-6);background:linear-gradient(135deg,#ff6b6b1a,#ff6b6b0d);border:1px solid #ff6b6b4d}.bot-alert-content{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.bot-alert-icon{color:var(--color-accent);flex-shrink:0}.bot-alert-text{flex:1;min-width:200px}.bot-alert-text h3{font-size:var(--text-base);margin-bottom:var(--space-1);color:#fff}.bot-alert-text p{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.bot-success{align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-4);border-radius:var(--radius-lg);color:#10b981;font-size:var(--text-sm);margin-bottom:var(--space-6);background:#10b9811a;border:1px solid #10b9814d;font-weight:500;display:flex}.dashboard-sections{gap:var(--space-8);margin-bottom:var(--space-8);display:grid}.dashboard-section{background:0 0;border:none;border-radius:0;padding:0}.dashboard-section:hover{border-color:#0000}.dashboard-section h2{font-size:var(--text-xl);margin-bottom:var(--space-6);color:#fff;align-items:center;display:flex}.quest-list{border-radius:var(--radius-xl);margin-bottom:var(--space-4);background:#ffffff05;border:1px solid #ffffff0d;flex-direction:column;display:flex;overflow:hidden}.dashboard-quest-item{padding:var(--space-4)var(--space-6);transition:background var(--transition-fast);background:0 0;border:none;border-bottom:1px solid #ffffff0d;border-radius:0;justify-content:space-between;align-items:center;display:flex}.dashboard-quest-item:last-child{border-bottom:none}.dashboard-quest-item:hover{box-shadow:none;background:#ffffff0a;transform:none}.dashboard-quest-item .quest-info h3{font-size:var(--text-base);margin-bottom:var(--space-1)}.dashboard-quest-item .quest-info p{font-size:var(--text-sm);color:var(--color-text-muted)}.dashboard-quest-item .quest-reward{text-align:right}.reward-amount{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-primary);font-weight:700;display:block}.reward-label{font-size:var(--text-xs);color:var(--color-text-muted)}.streamers-empty{text-align:center;padding:var(--space-8)}.streamers-empty p{margin-bottom:var(--space-4);color:var(--color-text-muted)}.dashboard-upgrade{padding:var(--space-6);background:linear-gradient(135deg,var(--color-primary-dark),var(--color-primary));border-radius:var(--radius-xl);justify-content:space-between;align-items:center;display:flex}.upgrade-content h3{color:#fff;margin-bottom:var(--space-1)}.upgrade-content p{color:#fffc;font-size:var(--text-sm)}.dashboard-upgrade .btn-primary{color:var(--color-primary);background:#fff}.twitch-status-card{border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-8);background:#ffffff05;border:1px solid #ffffff0d}.twitch-status-card.is-live{background:linear-gradient(135deg,#ff6b6b0d,#0000);border-color:#ff6b6b4d}.twitch-status-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.twitch-status-header h3{font-size:var(--text-lg)}.status-badge{padding:var(--space-1)var(--space-3);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600}.status-badge.live{background:var(--color-accent);color:#fff}.status-badge.offline{background:var(--color-bg-elevated);color:var(--color-text-muted)}.twitch-stream-info{padding:var(--space-4);border-radius:var(--radius-lg);background:#ffffff08}.twitch-stream-info p{margin-bottom:var(--space-1)}.twitch-stream-info p:last-child{color:var(--color-text-muted);font-size:var(--text-sm);margin-bottom:0}.twitch-hint{color:var(--color-text-muted);font-size:var(--text-sm);font-style:italic}.dashboard-placeholder{background:var(--color-bg-card);border:1px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-12);text-align:center}.dashboard-placeholder p{color:var(--color-text-muted)}.streamer-panel{padding-top:calc(var(--header-height) + var(--space-6));padding-bottom:var(--space-16);min-height:100vh}.panel-header{margin-bottom:var(--space-8)}.panel-header-content{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.panel-user-info{align-items:center;gap:var(--space-4);display:flex}.panel-avatar{border-radius:var(--radius-full);border:3px solid var(--color-primary);width:64px;height:64px}.panel-header h1{font-size:var(--text-2xl);margin-bottom:var(--space-1)}.panel-header p{color:var(--color-text-muted)}.panel-header-actions{align-items:center;gap:var(--space-4);display:flex}.live-badge-large{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);background:var(--color-accent);color:#fff;border-radius:var(--radius-full);font-weight:700;animation:2s infinite pulse-bg;display:flex}@keyframes pulse-bg{0%,to{opacity:1}50%{opacity:.8}}.offline-badge{padding:var(--space-2)var(--space-4);background:var(--color-bg-elevated);color:var(--color-text-muted);border-radius:var(--radius-full)}.player-base{padding:var(--space-4)var(--space-6);border-radius:var(--radius-xl);margin-bottom:var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-4);background:linear-gradient(135deg,#9147ff14,#5865f20f);border:1px solid #9147ff40;display:flex}.player-base__resources{gap:var(--space-4);flex-wrap:wrap;align-items:center;display:flex}.player-base__actions{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}@media (max-width:768px){.player-base{gap:var(--space-3);padding:var(--space-4);flex-direction:column}.player-base__resources{justify-content:center;gap:var(--space-3)}.player-base__actions{flex-wrap:wrap;justify-content:center;width:100%}}.referral-btn-wrapper{position:relative}.referral-badge{background:var(--color-error,#ef4444);color:#fff;pointer-events:none;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:.7rem;font-weight:700;line-height:1;animation:2s ease-in-out infinite referral-badge-pulse;display:flex;position:absolute;top:-8px;right:-8px;box-shadow:0 0 8px #ef444499}@keyframes referral-badge-pulse{0%,to{transform:scale(1);box-shadow:0 0 8px #ef444499}50%{transform:scale(1.15);box-shadow:0 0 14px #ef4444e6}}.tea-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.tea-section__msg{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);border-radius:var(--radius-md);color:#2ecc71;background:#2ecc711a;border:1px solid #2ecc7140;font-size:.82rem;animation:.3s fadeIn;display:flex}.tea-inventory__title{color:var(--color-text);margin:0 0 var(--space-2)0;text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:6px;font-size:.82rem;font-weight:600;display:flex}.tea-inventory__title svg{color:var(--color-primary)}.tea-inventory__list{gap:var(--space-2);flex-wrap:wrap;display:flex}.tea-inventory__item{border-radius:var(--radius-md);background:#a855f70f;border:1px solid #a855f726;flex-direction:column;gap:6px;min-width:150px;padding:8px 12px;display:flex}.tea-inventory__item--active{background:#f59e0b0f;border-color:#f59e0b4d}.tea-inventory__row{align-items:center;gap:6px;display:flex}.tea-inventory__emoji{font-size:1.15rem}.tea-inventory__name{color:var(--color-text);font-size:.78rem;font-weight:600;line-height:1.2}.tea-inventory__qty{color:var(--color-muted);font-size:.72rem;font-weight:500}.tea-inventory__info-btn{width:20px;height:20px;color:var(--color-primary-light);cursor:help;background:#9147ff14;border:1px solid #9147ff33;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;padding:0;transition:all .15s;display:inline-flex}.tea-inventory__info-btn:hover{background:#9147ff33;border-color:#9147ff66}.tea-inventory__countdown{color:#f59e0b;font-variant-numeric:tabular-nums;align-items:center;gap:4px;font-size:.72rem;font-weight:600;display:flex}.tea-inventory__drink-btn{color:#2ecc71;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;background:#2ecc711a;border:1px solid #2ecc7140;justify-content:center;align-items:center;gap:4px;width:100%;padding:4px 10px;font-size:.75rem;font-weight:600;transition:all .15s;display:inline-flex}.tea-inventory__drink-btn:hover:not(:disabled){background:#2ecc7133;border-color:#2ecc7166}.tea-inventory__drink-btn:disabled{opacity:.5;cursor:not-allowed}.gifts-section{margin-top:1rem}.gifts-section__title{color:var(--color-text-primary);align-items:center;gap:6px;margin:0 0 .75rem;font-size:.875rem;font-weight:700;display:flex}.gifts-section__list{flex-wrap:wrap;gap:.75rem;display:flex}.gift-card{background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid #f59e0b40;flex-direction:column;gap:.5rem;min-width:160px;max-width:220px;padding:.75rem;transition:border-color .15s;display:flex}.gift-card:hover{border-color:#f59e0b80}.gift-card--opened{opacity:.8;border-color:#34c75940}.gift-card__header{align-items:center;gap:.375rem;display:flex}.gift-card__icon{font-size:1.25rem}.gift-card__source{color:var(--color-text-muted);font-size:.72rem;line-height:1.3}.gift-card__rewards{color:#34c759;flex-wrap:wrap;gap:.375rem;font-size:.72rem;font-weight:600;display:flex}.gift-card__open-btn{color:#f59e0b;border-radius:var(--radius-sm);cursor:pointer;background:#f59e0b1a;border:1px solid #f59e0b40;justify-content:center;align-items:center;gap:4px;width:100%;padding:5px 10px;font-size:.75rem;font-weight:700;transition:all .15s;display:inline-flex}.gift-card__open-btn:hover:not(:disabled){background:#f59e0b33;border-color:#f59e0b66}.gift-card__open-btn:disabled{opacity:.5;cursor:not-allowed}.gifts-modal{max-width:480px}.gifts-modal__body{flex-direction:column;gap:1rem;max-height:60vh;display:flex;overflow-y:auto}.gifts-modal__count{color:#f59e0b;background:#f59e0b1f;border-radius:999px;margin-left:.5rem;padding:2px 8px;font-size:.72rem;font-weight:600}.gifts-modal__feedback{border-radius:var(--radius-md);color:#34c759;background:#34c7591a;border:1px solid #34c75940;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.8rem;font-weight:600;display:flex}.gifts-modal__list{flex-wrap:wrap;gap:.75rem;display:flex}.gifts-modal__list .gift-card{flex:1;min-width:180px}.gifts-modal__empty{color:var(--color-text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:2rem 1rem;display:flex}.gifts-modal__empty p{margin:0;font-size:.85rem}.gifts-modal__empty-hint{opacity:.7;font-size:.75rem!important}.level-card{border-radius:var(--radius-xl);padding:var(--space-5);margin-bottom:var(--space-6);background:linear-gradient(135deg,#9147ff14,#5865f214);border:1px solid #9147ff33}.level-card-header{align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.level-badge{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);background:linear-gradient(135deg,var(--color-primary),#5865f2);border-radius:var(--radius-full);font-weight:700;font-family:var(--font-display);flex-shrink:0;display:flex}.level-badge svg{color:gold}.level-number{font-size:var(--text-lg);text-transform:uppercase;letter-spacing:.5px}.level-stats{gap:var(--space-6);flex:1;justify-content:flex-start;margin-left:0;display:flex}.level-stat{align-items:flex-start;gap:var(--space-1);flex-direction:column;display:flex}.level-stat-label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.level-stat-value{font-size:var(--text-lg);font-weight:700;font-family:var(--font-display);color:var(--color-text-primary)}.level-stat-value.bonus{color:#0f8}.level-info-btn{color:var(--color-text-muted);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);transition:all var(--transition-fast);background:0 0;border:none;flex-shrink:0;margin-left:auto}.level-info-btn:hover{color:var(--color-primary);background:#9147ff1a}.level-xp-section{align-items:center;gap:var(--space-3);display:flex}.level-xp-bar{border-radius:var(--radius-full);background:#0000004d;flex:1;height:24px;position:relative;overflow:hidden}.level-xp-fill{background:linear-gradient(90deg,var(--color-primary),#5865f2,#00d4ff);border-radius:var(--radius-full);height:100%;transition:width .5s;position:relative}.level-xp-fill:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);position:absolute;inset:0}.level-xp-text{font-size:var(--text-xs);color:#fff;text-shadow:0 1px 2px #00000080;white-space:nowrap;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.level-xp-percent{font-size:var(--text-sm);color:var(--color-primary);text-align:right;min-width:45px;font-weight:600}.level-warning{align-items:center;gap:var(--space-2);margin-top:var(--space-4);padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);color:#ffc107;background:#ffc1071a;border:1px solid #ffc1074d;display:flex}.level-penalties{margin-top:var(--space-4);gap:var(--space-2);flex-direction:column;display:flex}.level-penalty{align-items:center;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-accent);background:#ff6b6b1a;border:1px solid #ff6b6b4d;display:flex}@media (max-width:768px){.level-card{padding:var(--space-3)}.level-card-header{justify-content:flex-start;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);flex-flow:row;overflow:hidden}.level-badge{flex-shrink:0;gap:4px;padding:2px 8px}.level-badge svg{width:14px;height:14px}.level-number{font-size:var(--text-xs)}.level-stats{gap:var(--space-2);flex-direction:row;flex:1;justify-content:flex-start;min-width:0;margin-left:0;display:flex}.level-stat{align-items:flex-start;gap:0;min-width:0}.level-stat-label{white-space:nowrap;margin-bottom:1px;font-size:11px;line-height:1.2;display:block}.level-stat-value{font-size:var(--text-base);line-height:1.1}.level-info-btn{flex-shrink:0;margin-left:auto;padding:4px}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal);padding:var(--space-4);background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.modal-content{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-2xl);padding:var(--space-8);max-height:90vh;position:relative;overflow-y:auto}.modal-content--sm{max-width:400px}.modal-content--md{max-width:600px}.modal-content--lg{flex-direction:column;width:100%;max-width:600px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.modal-header{padding:var(--space-5);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.modal-header__title-group{align-items:center;gap:12px;display:flex}.modal-header__icon{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));border-radius:12px;justify-content:center;align-items:center;padding:12px;display:flex}.modal-header__title{margin:0;font-size:1.5rem}.modal-header__subtitle{color:var(--color-text-muted);margin:4px 0 0;font-size:.9rem}.modal-body{padding:var(--space-5);flex:1;overflow-y:auto}.modal-footer{gap:var(--space-3);padding:var(--space-4);border-top:1px solid var(--color-border);display:flex}.modal-footer .btn{flex:1}.modal-close--inline{color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;flex-shrink:0;padding:8px;transition:all .2s;position:static}.modal-close--inline:hover{background:var(--color-bg-elevated);color:var(--color-text-primary)}.bot-permissions__intro{background:var(--color-bg-elevated);padding:var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4);border:1px solid var(--color-border)}.bot-permissions__intro-content{align-items:flex-start;gap:12px;display:flex}.bot-permissions__intro-icon{color:var(--color-success);margin-top:2px}.bot-permissions__intro h3{margin:0 0 8px;font-size:1rem;font-weight:600}.bot-permissions__intro p{color:var(--color-text-muted);margin:0;font-size:.9rem;line-height:1.6}.bot-permissions__section-title{margin:0 0 var(--space-3)0;font-size:1rem;font-weight:600}.bot-permissions__list{gap:var(--space-3);flex-direction:column;display:flex}.bot-permissions__item{padding:var(--space-3);background:var(--color-bg-card);border-radius:var(--radius-sm);border:1px solid var(--color-border);align-items:flex-start;gap:12px;display:flex}.bot-permissions__item-icon{color:var(--color-primary);flex-shrink:0;margin-top:2px}.bot-permissions__item-content{flex:1}.bot-permissions__item-title{margin-bottom:4px;font-weight:600}.bot-permissions__item-desc{color:var(--color-text-muted);font-size:.85rem}.bot-permissions__item-scope{color:var(--color-text-muted);margin-top:4px;font-family:monospace;font-size:.75rem}.bot-permissions__security{margin-top:var(--space-4);padding:var(--space-3);border-radius:var(--radius-sm);background:#4ade801a;border:1px solid #4ade804d;align-items:flex-start;gap:12px;display:flex}.bot-permissions__security-icon{color:var(--color-success);flex-shrink:0;margin-top:2px}.bot-permissions__security-text{font-size:.85rem;line-height:1.6}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-close{top:var(--space-4);right:var(--space-4);color:var(--color-text-muted);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);transition:all var(--transition-fast);background:0 0;border:none;position:absolute}.modal-close:hover{color:var(--color-text-primary);background:var(--color-bg-elevated)}.level-modal{max-width:500px}.level-modal h2{align-items:center;gap:var(--space-3);font-size:var(--text-2xl);margin-bottom:var(--space-6);display:flex}.level-modal h2 svg{color:var(--color-primary)}.level-info-section{margin-bottom:var(--space-6)}.level-info-section h3{align-items:center;gap:var(--space-2);font-size:var(--text-base);color:var(--color-text-primary);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border);display:flex}.level-info-section h3 svg{color:var(--color-primary)}.level-info-section ul{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.level-info-section ul li{padding:var(--space-3);background:var(--color-bg-elevated);border-radius:var(--radius-md);font-size:var(--text-sm)}.level-info-section ul li strong{color:var(--color-primary);margin-right:var(--space-2)}.level-info-section ul li .hint{margin-top:var(--space-1);color:var(--color-text-muted);font-size:var(--text-xs);display:block}.level-bonus-table{gap:var(--space-2);flex-direction:column;display:flex}.bonus-row{align-items:center;gap:var(--space-3);padding:var(--space-2)var(--space-3);background:var(--color-bg-elevated);border-radius:var(--radius-md);font-size:var(--text-sm);transition:all var(--transition-fast);grid-template-columns:70px 70px 1fr;display:grid}.bonus-row.current{border:1px solid var(--color-primary);background:#9147ff26}.bonus-level{color:var(--color-text-primary);font-weight:600}.bonus-value{color:#0f8;font-weight:700}.bonus-desc{color:var(--color-text-muted);font-size:var(--text-xs)}.penalties-list li strong{color:var(--color-accent)!important}.panel-tabs{gap:var(--space-2);margin-bottom:var(--space-6);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-2);display:flex;overflow-x:auto}@media (max-width:768px){.panel-tabs{gap:var(--space-2);border-bottom:none;grid-template-columns:repeat(2,1fr);justify-content:center;padding-bottom:0;display:grid;overflow-x:visible}.panel-tabs .tab{text-align:center;justify-content:center}}.tab{padding:var(--space-3)var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;align-items:center;font-weight:500;display:flex}@media (max-width:768px){.tab{padding:var(--space-2)var(--space-3);font-size:var(--text-xs);white-space:normal;text-align:center;flex-wrap:wrap;justify-content:center}.tab .mr-2{margin-right:.25rem}}.tab:hover{color:var(--color-text-primary);background:var(--color-bg-elevated)}.tab.active{color:var(--color-primary);background:#9147ff1a}.panel-section{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-6);transition:border-color var(--transition-base)}@media (max-width:768px){.panel-section{padding:var(--space-4);border-radius:var(--radius-lg)}}.panel-section:hover{border-color:var(--color-border-light)}.panel-section h2{font-size:var(--text-lg);margin-bottom:var(--space-2)}.section-description{color:var(--color-text-muted);font-size:var(--text-sm);margin-bottom:var(--space-6)}.panel-section-header{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.activity-list{gap:var(--space-3);flex-direction:column;display:flex}.activity-avatar{border-radius:var(--radius-full);width:32px;height:32px}.activity-info{font-size:var(--text-sm);flex:1}.activity-user{color:var(--color-text-primary);font-weight:600}.activity-action{color:var(--color-text-muted);margin:0 var(--space-1)}.activity-quest{color:var(--color-primary)}.activity-time{font-size:var(--text-xs);color:var(--color-text-muted)}.activity-status{font-size:var(--text-sm)}.status-completed{color:var(--color-secondary)}.status-invalidated{color:var(--color-accent)}.quest-upsell-card{gap:var(--space-4);padding:var(--space-6);border-radius:var(--radius-xl);margin-bottom:var(--space-6);background:linear-gradient(135deg,#9147ff1a 0%,#9147ff0d 100%);border:1px solid #9147ff4d;flex-direction:column;display:flex}.quest-upsell-card .upsell-content{gap:var(--space-4);display:flex}.quest-upsell-card .upsell-icon{background:var(--color-primary);border-radius:var(--radius-lg);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.quest-upsell-card .upsell-text h3{font-size:var(--text-lg);margin:0 0 var(--space-2);font-weight:600}.quest-upsell-card .upsell-text p{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0 0 var(--space-3)}.quest-upsell-card .upsell-benefits{gap:var(--space-3);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.quest-upsell-card .upsell-benefits li{align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--color-primary);display:flex}@media (min-width:768px){.quest-upsell-card{flex-direction:row;justify-content:space-between;align-items:center}}.quest-usage-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.quest-usage-card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);transition:border-color var(--transition-base)}.quest-usage-card:hover{border-color:var(--color-border-light)}.quest-usage-card.warning{background:linear-gradient(135deg,var(--color-bg-elevated)0%,#ffc1070d 100%);border-color:#ffc10780}.quest-usage-card.full{background:linear-gradient(135deg,var(--color-bg-elevated)0%,#ff6b6b0d 100%);opacity:.7;border-color:#ff6b6b80}.quest-usage-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.quest-usage-title{font-weight:600;font-size:var(--text-sm)}.quest-usage-badge{font-size:var(--text-xs);border-radius:var(--radius-full);background:#ffffff1a;padding:4px 8px;font-weight:600}.quest-usage-badge.unlimited{color:var(--color-primary);background:#9147ff33}.quest-usage-badge.full{color:#ff6b6b;background:#ff6b6b33}.quest-usage-progress{margin-bottom:var(--space-2)}.quest-usage-bar-container{background:var(--color-bg-hover);border-radius:var(--radius-full);height:6px;overflow:hidden}.quest-usage-bar{background:var(--color-primary);border-radius:var(--radius-full);height:100%;transition:width .3s}.quest-usage-card.warning .quest-usage-bar{background:#ffc107}.quest-usage-card.full .quest-usage-bar{background:#ff6b6b}.quest-usage-warning{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:#ff6b6b;margin-top:var(--space-2);display:flex}.quest-usage-period{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-2);display:flex}.empty-state-small.full-width{grid-column:1/-1}.status-progress{color:var(--color-text-muted)}.info-box .info-content{font-size:var(--text-sm);color:var(--color-text-secondary)}.info-box ul{margin:var(--space-2)0;padding-left:var(--space-4)}.info-box li{margin-bottom:var(--space-1)}.moderation-list{gap:var(--space-4);flex-direction:column;display:flex}.moderation-card{align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-wrap:wrap;display:flex}.moderation-user{align-items:center;gap:var(--space-3);flex:1;min-width:200px;display:flex}.moderation-avatar{border-radius:var(--radius-full);width:40px;height:40px}.moderation-username{font-weight:600;display:block}.moderation-date{font-size:var(--text-xs);color:var(--color-text-muted);display:block}.moderation-quest{flex:1;min-width:150px}.moderation-quest-title{font-weight:500;display:block}.moderation-reward{font-size:var(--text-sm);color:var(--color-secondary);display:block}.moderation-actions{align-items:center;gap:var(--space-3);display:flex}.auto-validated{font-size:var(--text-sm);color:var(--color-secondary)}.viewer-credits{font-size:var(--text-sm);color:var(--color-secondary);display:block}.validation-list{gap:var(--space-4);flex-direction:column;display:flex}.validation-card{align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-wrap:wrap;display:flex}.validation-user{align-items:center;gap:var(--space-3);flex:1;min-width:200px;display:flex}.validation-avatar{border-radius:var(--radius-full);width:40px;height:40px}.validation-username{font-weight:600;display:block}.validation-date{font-size:var(--text-xs);color:var(--color-text-muted);display:block}.validation-quest{flex:1;min-width:150px}.validation-quest-title{font-weight:500;display:block}.validation-reward{font-size:var(--text-sm);color:var(--color-secondary);display:block}.validation-actions{gap:var(--space-2);display:flex}.btn-success{background:var(--color-secondary);color:#fff}.btn-success:hover{background:#00b894}.btn-danger{background:var(--color-accent);color:#fff}.btn-danger:hover{background:#e55039}.btn-sm{padding:var(--space-2)var(--space-3);font-size:var(--text-sm)}.btn-xs{padding:var(--space-1)var(--space-2);font-size:var(--text-xs)}.quests-management{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.quest-manage-card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4)}.quest-manage-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.quest-type-badge{padding:var(--space-1)var(--space-2);font-size:var(--text-xs);border-radius:var(--radius-sm);font-weight:700}.quest-type-badge.chat{color:var(--color-primary);background:#9147ff33}.quest-type-badge.watch{color:var(--color-secondary);background:#9147ff33}.quest-manage-card h3{font-size:var(--text-base);margin-bottom:var(--space-1)}.quest-manage-card p{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-3)}.quest-manage-footer{justify-content:space-between;align-items:center;display:flex}.quest-reward-badge{font-size:var(--text-sm);color:var(--color-secondary);font-weight:600}.toggle{width:44px;height:24px;display:inline-block;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-full);transition:var(--transition-fast);position:absolute;inset:0}.toggle-slider:before{content:"";width:18px;height:18px;transition:var(--transition-fast);background:#fff;border-radius:50%;position:absolute;bottom:2px;left:2px}.toggle input:checked+.toggle-slider{background:var(--color-secondary);border-color:var(--color-secondary)}.toggle input:checked+.toggle-slider:before{transform:translate(20px)}.viewers-list{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(250px,1fr));display:grid}.viewer-card{align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex}.viewer-avatar{border-radius:var(--radius-full);width:48px;height:48px}.viewer-info{flex:1}.viewer-name{font-weight:600;display:block}.viewer-username{font-size:var(--text-xs);color:var(--color-text-muted);display:block}.viewer-stats{text-align:right}.viewer-stat{font-size:var(--text-sm);color:var(--color-primary)}.empty-state-small{text-align:center;padding:var(--space-8);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state-small .empty-icon{width:64px;height:64px;margin-bottom:var(--space-3);border-radius:var(--radius-lg);color:var(--color-text-muted);background:#9147ff1a;justify-content:center;align-items:center;display:flex}.empty-state-small .empty-icon svg{width:32px;height:32px}.empty-state-small p{color:var(--color-text-muted)}.empty-message{color:var(--color-text-muted);text-align:center;padding:var(--space-8)}.quick-stats{gap:var(--space-6);display:flex}.quick-stat{text-align:center}.quick-stat-value{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--color-primary);font-weight:700;display:block}.quick-stat-label{font-size:var(--text-sm);color:var(--color-text-muted)}.overview-layout{gap:var(--space-6);flex-direction:column;display:flex}@media (min-width:1024px){.overview-layout{gap:var(--space-8);flex-direction:row}.overview-layout>.stats-list{flex:0 0 360px;margin-bottom:0}.overview-layout>.overview-grid{flex:1;min-width:0}}.viewer-layout{gap:var(--space-6);flex-direction:column;display:flex}@media (min-width:1024px){.viewer-layout{gap:var(--space-8);flex-direction:row;align-items:flex-start}.viewer-layout>.stats-list{flex:0 0 360px;position:sticky;top:100px}.viewer-layout>.viewer-main{flex:1;min-width:0}}.viewer-main{gap:var(--space-4);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);transition:border-color var(--transition-base);flex-direction:column;display:flex}.viewer-main:hover{border-color:var(--color-border-light)}.viewer-main h2{font-size:var(--text-lg);margin-bottom:var(--space-2);align-items:center;display:flex}@media (max-width:768px){.viewer-main{padding:var(--space-4);border-radius:var(--radius-lg)}}.overview-grid{gap:var(--space-6);grid-template-columns:1fr;display:grid}@media (min-width:1024px){.overview-grid{grid-template-columns:1fr}}.booking-page{padding-top:calc(var(--header-height) + var(--space-6));padding-bottom:var(--space-16);min-height:100vh}.booking-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-8);flex-wrap:wrap;display:flex}.booking-header h1{font-size:var(--text-2xl);margin-bottom:var(--space-2)}.booking-header p{color:var(--color-text-muted)}.booking-credits{padding:var(--space-4)var(--space-6);background:linear-gradient(135deg,var(--color-primary-dark),var(--color-primary));border-radius:var(--radius-xl);color:#fff;flex-direction:column;align-items:flex-end;display:flex}.credits-label{font-size:var(--text-sm);opacity:.8}.credits-value{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700}.my-bookings{margin-bottom:var(--space-8)}.my-bookings h2{font-size:var(--text-lg);margin-bottom:var(--space-4)}.bookings-list{gap:var(--space-3);flex-wrap:wrap;display:flex}.my-booking-card{align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-4);border:1px solid var(--color-primary);border-radius:var(--radius-lg);background:#9147ff1a;display:flex}.booking-date{font-weight:600}.booking-slot{color:var(--color-text-muted);font-size:var(--text-sm)}.booking-cost{color:var(--color-accent);font-weight:600}.pricing-info{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-8)}.pricing-info h3{font-size:var(--text-lg);margin-bottom:var(--space-4)}.price-grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:768px){.price-grid{grid-template-columns:repeat(4,1fr)}}.price-card{padding:var(--space-4);background:var(--color-bg-elevated);border-radius:var(--radius-lg);text-align:center;flex-direction:column;align-items:center;display:flex}.price-slot{font-size:var(--text-sm);margin-bottom:var(--space-2)}.price-amount{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-primary);font-weight:700}.booking-calendar h2{font-size:var(--text-lg);margin-bottom:var(--space-6)}.calendar-grid{gap:var(--space-4);grid-template-columns:repeat(1,1fr);display:grid}@media (min-width:640px){.calendar-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.calendar-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1280px){.calendar-grid{grid-template-columns:repeat(4,1fr)}}.calendar-day{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden}.day-header{padding:var(--space-4);background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.day-name{text-transform:capitalize;font-weight:600}.day-date{font-size:var(--text-sm);color:var(--color-text-muted)}.day-slots{padding:var(--space-3);gap:var(--space-2);flex-direction:column;display:flex}.slot-card{padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border)}.slot-card.available{background:var(--color-bg-elevated)}.slot-card.booked{background:#ff6b6b1a;border-color:#ff6b6b4d}.slot-card.mine{border-color:var(--color-secondary);background:#9147ff1a}.slot-header{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.slot-name{font-size:var(--text-sm)}.slot-price{color:var(--color-primary);font-weight:600}.slot-booked{font-size:var(--text-xs)}.booked-by{color:var(--color-accent)}.booked-by-me{color:var(--color-secondary);font-weight:600}.btn-book{width:100%}.booking-footer{margin-top:var(--space-8);text-align:center}.loading{text-align:center;padding:var(--space-12);color:var(--color-text-muted)}.streamers-page{padding:0;padding-top:calc(var(--header-height) + var(--space-3));min-height:100vh;overflow-x:hidden}@media (min-width:640px){.streamers-page{padding-top:calc(var(--header-height) + var(--space-4))}}.streamers-page .container{box-sizing:border-box;width:auto;max-width:none;margin-inline:0;padding:0}@media (min-width:480px){.streamers-page .container{margin-inline:8px}}.random-streamer-section{padding:0 var(--space-4);margin-bottom:var(--space-4);z-index:10;justify-content:flex-end;display:flex;position:relative}.random-streamer-btn{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;font-weight:500;transition:all .2s;display:inline-flex}.random-streamer-btn:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff;transform:translateY(-1px)}.random-streamer-btn:active{transform:translateY(0)}.inline-icon{vertical-align:middle;margin-right:var(--space-2);display:inline-block}.page-header{text-align:center;margin-bottom:var(--space-6)}.page-header h1{font-size:var(--text-xl);margin-bottom:var(--space-2)}@media (min-width:640px){.page-header{margin-bottom:var(--space-12)}.page-header h1{font-size:var(--text-3xl)}}.page-header p{color:var(--color-text-muted);margin-bottom:var(--space-4)}.live-count{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--color-accent);background:#ff6b6b1a;display:inline-flex}.live-indicator{background:var(--color-accent);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}@keyframes pulse{0%,to{box-shadow:0 0 #9147ff66}50%{box-shadow:0 0 0 8px #9147ff00}}.priority-section{margin-bottom:var(--space-6);padding:var(--space-3);background:0 0;border:none;border-radius:0;position:relative;overflow:hidden}@media (min-width:640px){.priority-section{margin-bottom:var(--space-12);padding:var(--space-6);border-radius:0}}.priority-section:before{display:none}.priority-carousel{margin-top:10px}.priority-carousel__header{justify-content:center;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);display:flex;position:relative}@keyframes header-reveal{0%{opacity:1}to{opacity:1}}@keyframes icon-slide-left{0%{transform:translate(0)}to{transform:translate(0)}}@keyframes title-fade-in{0%{opacity:0;max-width:0;margin-left:0}50%{opacity:0;max-width:0;margin-left:0}to{opacity:1;max-width:400px;margin-left:var(--space-3)}}.priority-carousel__title{justify-content:center;align-items:center;gap:0;animation:1.5s ease-out forwards header-reveal;display:flex}.priority-icon{border-radius:var(--radius-lg);color:#fff;background:linear-gradient(135deg,orange,#ff6b6b);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;animation:1.5s ease-out forwards icon-slide-left;display:flex}.priority-carousel__title-text{gap:var(--space-1);flex-direction:column;animation:1.5s ease-out forwards title-fade-in;display:flex;overflow:hidden}.priority-carousel__title h2{font-size:var(--text-base);color:var(--color-text-primary);white-space:nowrap;margin:0;font-weight:600}.priority-carousel__title p{font-size:var(--text-sm);color:var(--color-text-secondary);white-space:nowrap;margin:0;display:none}@media (min-width:640px){.priority-carousel__title h2{font-size:var(--text-xl)}.priority-carousel__title p{display:block}}.priority-carousel__info-btn{color:var(--color-text-muted);cursor:pointer;margin-left:var(--space-2);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:color .2s;display:flex}.priority-carousel__info-btn:hover,.priority-carousel__info-btn:active{color:var(--color-text-secondary)}@media (min-width:640px){.priority-carousel__info-btn{display:none}}.priority-carousel__mobile-tooltip{margin-top:var(--space-2);padding:var(--space-3)var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:100;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#18181bf2;min-width:200px;position:absolute;top:100%;left:50%;transform:translate(-50%)}.priority-carousel__mobile-tooltip p{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0 0 var(--space-3)0}.priority-carousel__mobile-tooltip strong{color:orange}.priority-carousel__tooltip-close{padding:var(--space-2)var(--space-4);border-radius:var(--radius-md);color:#fff;font-size:var(--text-sm);cursor:pointer;background:linear-gradient(135deg,orange,#ff6b6b);border:none;font-weight:600}.priority-carousel__container{width:100%;padding-bottom:var(--space-4);touch-action:pan-y pinch-zoom;position:relative;overflow:hidden}.priority-carousel__container,.priority-carousel__container *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.priority-carousel__track{aspect-ratio:16/9;justify-content:center;align-items:center;width:100%;max-width:100%;margin:0 auto;display:flex;position:relative}@media (min-width:640px){.priority-carousel__track{aspect-ratio:auto;max-width:520px;height:300px}}@media (min-width:1024px){.priority-carousel__track{max-width:640px;height:300px}}.priority-carousel__item{cursor:pointer;width:100%;max-width:100%;transition:transform .4s,opacity .4s;position:absolute;top:50%;left:50%}@media (min-width:640px){.priority-carousel__item{max-width:420px}}@media (min-width:1024px){.priority-carousel__item{max-width:520px}}.priority-carousel__item-link{color:inherit;text-decoration:none;display:block}.priority-carousel__item-button{cursor:pointer;background:0 0;border:none;width:100%;padding:0}.priority-carousel__item-button:disabled{cursor:default}.priority-carousel__thumbnail-wrapper{border-radius:0;position:relative}@media (min-width:480px){.priority-carousel__thumbnail-wrapper{border-radius:var(--radius-lg)}}.priority-carousel__thumbnail-wrapper:before{content:"";z-index:10;pointer-events:none;border-top:3px solid;border-left:3px solid;border-image:linear-gradient(135deg,orange,#ff6b6b) 1;border-top-left-radius:0;width:40%;height:40%;transition:opacity .3s;position:absolute;top:0;left:0}@media (min-width:480px){.priority-carousel__thumbnail-wrapper:before{border-top-left-radius:var(--radius-lg)}}.priority-carousel__thumbnail-wrapper:after{content:"";z-index:10;pointer-events:none;border-bottom:3px solid;border-right:3px solid;border-image:linear-gradient(315deg,orange,#ff6b6b) 1;border-bottom-right-radius:0;width:40%;height:40%;transition:opacity .3s;position:absolute;bottom:0;right:0}@media (min-width:480px){.priority-carousel__thumbnail-wrapper:after{border-bottom-right-radius:var(--radius-lg)}}.priority-carousel__item:not(.priority-carousel__item--center) .priority-carousel__thumbnail-wrapper:before,.priority-carousel__item:not(.priority-carousel__item--center) .priority-carousel__thumbnail-wrapper:after{opacity:.3}.priority-carousel__item--center .priority-carousel__thumbnail-wrapper{border-radius:0}@media (min-width:480px){.priority-carousel__item--center .priority-carousel__thumbnail-wrapper{border-radius:var(--radius-lg)}}.priority-carousel__thumbnail{aspect-ratio:16/9;background:var(--color-bg-tertiary);border-radius:0;position:relative;overflow:hidden}@media (min-width:480px){.priority-carousel__thumbnail{border-radius:var(--radius-lg)}}.priority-carousel__image{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .3s}.priority-carousel__image.is-loaded{opacity:1}.priority-carousel__skeleton{background:var(--color-surface-elevated);z-index:1;position:absolute;inset:0}.priority-carousel__skeleton-pulse{background:linear-gradient(90deg,var(--color-surface-elevated)0%,var(--color-bg-tertiary)50%,var(--color-surface-elevated)100%);background-size:200% 100%;width:100%;height:100%;animation:1.5s ease-in-out infinite carousel-skeleton-pulse}@keyframes carousel-skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.priority-carousel__overlay{z-index:2;pointer-events:none;background:#000000a6;position:absolute;inset:0}.priority-carousel__live-badge{top:var(--space-2);left:var(--space-2);border-radius:var(--radius-sm);z-index:3;background:#eb0400;padding:2px 6px;position:absolute}.priority-carousel__live-badge span{color:#fff;text-transform:uppercase;letter-spacing:.02em;font-size:11px;font-weight:700}.priority-carousel__viewers{bottom:var(--space-2);left:var(--space-2);align-items:center;gap:var(--space-1);border-radius:var(--radius-sm);z-index:3;background:#000000b3;padding:2px 6px;display:flex;position:absolute}.priority-carousel__viewers span{font-size:var(--text-xs);color:#fff}.priority-carousel__viewers svg{color:#fff}.priority-carousel__play-overlay{opacity:0;z-index:4;background:#0006;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.priority-carousel__item--center:hover .priority-carousel__play-overlay,.priority-carousel__item--center.is-hovered .priority-carousel__play-overlay{opacity:1}.priority-carousel__metadata-container{max-width:520px;padding:0 var(--space-4);margin:0 auto;position:relative}.priority-carousel__metadata-link{color:inherit;text-decoration:none;display:none}.priority-carousel__metadata-link.is-active{display:block}.priority-carousel__metadata-link:hover .priority-carousel__title-stream,.priority-carousel__metadata-link.is-hovered .priority-carousel__title-stream{color:var(--color-primary)}.priority-carousel__metadata-link:hover .priority-carousel__game,.priority-carousel__metadata-link.is-hovered .priority-carousel__game{color:var(--color-primary-light)}.priority-carousel__metadata{align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);transition:background .2s;display:flex}.priority-carousel__avatar{background:var(--color-bg-tertiary);border-radius:50%;flex-shrink:0;width:40px;height:40px;overflow:hidden}.priority-carousel__avatar img{object-fit:cover;width:100%;height:100%}.priority-carousel__info{flex:1;min-width:0;overflow:hidden}.priority-carousel__name{font-size:var(--text-sm);color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;margin:0 0 2px;font-weight:500;overflow:hidden}.priority-carousel__game{font-size:var(--text-xs);color:var(--twitch-purple);white-space:nowrap;text-overflow:ellipsis;margin:0 0 2px;transition:color .15s;overflow:hidden}.priority-carousel__title-stream{font-size:var(--text-sm);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-weight:600;transition:color .15s;overflow:hidden}.priority-carousel__boost-badge{border-radius:var(--radius-full);color:orange;font-size:var(--text-xs);background:linear-gradient(135deg,#ffa50033,#ff6b6b33);border:1px solid #ffa5004d;flex-shrink:0;align-items:center;gap:4px;padding:4px 8px;font-weight:600;display:flex}.priority-carousel__arrow{border-radius:var(--radius-full);color:#ffffffe6;cursor:pointer;z-index:20;opacity:1;background:#0009;border:none;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.priority-carousel__arrow:hover{color:#fff;background:#000c}.priority-carousel__arrow:disabled{opacity:.3;cursor:not-allowed}.priority-carousel__arrow--left{left:var(--space-2)}.priority-carousel__arrow--right{right:var(--space-2)}@media (min-width:768px){.priority-carousel__arrow{width:40px;height:40px}.priority-carousel__arrow--left{left:var(--space-4)}.priority-carousel__arrow--right{right:var(--space-4)}}.priority-header{justify-content:space-between;align-items:flex-start;gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}@media (min-width:640px){.priority-header{gap:var(--space-4);margin-bottom:var(--space-6)}}.priority-title{align-items:center;gap:var(--space-2);display:flex}@media (min-width:640px){.priority-title{align-items:flex-start;gap:var(--space-4)}}.priority-title-text{flex-direction:column;gap:0;display:flex}@media (min-width:640px){.priority-title-text{gap:var(--space-1)}}.priority-icon{border-radius:var(--radius-md);color:#fff;background:linear-gradient(135deg,orange,#ff6b6b);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}@media (min-width:640px){.priority-icon{border-radius:var(--radius-lg);width:48px;height:48px}}.priority-icon svg{width:18px;height:18px}@media (min-width:640px){.priority-icon svg{width:24px;height:24px}}.priority-title h2{font-size:var(--text-base);color:var(--color-text-primary);align-items:center;gap:var(--space-2);white-space:nowrap;margin:0;display:flex}@media (min-width:640px){.priority-title h2{font-size:var(--text-xl)}}.priority-title-text p{font-size:var(--text-xs);color:var(--color-text-secondary);margin:0;display:none}@media (min-width:640px){.priority-title-text p{font-size:var(--text-sm);display:block}}.priority-info-trigger{color:var(--color-text-tertiary);cursor:help;margin-left:var(--space-1);justify-content:center;align-items:center;display:inline-flex;position:relative}.priority-info-trigger svg{opacity:.6;transition:opacity .2s}.priority-info-trigger:hover svg{opacity:1;color:orange}.priority-info-tooltip{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2)var(--space-3);font-size:var(--text-xs);color:var(--color-text-secondary);white-space:normal;text-align:center;opacity:0;visibility:hidden;z-index:100;width:max-content;max-width:220px;font-weight:400;transition:opacity .2s,visibility .2s;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000004d}.priority-info-tooltip:before{content:"";border-left:6px solid #0000;border-right:6px solid #0000;border-bottom:6px solid var(--color-border);position:absolute;top:-6px;left:50%;transform:translate(-50%)}.priority-info-tooltip:after{content:"";border-left:5px solid #0000;border-right:5px solid #0000;border-bottom:5px solid var(--color-bg-tertiary);position:absolute;top:-5px;left:50%;transform:translate(-50%)}.priority-info-trigger:hover .priority-info-tooltip{opacity:1;visibility:visible}@media (min-width:640px){.priority-info-trigger{display:none}}.priority-badge-info{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);border-radius:var(--radius-full);color:orange;font-size:var(--text-sm);background:linear-gradient(135deg,#ffa50033,#ff6b6b33);border:1px solid #ffa5004d;font-weight:600;display:none}@media (min-width:768px){.priority-badge-info{display:flex}}.priority-grid{gap:var(--space-3);grid-template-columns:1fr;display:grid}@media (min-width:480px){.priority-grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr)}}@media (min-width:640px){.priority-grid{gap:var(--space-4)}}@media (min-width:768px){.priority-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1288px){.priority-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:1588px){.priority-grid{grid-template-columns:repeat(5,1fr)}}.section-divider{align-items:center;gap:var(--space-4);margin-top:var(--space-4);margin-bottom:var(--space-8);display:flex}.section-divider:before,.section-divider:after{content:"";background:linear-gradient(90deg,transparent,var(--color-border),transparent);flex:1;height:1px}.section-divider span{color:var(--color-text-muted);font-size:var(--text-sm);white-space:nowrap;font-weight:500}.streamers-filters{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}@media (min-width:640px){.streamers-filters{gap:var(--space-4);margin-bottom:var(--space-6)}}.active-filters{align-items:center;gap:var(--space-2);flex-wrap:wrap;flex:1;display:flex}.filter-tag{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--color-text-primary);background:#9147ff26;border:1px solid #9147ff4d;text-decoration:none;transition:all .2s;display:inline-flex}.filter-tag:hover{border-color:var(--color-primary);background:#9147ff40}.filter-tag--category{background:#ffa50026;border-color:#ffa5004d}.filter-tag--category:hover{background:#ffa50040;border-color:orange}.filter-tag--tag{background:#22c55e26;border-color:#22c55e4d}.filter-tag--tag:hover{background:#22c55e40;border-color:#22c55e}.search-bar{flex:1;min-width:0;position:relative}@media (min-width:640px){.search-bar{min-width:200px;max-width:400px}}.search-icon{left:var(--space-3);color:var(--color-text-muted);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}@media (min-width:640px){.search-icon{left:var(--space-4)}}.search-icon svg{width:16px;height:16px}@media (min-width:640px){.search-icon svg{width:20px;height:20px}}.search-input{width:100%;padding:var(--space-2)var(--space-3);padding-left:calc(var(--space-3) + 20px);padding-right:var(--space-8);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-xs);transition:all var(--transition-fast)}@media (min-width:640px){.search-input{padding:var(--space-3)var(--space-4);padding-left:calc(var(--space-4) + 24px);padding-right:var(--space-10);border-radius:var(--radius-lg);font-size:var(--text-sm)}}.search-input::placeholder{color:var(--color-text-muted)}.search-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #9147ff1a}.search-clear{right:var(--space-3);padding:var(--space-1);color:var(--color-text-muted);border-radius:var(--radius-sm);transition:all var(--transition-fast);position:absolute;top:50%;transform:translateY(-50%)}.search-clear:hover{color:var(--color-text-primary);background:var(--color-bg-elevated)}.sort-dropdown{position:relative}.sort-select{appearance:none;padding:var(--space-3)var(--space-10)var(--space-3)var(--space-4);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast)}.sort-select:focus{border-color:var(--color-primary);outline:none}.sort-icon{right:var(--space-4);color:var(--color-text-muted);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.categories-section{margin-bottom:var(--space-4)}@media (min-width:640px){.categories-section{margin-bottom:var(--space-8)}}.categories-header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:500;display:flex}@media (min-width:640px){.categories-header{margin-bottom:var(--space-4);font-size:var(--text-sm)}}.categories-list{gap:var(--space-1);-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;flex-wrap:wrap;display:flex;overflow-x:auto}.categories-list::-webkit-scrollbar{display:none}@media (min-width:640px){.categories-list{gap:var(--space-2);overflow-x:visible}}.category-chip{align-items:center;gap:var(--space-1);padding:var(--space-1)var(--space-2);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;flex-shrink:0;display:inline-flex}@media (min-width:640px){.category-chip{gap:var(--space-2);padding:var(--space-2)var(--space-4);font-size:var(--text-sm)}}.category-chip:hover{border-color:var(--color-primary);color:var(--color-text-primary)}.category-chip.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.category-count{border-radius:var(--radius-sm);background:#ffffff26;padding:1px 4px;font-size:9px;font-weight:600}@media (min-width:640px){.category-count{font-size:var(--text-xs);padding:2px 6px}}.category-chip.active .category-count{background:#ffffff40}.boosted-badge{top:var(--space-1);right:var(--space-1);color:#fff;background:linear-gradient(135deg,orange,#ff6b6b);border-radius:2px;align-items:center;gap:2px;padding:1px 4px;font-size:8px;font-weight:700;animation:2s ease-in-out infinite pulse-glow;display:flex;position:absolute}@media (min-width:640px){.boosted-badge{top:var(--space-2);right:var(--space-2);gap:var(--space-1);border-radius:var(--radius-sm);padding:2px 6px;font-size:11px}}.boosted-badge svg{width:10px;height:10px}@media (min-width:640px){.boosted-badge svg{width:14px;height:14px}}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px #ffa50080}50%{box-shadow:0 0 15px #ffa500cc}}.streamers-help{margin-top:var(--space-12)}.help-card{align-items:center;gap:var(--space-4);padding:var(--space-4)var(--space-6);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-fast);display:flex}.help-card:hover{border-color:var(--color-primary);background:var(--color-bg-elevated)}.help-icon{border-radius:var(--radius-lg);color:orange;background:linear-gradient(135deg,#ffa50033,#ff6b6b33);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.help-content{flex:1}.help-content h3{font-size:var(--text-base);margin-bottom:var(--space-1)}.help-content p{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.help-content strong{color:orange}.help-arrow{color:var(--color-text-muted);flex-shrink:0}.discovery-section{margin:var(--space-10)0;position:relative}.discovery-section__header{margin-bottom:var(--space-6);transform-origin:0;justify-content:space-between;align-items:center;display:flex;position:relative;transform:scale(.98)}.discovery-section__title{align-items:center;gap:var(--space-4);width:100%;font-family:var(--font-display);font-size:var(--text-xl);color:#fff;text-transform:uppercase;letter-spacing:.05em;margin:0;font-weight:700;display:flex}.discovery-section__title-link{align-items:center;gap:var(--space-4);cursor:pointer;width:100%;transition:all var(--transition-fast);text-decoration:none;display:flex}.discovery-section__title-link:hover .discovery-section__title{color:var(--color-primary)}.discovery-section__title-link:hover .discovery-section__title:before{transform:scaleY(1.1);box-shadow:0 0 15px #9147ffcc}.discovery-section__title-link .discovery-section__title{flex:none;width:auto}.discovery-section__title-link .discovery-section__title:after{display:none}.discovery-section__title-arrow{color:var(--color-text-muted);transition:all var(--transition-fast);flex-shrink:0}.discovery-section__title-link:hover .discovery-section__title-arrow{color:var(--color-primary);transform:translate(4px)}.discovery-section__title-link:after{content:"";background:linear-gradient(90deg,#9147ff80 0%,#9147ff1a 60%,#0000 100%);flex:1;height:1px;margin-top:2px}.discovery-section__title:before{content:"";background:var(--color-primary);border-radius:2px;width:4px;height:20px;display:block;box-shadow:0 0 10px #9147ff99}.discovery-section__title:after{content:"";background:linear-gradient(90deg,#9147ff80 0%,#9147ff1a 60%,#0000 100%);flex:1;height:1px;margin-top:2px}.discovery-section__grid{gap:var(--space-4);grid-template-columns:repeat(5,1fr);display:grid}@media (max-width:1588px){.discovery-section__grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:1100px){.discovery-section__grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.discovery-section__grid{grid-template-columns:1fr}}.discovery-section__footer{margin-top:var(--space-4);justify-content:center;display:flex}.discovery-section__show-more{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;font-weight:500;text-decoration:none;display:inline-flex}.discovery-section__show-more:hover{background:var(--color-bg-elevated);border-color:var(--color-primary);color:var(--color-primary)}.foryou-section .discovery-section__header{justify-content:space-between;align-items:center;display:flex}.foryou-icon{color:#e74c6f;flex-shrink:0}.title-content{align-items:center;gap:var(--space-2);display:flex}.title-count{font-size:var(--text-sm);color:var(--color-text-tertiary);margin-left:var(--space-1);font-weight:400}.foryou-config-btn{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;align-items:center;gap:6px;padding:6px 14px;font-weight:500;display:inline-flex}.foryou-config-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:#8b5cf614}.foryou-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;padding:var(--space-4);background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.foryou-modal{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;width:100%;max-width:480px;max-height:80vh;animation:.2s ease-out modalIn;display:flex;box-shadow:0 24px 80px #0009}@keyframes modalIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.foryou-modal__header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.foryou-modal__header h2{align-items:center;gap:var(--space-2);font-size:var(--text-lg);color:var(--color-text-primary);margin:0;font-weight:600;display:flex}.foryou-modal__header h2 svg{color:#e74c6f}.foryou-modal__close{color:var(--color-text-tertiary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;padding:6px;display:flex}.foryou-modal__close:hover{color:var(--color-text-primary);background:var(--color-bg-elevated)}.foryou-tabs{border-bottom:1px solid var(--color-border);gap:0;padding:0 20px;display:flex}.foryou-tabs__btn{color:var(--color-text-tertiary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:12px 16px;font-weight:500;display:flex}.foryou-tabs__btn:hover{color:var(--color-text-secondary)}.foryou-tabs__btn--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.foryou-tabs__count{background:var(--color-primary);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:600;line-height:1;display:inline-flex}.foryou-modal__body{flex:1;padding:16px 20px;overflow-y:auto}.foryou-search-wrapper{z-index:50;padding:16px 20px 0;position:relative}.foryou-search{position:relative}.foryou-search input{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text-primary);font-size:var(--text-sm);transition:border-color var(--transition-fast);outline:none;padding:10px 40px 10px 14px}.foryou-search input:focus{border-color:var(--color-primary)}.foryou-search input::placeholder{color:var(--color-text-tertiary)}.foryou-search__add{background:var(--color-primary);border-radius:var(--radius-sm);color:#fff;cursor:pointer;width:32px;height:32px;transition:opacity var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.foryou-search__add:hover{opacity:.85}.foryou-selected{margin-bottom:12px}.foryou-selected__label{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:11px;font-weight:600;display:block}.foryou-chips{flex-wrap:wrap;gap:6px;display:flex}.foryou-chip{font-size:var(--text-xs);border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-weight:500;animation:.15s ease-out chipIn;display:inline-flex}@keyframes chipIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.foryou-chip button{color:inherit;cursor:pointer;opacity:.6;transition:opacity var(--transition-fast);background:0 0;border:none;padding:0;display:flex}.foryou-chip button:hover{opacity:1}.foryou-chip--streamer{color:#a78bfa;background:#8b5cf626}.foryou-chip--category{color:#60a5fa;background:#3b82f626}.foryou-chip--tag{color:#34d399;background:#10b98126}.foryou-suggestions{top:calc(100% + var(--space-2));border-radius:var(--radius-lg);max-height:260px;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:20;background:#18181bfa;border:1px solid #ffffff1a;flex-direction:column;display:flex;position:absolute;left:0;right:0;overflow-y:auto}.foryou-suggestion{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3)var(--space-4);text-align:left;cursor:pointer;background:0 0;border:none;transition:background .15s;display:flex}.foryou-suggestion:hover{background:#9147ff1a}.foryou-suggestion--selected{background:#9147ff14}.foryou-suggestion--selected:hover{background:#9147ff26}.foryou-suggestion__icon{border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-text-muted);background:#ffffff0d;flex-shrink:0;justify-content:center;align-items:center;display:flex}.foryou-suggestion__icon--streamer{color:var(--color-primary);background:#9147ff33}.foryou-suggestion__icon--category{color:orange;background:#ffa50033}.foryou-suggestion__icon--tag{color:#22c55e;background:#22c55e33}.foryou-suggestion__avatar{object-fit:cover;border-radius:var(--radius-md);width:100%;height:100%}.foryou-suggestion__content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.foryou-suggestion__label{font-size:var(--text-sm);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.foryou-suggestion__sublabel{font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.foryou-suggestion__type{font-size:var(--text-xs);border-radius:var(--radius-full);flex-shrink:0;padding:2px 8px;font-weight:500}.foryou-suggestion__type--streamer{color:var(--color-primary);background:#9147ff33}.foryou-suggestion__type--category{color:orange;background:#ffa50033}.foryou-suggestion__type--tag{color:#22c55e;background:#22c55e33}.foryou-suggestion__check{border-radius:var(--radius-full);width:24px;height:24px;color:var(--color-primary);background:#9147ff33;flex-shrink:0;justify-content:center;align-items:center;display:flex}.foryou-suggestions__empty{text-align:center;color:var(--color-text-tertiary);font-size:var(--text-sm);padding:var(--space-6)0;margin:0}.foryou-modal__footer{justify-content:flex-end;gap:var(--space-3);border-top:1px solid var(--color-border);padding:12px 20px;display:flex}.foryou-modal__cancel{border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;padding:8px 16px}.foryou-modal__cancel:hover{background:var(--color-bg-elevated);color:var(--color-text-primary)}.foryou-modal__save{background:var(--color-primary);border-radius:var(--radius-md);color:#fff;font-size:var(--text-sm);cursor:pointer;transition:opacity var(--transition-fast);border:none;align-items:center;gap:6px;padding:8px 20px;font-weight:500;display:inline-flex}.foryou-modal__save:disabled{opacity:.6;cursor:not-allowed}.foryou-modal__save:not(:disabled):hover{opacity:.9}.quest-section{margin:var(--space-6)0}.quest-section-divider{background:linear-gradient(to right,transparent,var(--color-border)10%,var(--color-border)90%,transparent);height:1px;margin:var(--space-4)0}.quest-section-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.quest-section-title{font-size:var(--text-lg);color:var(--color-text-primary);margin:0;font-weight:600}.quest-streamers-grid{gap:var(--space-4);grid-template-columns:repeat(5,1fr);display:grid}@media (max-width:1588px){.quest-streamers-grid{grid-template-columns:repeat(4,1fr)}.quest-streamers-grid>:nth-child(5){display:none}}@media (max-width:1288px){.quest-streamers-grid{grid-template-columns:repeat(3,1fr)}.quest-streamers-grid>:nth-child(4),.quest-streamers-grid>:nth-child(5){display:none}}@media (max-width:768px){.quest-streamers-grid{grid-template-columns:1fr}.quest-streamers-grid>:nth-child(3),.quest-streamers-grid>:nth-child(4),.quest-streamers-grid>:nth-child(5){display:none}}.quest-section-footer{margin-top:var(--space-4);justify-content:center;display:flex}.quest-show-more-btn{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;font-weight:500;text-decoration:none;display:inline-flex}.quest-show-more-btn:hover{background:var(--color-bg-elevated);border-color:var(--color-primary);color:var(--color-primary)}.quest-streamer-skeleton{width:100%}.quest-streamer-skeleton .skeleton-thumbnail{aspect-ratio:16/9;background:var(--color-bg-card);border-radius:var(--radius-md);animation:1.5s ease-in-out infinite skeleton-pulse}.quest-streamer-skeleton .skeleton-content{padding:var(--space-3)0}.quest-streamer-skeleton .skeleton-line{background:var(--color-bg-card);border-radius:var(--radius-sm);height:14px;margin-bottom:var(--space-2);animation:1.5s ease-in-out infinite skeleton-pulse}.quest-streamer-skeleton .skeleton-line.short{width:60%}.pool-section{width:100%}.pool-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.pool-header__title-wrapper{text-align:left;flex:1}.pool-header__title{margin:0;font-size:1.5rem;font-weight:700}.pool-header__sort{gap:.5rem;display:flex}.pool-header__select{border-radius:var(--radius-md);background:var(--color-bg-elevated);border:1px solid var(--color-border);color:var(--color-text-primary);cursor:pointer;padding:.5rem 1rem}.load-more-trigger{padding:var(--space-8)0;justify-content:center;display:flex}.load-more-spinner{align-items:center;gap:var(--space-2);color:var(--color-text-muted);flex-direction:column;display:flex}.load-more-hint{color:var(--color-text-muted);font-size:var(--text-sm)}.load-more-end{text-align:center;padding:var(--space-4)0;color:var(--color-text-muted);font-size:var(--text-sm)}.skeleton-box{background:linear-gradient(90deg,var(--color-bg-elevated)25%,var(--color-bg-card)50%,var(--color-bg-elevated)75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}.skeleton-box--title{width:250px;height:28px}.streamer-grid{gap:var(--space-3);grid-template-columns:1fr;display:grid}@media (min-width:480px){.streamer-grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr)}}@media (min-width:640px){.streamer-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr)}}@media (min-width:1100px){.streamer-grid{gap:var(--space-5);grid-template-columns:repeat(4,1fr)}}@media (min-width:1588px){.streamer-grid{grid-template-columns:repeat(5,1fr)}}.streamer-card{background:0 0;border-radius:0;min-width:0;max-width:100%;text-decoration:none;display:block;position:relative}@media (min-width:480px){.streamer-card{border-radius:var(--radius-md)}}.streamer-thumbnail-wrapper{border-radius:0;position:relative;overflow:visible}@media (min-width:480px){.streamer-thumbnail-wrapper{border-radius:var(--radius-sm)}}@media (min-width:640px){.streamer-thumbnail-wrapper{border-radius:var(--radius-md)}}.streamer-thumbnail-wrapper:before,.streamer-thumbnail-wrapper:after{content:"";pointer-events:none;opacity:0;z-index:2;transition:opacity .2s;position:absolute}.streamer-thumbnail-wrapper:before{border-top:3px solid var(--color-primary);border-left:3px solid var(--color-primary);border-top-left-radius:0;inset:0 50% 50% 0}.streamer-thumbnail-wrapper:after{border-bottom:3px solid var(--color-primary);border-right:3px solid var(--color-primary);border-bottom-right-radius:0;inset:50% 0 0 50%}@media (min-width:480px){.streamer-thumbnail-wrapper:before{border-top-left-radius:var(--radius-sm)}.streamer-thumbnail-wrapper:after{border-bottom-right-radius:var(--radius-sm)}}@media (min-width:640px){.streamer-thumbnail-wrapper:before{border-top-left-radius:var(--radius-md)}.streamer-thumbnail-wrapper:after{border-bottom-right-radius:var(--radius-md)}}.streamer-card:hover .streamer-thumbnail-wrapper:before,.streamer-card:hover .streamer-thumbnail-wrapper:after{opacity:1}.streamer-thumbnail{aspect-ratio:16/9;background:var(--color-bg-elevated);border-radius:0;position:relative;overflow:hidden}@media (min-width:480px){.streamer-thumbnail{border-radius:var(--radius-sm)}}@media (min-width:640px){.streamer-thumbnail{border-radius:var(--radius-md)}}.streamer-thumbnail img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.streamer-card:hover .streamer-thumbnail img{transform:scale(1.02)}.thumbnail-placeholder{width:100%;height:100%;color:var(--color-text-muted);justify-content:center;align-items:center;display:flex}.thumbnail-placeholder svg{width:24px;height:24px}@media (min-width:640px){.thumbnail-placeholder svg{width:32px;height:32px}}.live-badge{top:var(--space-2);left:var(--space-2);color:#fff;text-transform:uppercase;letter-spacing:-.1px;background:#eb0400;border-radius:4px;justify-content:center;align-items:center;height:20px;padding:0 4px;font-size:13px;font-weight:600;display:flex;position:absolute}.live-badge--static{position:static}.live-badge--offline{color:#aaa;background:#ffffff1a}.live-dot{background:#fff;border-radius:50%;width:8px;height:8px;margin-right:4px;animation:1.5s infinite pulse}.live-dot--offline{background:#aaa;animation:none}@media (max-width:639px){.live-badge{top:var(--space-1);left:var(--space-1);border-radius:3px;height:16px;padding:0 3px;font-size:10px}}.viewer-badge{bottom:var(--space-2);left:var(--space-2);color:#fff;background:#0009;border-radius:4px;align-items:center;height:20px;padding:0 5px;font-size:13px;display:flex;position:absolute}@media (max-width:639px){.viewer-badge{bottom:var(--space-1);left:var(--space-1);border-radius:3px;height:16px;padding:0 3px;font-size:10px}}.streamer-info{align-items:flex-start;gap:10px;padding:10px 0 0;display:flex}@media (max-width:639px){.streamer-info{gap:6px;padding:6px 0 0}}.streamer-avatar-wrapper{flex-shrink:0}.streamer-avatar{border-radius:var(--radius-full);object-fit:cover;width:40px;height:40px}@media (max-width:639px){.streamer-avatar{width:30px;height:30px}}.streamer-details{flex-direction:column;flex:1;gap:0;min-width:0;display:flex;overflow:hidden}.stream-title{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14px;font-weight:600;line-height:1.2;transition:color .15s;overflow:hidden}@media (max-width:639px){.stream-title{font-size:12px}}.streamer-card:hover .stream-title{color:var(--color-primary)}.streamer-displayname{color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13px;line-height:1.4;overflow:hidden}@media (max-width:639px){.streamer-displayname{font-size:11px}}.stream-category{color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13px;line-height:1.3;transition:color .15s;overflow:hidden}@media (max-width:639px){.stream-category{font-size:11px}}.streamer-card:hover .stream-category{color:var(--color-primary-light)}.stream-tags{flex-wrap:nowrap;gap:4px;margin-top:4px;display:flex;overflow:hidden}@media (max-width:639px){.stream-tags{gap:3px;margin-top:3px}}.stream-tag{height:20px;color:var(--color-text-secondary);border-radius:var(--radius-full);white-space:nowrap;background:#53535f7a;flex-shrink:0;align-items:center;padding:0 8px;font-size:12px;transition:all .15s;display:inline-flex}@media (max-width:639px){.stream-tag{height:18px;padding:0 6px;font-size:11px}}.stream-tag:hover{color:var(--color-text-primary);background:#53535fcc}.boost-indicator{display:none}@media (min-width:640px){.boost-indicator{color:orange;align-items:center;gap:4px;margin-top:4px;font-size:12px;font-weight:600;display:inline-flex}.boost-indicator svg{animation:1s ease-in-out infinite alternate flame-pulse}}@keyframes flame-pulse{0%{transform:scale(1)}to{transform:scale(1.1)}}.streamer-card--boosted .streamer-thumbnail-wrapper:before,.streamer-card--boosted .streamer-thumbnail-wrapper:after{opacity:.7;border-color:orange}.streamer-card--boosted:hover .streamer-thumbnail-wrapper:before,.streamer-card--boosted:hover .streamer-thumbnail-wrapper:after{opacity:1;border-color:#ff8c00}.streamer-card--final-completed .streamer-thumbnail:before,.streamer-card--final-completed .streamer-thumbnail:after{content:"";pointer-events:none;opacity:1;z-index:3;border-width:3px;transition:opacity .2s;position:absolute}.streamer-card--final-completed .streamer-thumbnail:before{border-top:3px solid #22c55ecc;border-right:3px solid #22c55ecc;border-top-right-radius:0;inset:0 0 50% 50%}.streamer-card--final-completed .streamer-thumbnail:after{border-bottom:3px solid #22c55ecc;border-left:3px solid #22c55ecc;border-bottom-left-radius:0;inset:50% 50% 0 0}@media (min-width:480px){.streamer-card--final-completed .streamer-thumbnail:before{border-top-right-radius:var(--radius-sm)}.streamer-card--final-completed .streamer-thumbnail:after{border-bottom-left-radius:var(--radius-sm)}}@media (min-width:640px){.streamer-card--final-completed .streamer-thumbnail:before{border-top-right-radius:var(--radius-md)}.streamer-card--final-completed .streamer-thumbnail:after{border-bottom-left-radius:var(--radius-md)}}.streamer-card--final-completed:hover .streamer-thumbnail-wrapper:before,.streamer-card--final-completed:hover .streamer-thumbnail-wrapper:after{opacity:1}.streamer-card--skeleton{pointer-events:none}.streamer-card--skeleton .streamer-card__thumbnail{aspect-ratio:16/9;border-radius:var(--radius-md);background:var(--color-surface-elevated);overflow:hidden}.streamer-card--skeleton .streamer-card__info{gap:var(--space-3);margin-top:var(--space-3);display:flex}.streamer-card--skeleton .streamer-card__avatar{border-radius:var(--radius-full);background:var(--color-surface-elevated);flex-shrink:0;width:40px;height:40px}.streamer-card--skeleton .streamer-card__details{gap:var(--space-2);flex-direction:column;flex:1;display:flex}.skeleton-text{border-radius:var(--radius-sm);background:var(--color-surface-elevated)}.skeleton-text--title{width:90%;height:16px}.skeleton-text--name{width:60%;height:14px}.skeleton-text--game{width:40%;height:12px}.skeleton-pulse{opacity:.6}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}.load-more-trigger{padding:var(--space-10)0;justify-content:center;align-items:center;min-height:100px;display:flex}.load-more-spinner{align-items:center;gap:var(--space-3);color:var(--color-text-secondary);font-size:var(--text-sm);flex-direction:column;font-weight:500;display:flex}.load-more-spinner svg{color:var(--color-primary)}.load-more-hint{color:var(--color-text-muted);font-size:var(--text-sm);opacity:.6}.animate-spin{animation:1s linear infinite spin}.load-more-end{text-align:center;padding:var(--space-6)0;color:var(--color-text-muted);font-size:var(--text-sm);border-top:1px solid var(--color-border);margin-top:var(--space-4)}.empty-state{text-align:center;padding:var(--space-16)}.empty-icon{margin-bottom:var(--space-4);justify-content:center;font-size:4rem;display:flex}.empty-state h2{font-size:var(--text-xl);margin-bottom:var(--space-2)}.empty-state p{color:var(--color-text-muted)}.text-left{text-align:left}.text-right{text-align:right}.text-cyan{color:#22d3ee}.mt-4{margin-top:var(--space-4)}.mt-8{margin-top:var(--space-8)}.mb-8{margin-bottom:var(--space-8)}@media (min-width:768px){.nav{gap:var(--space-1);display:flex}.header-actions{align-items:center;gap:var(--space-3);display:flex}.menu-toggle{display:none}.hero-title{font-size:var(--text-5xl)}.hero-cta{flex-direction:row;justify-content:center}.features-grid,.pricing-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr}.footer-bottom{flex-direction:row;justify-content:space-between}}@media (min-width:1024px){.hero .container{grid-template-columns:1fr 1fr;align-items:center}.hero-content{text-align:left}.hero-subtitle{margin-left:0}.hero-cta,.hero-stats{justify-content:flex-start}.hero-image{display:block}.features-grid{grid-template-columns:repeat(6,1fr)}.features-grid>*{grid-column:span 2}.features-grid>:nth-child(4){grid-column:2/span 2}.features-grid>:nth-child(5){grid-column:4/span 2}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}.hero-title{font-size:var(--text-6xl)}}html.watch-mode,body.watch-mode{height:100vh!important;overflow:hidden!important}body.watch-mode .main-header,body.watch-mode header:not(.watch-header),body.watch-mode .site-header,body.watch-mode footer,body.watch-mode .main-footer,body.watch-mode .site-footer{display:none!important}.watch-page,.merchant-page{background:var(--color-bg-dark);z-index:1000;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.watch-header,.merchant-header{background:var(--color-bg-card);border-bottom:1px solid var(--color-border);padding:var(--space-2)var(--space-4);flex-shrink:0}.watch-header-content{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.watch-header-left{align-items:center;gap:var(--space-3);display:flex}.watch-back-btn,.home-button{border-radius:var(--radius-md);background:var(--color-bg-elevated);width:36px;height:36px;color:var(--color-text);font-size:var(--text-lg);transition:background var(--transition-base);justify-content:center;align-items:center;text-decoration:none;display:flex}.watch-back-btn:hover,.home-button:hover{background:var(--color-bg-hover)}.watch-streamer-info{align-items:center;gap:var(--space-3);display:flex}.watch-streamer-avatar{border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--color-primary);width:40px;height:40px}.watch-streamer-info h1{font-size:var(--text-lg);margin:0;font-weight:600}.watch-streamer-info p{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.watch-twitch-link{border-radius:var(--radius-full);color:#9146ff;font-size:var(--text-xs);transition:all var(--transition-base);white-space:nowrap;background:#9146ff1f;border:1px solid #9146ff40;align-items:center;gap:6px;padding:6px 12px;font-weight:600;text-decoration:none;display:flex}.watch-twitch-link:hover{color:#b380ff;background:#9146ff38;border-color:#9146ff73}.watch-twitch-link svg:first-child{flex-shrink:0}.watch-header-actions{align-items:center;gap:var(--space-3);display:flex}.btn-quest-toggle{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-base);font-weight:500;display:flex}.btn-quest-toggle:hover{background:var(--color-bg-hover);border-color:var(--color-primary);color:var(--color-text)}.btn-quest-toggle.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.btn-quest-toggle .quest-toggle-text{font-weight:600}.btn-quest-toggle .quest-toggle-icon{font-size:var(--text-base)}.watch-user-credits{align-items:center;gap:var(--space-1);background:var(--color-bg-elevated);padding:var(--space-2)var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--color-text-primary);font-weight:600;display:flex}.watch-user-credits svg{color:#22c55e;flex-shrink:0}.watch-content{flex:1;grid-template-columns:1fr 340px;width:100%;min-height:0;display:grid;overflow:hidden}.watch-player-container{background:#000;flex-direction:column;min-width:0;display:flex;overflow:hidden}.watch-player{background:#000;flex:1;min-height:300px}.watch-player iframe{border:none;width:100%;height:100%}.watch-player-offline{background:linear-gradient(135deg,var(--color-bg-base)0%,var(--color-bg-elevated)100%);height:100%;min-height:300px;color:var(--color-secondary);text-align:center;padding:var(--space-6);flex-direction:column;justify-content:center;align-items:center;display:flex}.watch-player-offline__avatar{object-fit:cover;border:3px solid var(--color-border);width:120px;height:120px;margin-bottom:var(--space-4);border-radius:50%}.watch-player-offline__avatar-placeholder{background:var(--color-bg-elevated);border:3px solid var(--color-border);width:120px;height:120px;margin-bottom:var(--space-4);border-radius:50%;justify-content:center;align-items:center;font-size:3rem;display:flex}.watch-player-offline h2{font-size:var(--text-xl);color:var(--color-primary);margin-bottom:var(--space-2);font-weight:700}.watch-player-offline p{font-size:var(--text-base);color:var(--color-secondary)}.watch-chat-placeholder{background:var(--color-bg-elevated);height:100%;min-height:200px;color:var(--color-secondary);text-align:center;padding:var(--space-4);font-size:var(--text-sm);justify-content:center;align-items:center;display:flex}.watch-chat-container{flex-direction:column;min-width:0;height:100%;display:flex;position:relative}.watch-chat{background:var(--color-bg-card);flex-direction:column;flex:1;min-width:0;height:100%;display:flex}.watch-chat iframe{border:none;flex:1;width:100%;height:100%}.watch-raid-banner{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:var(--space-3)var(--space-4);background:linear-gradient(135deg,#9147fff2 0%,#6428c8f2 100%);animation:.4s ease-out raidSlideDown;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 20px #9147ff66}@keyframes raidSlideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.watch-raid-banner__content{align-items:center;gap:var(--space-3);max-width:900px;margin:0 auto;display:flex}.watch-raid-banner__icon{font-size:1.4rem;animation:.6s ease-in-out infinite alternate raidBounce}@keyframes raidBounce{0%{transform:scale(1)}to{transform:scale(1.15)}}.watch-raid-banner__text{color:#fff;flex:1;font-size:.85rem;line-height:1.3}.watch-raid-banner__text strong{color:#fff;font-weight:700}.watch-raid-banner__btn{white-space:nowrap;font-weight:600;transition:all .2s;color:#fff!important;background:#fff3!important;border:1px solid #fff6!important}.watch-raid-banner__btn:hover{transform:scale(1.02);background:#ffffff4d!important}.watch-raid-banner__dismiss{color:#ffffffb3;cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.watch-raid-banner__dismiss:hover{color:#fff;background:#ffffff26}.watch-info-bar{align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-4);background:var(--color-bg-elevated);border-top:1px solid var(--color-border);font-size:var(--text-sm);color:var(--color-secondary);font-weight:500;display:flex}.watch-info-bar .info-item{align-items:center;gap:var(--space-2);display:flex}.watch-info-bar .info-item.viewers{color:var(--color-error);font-weight:600}.watch-info-bar .info-separator{color:var(--color-border)}.watch-info-bar .live-dot-small{background:var(--color-error);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}.watch-info-bar .watch-time{color:var(--color-primary)}.watch-quests-panel{background:var(--glass-bg);width:100%;height:100%;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);z-index:10;-webkit-overflow-scrolling:touch;transition:transform .3s;display:block;position:absolute;inset:0;overflow-x:hidden;transform:translate(100%);overflow-y:scroll!important}.watch-quests-panel.open{transform:translate(0)}.watch-quests-panel>.quest-panel{min-height:min-content}.quests-panel-header{padding:var(--space-4);background:#18181b;border-bottom:1px solid #2f2f35}.quests-panel-header h2{font-size:var(--text-lg);margin:0 0 var(--space-1)0}.quests-login-hint{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.quests-login-hint a{color:var(--color-primary)}.quests-panel-content{padding:var(--space-4);flex:1;overflow-y:auto}.quests-section{margin-bottom:var(--space-6)}.quests-section h3{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0 0 var(--space-3)0;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.quests-list{gap:var(--space-3);flex-direction:column;display:flex}.quests-empty{text-align:center;padding:var(--space-8);color:var(--color-text-muted)}.quests-empty span{font-size:var(--text-4xl);margin-bottom:var(--space-2);display:block}.quests-own-channel-notice{padding:var(--space-4);align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);background:#18181b;border-top:1px solid #2f2f35;display:flex}.quest-card{background:var(--color-bg-elevated);border-radius:var(--radius-lg);border:1px solid var(--color-border);transition:all var(--transition-base);overflow:hidden}.quest-card:hover{border-color:var(--quest-color,var(--color-primary));box-shadow:0 0 0 1px var(--quest-color,var(--color-primary))}.quest-card.disabled{opacity:.6;pointer-events:none}.quest-card.premium{border-color:var(--color-secondary);background:linear-gradient(135deg,var(--color-bg-elevated)0%,#9147ff1a 100%)}.quest-card-completed{border-color:var(--color-secondary)}.quest-card-claimed{opacity:.7}.quest-card-header{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2);cursor:pointer;display:flex}.quest-info{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.quest-header-right{align-items:center;gap:var(--space-2);display:flex}.quest-title{font-size:var(--text-xs);align-items:center;gap:var(--space-2);margin:0;font-weight:600;display:flex}.quest-slots-badge{border-radius:var(--radius-full);color:var(--color-text-secondary);background:#ffffff1a;align-items:center;gap:2px;padding:2px 6px;font-size:9px;font-weight:500;display:inline-flex}.quest-slots-badge.low{color:#ff6b6b;background:#ff6b6b33}.quest-slots-badge.unlimited{color:var(--color-primary);background:#9147ff33}.quest-card.exhausted{opacity:.6;pointer-events:none}.quest-card.exhausted .quest-card-header{pointer-events:auto}.quest-exhausted-notice{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted);padding:var(--space-2);background:var(--color-bg-hover);border-radius:var(--radius-sm);display:flex}.quest-status-badge.exhausted{color:var(--color-text-muted);background:var(--color-bg-hover);border-radius:var(--radius-sm);align-items:center;gap:4px;padding:4px 8px;font-size:10px;display:inline-flex}.premium-badge{color:var(--color-secondary);font-size:10px}.quest-reward{color:var(--color-secondary);font-size:10px;font-weight:500}.quest-expand{color:var(--color-text-muted);font-size:10px}.quest-progress{padding:0 var(--space-2)var(--space-2);align-items:center;gap:var(--space-2);display:flex}.quest-progress-bar-container{background:var(--color-bg-hover);border-radius:var(--radius-full);flex:1;height:4px;position:relative;overflow:hidden}.quest-progress-bar{background:var(--quest-color,var(--color-primary));border-radius:var(--radius-full);height:100%;transition:width .3s}.quest-progress-text{color:var(--color-text-muted);text-align:right;min-width:24px;font-size:10px}.quest-card-body{padding:0 var(--space-2)var(--space-2)}.quest-description{font-size:var(--text-xs);color:var(--color-text-secondary);margin:var(--space-2)0;line-height:1.4}.quest-requirements{gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap;font-size:10px;display:flex}.quest-requirements-label{color:var(--color-text-muted)}.quest-requirements-value{color:var(--color-text-primary);font-weight:500}.quest-requirements-progress{color:var(--color-text-muted)}.quest-actions{gap:var(--space-2);display:flex}.quest-claimed-badge{color:var(--color-text-muted);font-size:10px}.quest-card-actions-compact{padding:0 var(--space-2)var(--space-2)}.quest-status-badge{border-radius:var(--radius-sm);justify-content:center;align-items:center;padding:2px 6px;font-size:10px;font-weight:600;display:inline-flex}.quest-status-badge.claimed{background:var(--color-secondary);color:var(--color-bg-dark)}.quest-status-badge.progress{background:var(--color-bg-hover);color:var(--color-text-primary)}.pulse{animation:2s infinite pulse}@media (max-width:1400px){.watch-content{grid-template-columns:1fr 300px}}@media (max-width:1024px){.watch-content{grid-template-rows:auto 1fr;grid-template-columns:1fr;overflow:hidden}.watch-player-container{min-height:0}.watch-player{aspect-ratio:16/9;flex:none;max-height:35vh}.watch-chat-container{border-top:1px solid var(--color-border);flex:1;min-height:0}.watch-chat{flex:1;min-height:0}}@media (max-width:640px){.watch-header-content{gap:var(--space-2);flex-wrap:nowrap}.watch-streamer-info h1{font-size:var(--text-sm)}.watch-streamer-info p{display:none}.watch-streamer-avatar{width:32px;height:32px}.watch-header-actions{gap:var(--space-2)}.watch-user-credits{padding:var(--space-1)var(--space-2);font-size:var(--text-xs)}.watch-player{max-height:30vh}.watch-info-bar{gap:var(--space-2);padding:var(--space-2);font-size:var(--text-xs);flex-wrap:wrap}.watch-back-btn{width:32px;height:32px;font-size:var(--text-base)}.btn-quest-toggle .quest-toggle-text{display:none}}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:var(--space-3)}.gap-4{gap:1rem}.gap-6{gap:var(--space-6)}.inline{display:inline}.inline-block{display:inline-block}.block{display:block}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.mt-3{margin-top:var(--space-3)}.mt-6{margin-top:var(--space-6)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-normal{font-weight:400}.text-muted{color:var(--color-text-muted)}.text-center{text-align:center}.w-full{width:100%}.flex-shrink-0{flex-shrink:0}.opacity-60{opacity:.6}.section-title-wrapper{align-items:center;gap:.5rem;display:flex}.section-title__count{color:var(--color-text-muted);font-size:.875rem;font-weight:400}.watch-quests-panel--merchant{background:var(--color-bg-card);position:relative;transform:none}.merchant-page{--merchant-accent:#eab308;--merchant-accent-glow:#eab3084d}.merchant-header{border-bottom-color:var(--merchant-accent-glow);z-index:100;position:relative}.merchant-badge{background:var(--merchant-accent-glow);color:var(--merchant-accent);border-radius:9999px;padding:.25rem .5rem;font-size:.75rem;font-weight:500}.merchant-subtitle{color:var(--color-text-muted);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.rotation-indicator{color:var(--merchant-accent);background:var(--merchant-accent-glow);border-radius:9999px;align-items:center;gap:.25rem;padding:.125rem .5rem;font-size:.75rem;display:inline-flex}.merchant-timer{background:var(--merchant-accent-glow);border:1px solid var(--merchant-accent);border-radius:var(--radius-md);color:var(--merchant-accent);font-variant-numeric:tabular-nums;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.875rem;font-weight:600;display:flex}.merchant-loading{background:var(--color-bg-dark);color:var(--color-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex;position:absolute;inset:0}.merchant-npc-display{z-index:1;pointer-events:none;background:linear-gradient(135deg,#eab30805 0%,#000000f2 100%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.merchant-npc-content{text-align:center;pointer-events:auto;max-width:32rem;padding:2rem}.merchant-npc-avatar{object-fit:contain;opacity:.9;width:16rem;height:16rem;filter:drop-shadow(0 0 20px var(--merchant-accent-glow));margin-bottom:1.5rem;animation:4s ease-in-out infinite merchant-float}@keyframes merchant-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.merchant-npc-title{color:var(--merchant-accent);margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.merchant-npc-desc{color:var(--color-text-muted);max-width:24rem;margin:0 auto;line-height:1.6}.merchant-npc-info{border-radius:var(--radius-lg);text-align:left;background:#eab3080d;border:1px solid #eab30833;align-items:flex-start;gap:.75rem;margin-top:2rem;padding:1rem;display:flex}.merchant-npc-info svg{color:var(--merchant-accent);flex-shrink:0;margin-top:.125rem}.merchant-npc-info p{color:#eab308b3;font-size:.875rem;line-height:1.5}.merchant-info-bar{border-top-color:var(--merchant-accent-glow)}.merchant-chat{flex:1;min-height:200px}.watch-quests-panel--full{flex:1;height:100%}.text-success{color:#22c55e}.text-warning{color:#f97316}.text-danger{color:#ef4444}.text-caution{color:#eab308}.text-merchant{color:#a78bfa}body{background:radial-gradient(circle at 50% 0,#1a1f35 0%,#02040a 100%) fixed}.glass-panel,.card,.dashboard-card,.feature-card,.pricing-card,.auth-card{-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow);background:var(--glass-bg)!important;border:var(--glass-border)!important}.header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid #ffffff0d;background:#02040acc!important}.btn-primary{-webkit-backdrop-filter:blur(10px);will-change:transform,box-shadow;background:#9147ffcc;border:1px solid #fff3;transition:box-shadow .3s,transform .3s,border-color .3s;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:0 4px 15px #9147ff4d}.btn-primary:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.btn-primary:hover:before{left:100%}.btn-primary:hover{border-color:#fff6;transform:translateY(-2px);box-shadow:inset 0 0 0 100px #9147ff33,0 0 25px #9147ff80}.btn-secondary{-webkit-backdrop-filter:blur(10px);color:#fff;will-change:transform,box-shadow;background:#ffffff0d;border:1px solid #ffffff1a;transition:box-shadow .3s,transform .3s,border-color .3s,color .3s;transform:translateZ(0)}.btn-secondary:hover{border-color:var(--color-secondary);color:#fff;transform:translateY(-2px);box-shadow:inset 0 0 0 100px #ffffff1a,0 0 15px #9147ff33}.text-gradient{background:linear-gradient(to right,#fff,var(--color-primary));-webkit-text-fill-color:transparent;text-shadow:0 0 20px #9147ff4d;-webkit-background-clip:text}h1,h2,h3{letter-spacing:-.02em}input:focus,select:focus,textarea:focus{border-color:var(--color-primary)!important;box-shadow:0 0 0 2px #9147ff33!important}.live-badge:not(.live-badge--offline){box-shadow:0 0 10px #ff6b6b66}.live-badge--offline{box-shadow:0 0 10px #9696964d}.premium-badge{box-shadow:0 0 10px #9147ff66}.dashboard-header{background:0 0}.nav-link:hover{color:#fff;text-shadow:0 0 10px #9147ff80}.nav-link.active{color:#fff;border-bottom-color:var(--color-secondary)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#02040a}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.dashboard-card,.stat-card,.moderation-card,.viewer-card,.activity-item{-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow);transition:all .3s;background:var(--glass-bg)!important;border:var(--glass-border)!important}.dashboard-card:hover,.stat-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #00000080,0 0 15px #9147ff1a;border-color:#9147ff4d!important}.tab{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--color-text-secondary);background:#ffffff08;border:1px solid #0000}.tab.active{border-color:var(--color-primary);color:#fff;background:#9147ff26;box-shadow:0 0 15px #9147ff33}.mode-btn{background:#0000004d;border:1px solid #ffffff1a}.mode-btn.active{background:var(--color-primary);border-color:var(--color-primary);box-shadow:0 0 15px #9147ff66}.hero{background:radial-gradient(circle,#9147ff0d 0%,#0000 70%)}.footer{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid #ffffff0d;background:#02040af2!important}.dashboard-quest-item{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff08;border:1px solid #ffffff0d}.dashboard-quest-item:hover{border-color:var(--color-secondary);background:#ffffff12}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--glass-shadow)}.glass-card{-webkit-backdrop-filter:blur(12px);background:#0f172a66;border:1px solid #ffffff0d;transition:all .3s;box-shadow:0 4px 20px #0003}.glass-card:hover{background:#0f172a99;border-color:#9147ff4d;transform:translateY(-2px);box-shadow:0 0 20px #9147ff1a}.card,.dashboard-card,.quest-card,.feature-card,.pricing-card,.auth-card{background:var(--glass-bg)!important;-webkit-backdrop-filter:var(--glass-blur)!important;border:var(--glass-border)!important;box-shadow:var(--glass-shadow)!important}.header{-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:#02040acc!important;border-bottom:1px solid #ffffff0d!important}.btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-shadow:0 1px 2px #0000004d}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border:1px solid #ffffff1a;box-shadow:0 4px 15px #9147ff4d}.btn-primary:hover{border-color:#ffffff4d;box-shadow:0 0 20px #9147ff80}.btn-secondary{color:#fff;-webkit-backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a}.btn-secondary:hover{border-color:var(--color-secondary);color:#fff;background:#ffffff1a;transform:translateY(-2px);box-shadow:0 0 15px #9147ff33}input,select,textarea{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--color-text-primary)!important;background:#0000004d!important;border:1px solid #ffffff1a!important}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-secondary)!important;box-shadow:0 0 10px #9147ff33!important}.discovery-hero{padding:var(--space-8)var(--space-6);margin-bottom:var(--space-8);border-radius:var(--radius-2xl);-webkit-backdrop-filter:blur(20px);background:#9147ff14;border:1px solid #9147ff33;max-width:900px;margin-left:auto;margin-right:auto;position:relative;overflow:hidden}.discovery-hero:before{content:"";pointer-events:none;background:radial-gradient(at 20% 20%,#9147ff26 0%,#0000 50%),radial-gradient(at 80% 80%,#ffa5001a 0%,#0000 50%);position:absolute;inset:0}.discovery-hero__badge{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--color-primary);margin-bottom:var(--space-4);background:#9147ff33;border:1px solid #9147ff4d;font-weight:600;display:inline-flex}.discovery-hero__content{z-index:1;text-align:center;max-width:700px;margin:0 auto;position:relative}.discovery-hero__title{font-size:var(--text-3xl);margin-bottom:var(--space-4);color:var(--color-text-primary);font-weight:800;line-height:1.1}.discovery-hero__subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);margin-bottom:var(--space-6);line-height:1.6}.discovery-hero__cta{justify-content:center;gap:var(--space-4);margin-bottom:var(--space-8);flex-wrap:wrap;display:flex}.discovery-hero__stats{justify-content:center;gap:var(--space-8);flex-wrap:wrap;display:flex}.discovery-hero__stats .stat{text-align:center}.discovery-hero__stats .stat-value{font-size:var(--text-2xl);color:var(--color-text-primary);font-weight:700}.discovery-hero__stats .stat-label{font-size:var(--text-sm);color:var(--color-text-muted)}.discovery-features{padding:var(--space-8)var(--space-6);margin:var(--space-8)auto;border-radius:var(--radius-2xl);-webkit-backdrop-filter:blur(10px);background:#ffffff05;border:1px solid #ffffff0f;max-width:1200px}.discovery-features__header{text-align:center;margin-bottom:var(--space-8)}.discovery-features__header h2{font-size:var(--text-2xl);color:var(--color-text-primary);margin-top:var(--space-3);font-weight:700}.discovery-features__grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.discovery-how-it-works{padding:var(--space-8)var(--space-6);margin:var(--space-8)auto;border-radius:var(--radius-2xl);-webkit-backdrop-filter:blur(10px);background:#9147ff0d;border:1px solid #9147ff26;max-width:900px}.discovery-how-it-works__header{text-align:center;margin-bottom:var(--space-6)}.discovery-how-it-works__header h2{font-size:var(--text-2xl);color:var(--color-text-primary);margin-top:var(--space-3);font-weight:700}.discovery-how-it-works__tabs{justify-content:center;gap:var(--space-3);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.discovery-how-it-works__steps{max-width:600px;margin:0 auto}.discovery-cta{padding:var(--space-10)var(--space-6);margin:var(--space-10)auto var(--space-6);border-radius:var(--radius-2xl);text-align:center;-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#9147ff26 0%,#ffa5001a 100%);border:1px solid #9147ff40;max-width:900px}.discovery-cta__content h2{font-size:var(--text-2xl);color:var(--color-text-primary);margin-bottom:var(--space-3);font-weight:700}.discovery-cta__content p{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--space-6);max-width:500px;margin-left:auto;margin-right:auto}.discovery-cta__buttons{justify-content:center;gap:var(--space-4);flex-wrap:wrap;display:flex}@media (min-width:768px){.discovery-hero{padding:var(--space-12)var(--space-8)}.discovery-hero__title{font-size:var(--text-4xl)}.discovery-hero__subtitle{font-size:var(--text-xl)}.discovery-features__header h2,.discovery-how-it-works__header h2,.discovery-cta__content h2{font-size:var(--text-3xl)}}@media (min-width:1024px){.discovery-hero__title{font-size:var(--text-5xl)}}.search-page{min-height:calc(100vh - var(--header-height));padding-top:calc(var(--header-height) + var(--space-6));padding-bottom:var(--space-8)}.search-page__header{max-width:1800px;margin:0 auto var(--space-6);padding:0 var(--space-4)}@media (min-width:1024px){.search-page__header{padding:0 var(--space-6)}}.search-page__title-row{align-items:center;gap:var(--space-4);margin-bottom:var(--space-3);display:flex}.search-page__title{align-items:center;gap:var(--space-3);font-family:var(--font-display);font-size:var(--font-size-2xl);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.05em;margin:0;font-weight:700;display:flex}@media (min-width:768px){.search-page__title{font-size:var(--font-size-3xl)}}.search-page__title svg{color:var(--color-primary)}.search-page__meta{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.search-page__filters{gap:var(--space-2);flex-wrap:wrap;display:flex}.search-page__live-count{align-items:center;gap:var(--space-1);border-radius:var(--radius-full);color:#ef4444;font-size:var(--font-size-sm);background:#ef444433;padding:4px 12px;font-weight:500;display:inline-flex}.search-page__no-results{color:var(--color-text-muted);font-size:var(--font-size-sm)}.filter-badge{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--color-text-primary);background:#9147ff26;border:1px solid #9147ff4d;display:inline-flex}.filter-badge--category{background:#ffa50026;border-color:#ffa5004d}.filter-badge--tag{background:#22c55e26;border-color:#22c55e4d}.search-page__section{max-width:1800px;padding:0 var(--space-4);margin:0 auto}@media (min-width:1024px){.search-page__section{padding:0 var(--space-6)}}@media (max-width:639px){.search-page__section{padding:0}}.search-page__empty{text-align:center;padding:var(--space-16)var(--space-4);color:var(--color-text-muted)}.search-page__empty .empty-icon{margin-bottom:var(--space-4);opacity:.5}.search-page__empty h2{font-size:var(--text-xl);color:var(--color-text-primary);margin-bottom:var(--space-2)}.search-page__empty p{margin-bottom:var(--space-6)}.search-page__empty{text-align:center;padding:var(--space-12)var(--space-4);flex-direction:column;justify-content:center;align-items:center;display:flex}.search-page__empty .empty-icon{color:var(--color-text-muted);margin-bottom:var(--space-4);opacity:.5}.search-page__empty h2{font-size:var(--text-xl);color:var(--color-text-primary);margin:0 0 var(--space-2)0;font-weight:600}.search-page__empty p{color:var(--color-text-muted);margin:0 0 var(--space-6)0}.search-results-grid{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (min-width:640px){.search-results-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.search-results-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1280px){.search-results-grid{grid-template-columns:repeat(4,1fr)}}.search-results-grid--offline{opacity:.7}.search-result-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;text-decoration:none;transition:all .2s;display:flex;overflow:hidden}.search-result-card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 8px 24px #9147ff26}.search-result-card--offline{opacity:.6;pointer-events:none}.search-result-card--offline:hover{box-shadow:none;transform:none}.search-result-card__thumbnail{aspect-ratio:16/9;background:var(--color-bg-dark);position:relative;overflow:hidden}.search-result-card__image{object-fit:cover;width:100%;height:100%}.search-result-card__placeholder{width:100%;height:100%;color:var(--color-text-muted);font-size:var(--text-sm);background:linear-gradient(135deg,#ffffff08 0%,#ffffff03 100%);justify-content:center;align-items:center;display:flex}.search-result-card__live-badge{top:var(--space-2);left:var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);color:#fff;text-transform:uppercase;background:#ef4444;align-items:center;gap:4px;padding:2px 8px;font-weight:700;display:flex;position:absolute}.search-result-card__live-badge svg{animation:1.5s ease-in-out infinite pulse}.search-result-card__viewers{bottom:var(--space-2);left:var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);color:#fff;background:#000000bf;align-items:center;gap:4px;padding:2px 8px;display:flex;position:absolute}.search-result-card__premium{top:var(--space-2);right:var(--space-2);border-radius:var(--radius-full);color:#fff;background:linear-gradient(135deg,orange 0%,#ff6b00 100%);justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute}.search-result-card__info{padding:var(--space-3);gap:var(--space-2);flex-direction:column;display:flex}.search-result-card__header{align-items:center;gap:var(--space-3);display:flex}.search-result-card__avatar{border-radius:var(--radius-full);object-fit:cover;flex-shrink:0;width:36px;height:36px}.search-result-card__meta{flex:1;min-width:0}.search-result-card__name{align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-weight:600;display:flex;overflow:hidden}.search-result-card__name .premium-icon{color:orange;flex-shrink:0}.search-result-card__game{font-size:var(--text-xs);color:var(--color-text-muted);align-items:center;gap:4px;display:flex}.search-result-card__title{font-size:var(--text-xs);color:var(--color-text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.4;display:-webkit-box;overflow:hidden}.search-result-card__tags{flex-wrap:wrap;gap:4px;display:flex}.search-result-card__tag{border-radius:var(--radius-sm);color:var(--color-text-muted);background:#ffffff0d;padding:2px 6px;font-size:10px}.browse-page{padding:calc(72px + var(--space-6))var(--space-4)var(--space-8);max-width:1600px;min-height:100vh;margin:0 auto}@media (min-width:768px){.browse-page{padding:calc(72px + var(--space-8))var(--space-6)var(--space-12)}}.browse-header{gap:var(--space-4);margin-bottom:var(--space-6);flex-direction:column;display:flex}@media (min-width:768px){.browse-header{margin-bottom:var(--space-8);flex-direction:row;justify-content:space-between;align-items:flex-end}}.browse-header__title-section{align-items:center;gap:var(--space-3);flex:1;display:flex}.browse-header__title{font-size:var(--text-3xl);color:var(--color-text-primary);margin:0 0 var(--space-1)0;font-weight:700}@media (min-width:768px){.browse-header__title{font-size:var(--text-4xl)}}.browse-header__subtitle{color:var(--color-text-muted);font-size:var(--text-sm);margin:0}.browse-header__controls{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}@media (max-width:767px){.browse-header{flex-wrap:wrap}.browse-header__title-section{width:100%;margin-bottom:var(--space-2)}.browse-header__controls{justify-content:space-between;width:100%}.browse-search{width:100%;max-width:none;margin-bottom:var(--space-2)}}.browse-search{flex:1;min-width:300px;max-width:500px;position:relative}.browse-search__icon{left:var(--space-3);color:var(--color-text-muted);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.browse-search__input{width:100%;padding:var(--space-2)var(--space-3)var(--space-2)var(--space-10);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--text-sm);transition:all .2s}.browse-search__input:focus{border-color:var(--color-primary);background:var(--color-bg-elevated);outline:none}.browse-search__input::placeholder{color:var(--color-text-muted)}.browse-sort__select{padding:var(--space-2)var(--space-4);padding-right:var(--space-8);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--text-sm);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23888' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat}.browse-sort__select:focus{border-color:var(--color-primary);outline:none}.browse-view-toggle{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;overflow:hidden}.browse-view-toggle__btn{padding:var(--space-2)var(--space-3);color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.browse-view-toggle__btn:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.browse-view-toggle__btn.is-active{color:var(--color-primary);background:#9147ff1a}.browse-results-info{padding:var(--space-3)var(--space-4);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-6)}.browse-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:640px){.browse-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:768px){.browse-grid{gap:var(--space-5);grid-template-columns:repeat(4,1fr)}}@media (min-width:1024px){.browse-grid{grid-template-columns:repeat(5,1fr)}}@media (min-width:1280px){.browse-grid{grid-template-columns:repeat(6,1fr)}}@media (min-width:1536px){.browse-grid{grid-template-columns:repeat(7,1fr)}}.browse-grid--compact{grid-template-columns:repeat(3,1fr)}@media (min-width:640px){.browse-grid--compact{grid-template-columns:repeat(4,1fr)}}@media (min-width:768px){.browse-grid--compact{grid-template-columns:repeat(6,1fr)}}@media (min-width:1024px){.browse-grid--compact{grid-template-columns:repeat(8,1fr)}}@media (min-width:1280px){.browse-grid--compact{grid-template-columns:repeat(10,1fr)}}.category-card{flex-direction:column;text-decoration:none;transition:transform .2s;display:flex}.category-card:hover{transform:translateY(-4px)}.category-card__image-wrapper{aspect-ratio:3/4;border-radius:var(--radius-lg);background:var(--color-bg-card);width:100%;position:relative;overflow:hidden}.category-card__image{object-fit:cover;width:100%;height:100%;transition:transform .3s}.category-card:hover .category-card__image{transform:scale(1.05)}.category-card__live-badge{bottom:var(--space-2);left:var(--space-2);border-radius:var(--radius-md);color:#fff;background:#000c;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:600;display:flex;position:absolute}.category-card__live-dot{background:#ef4444;border-radius:50%;width:6px;height:6px;animation:2s infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.category-card__info{padding:var(--space-2)0}.category-card__name{font-size:var(--text-sm);color:var(--color-text-primary);margin:0 0 var(--space-1)0;white-space:nowrap;text-overflow:ellipsis;font-weight:600;transition:color .2s;overflow:hidden}.category-card:hover .category-card__name{color:var(--color-primary)}.category-card__stats{align-items:center;gap:var(--space-3);display:flex}.category-card__stat{font-size:var(--text-xs);color:var(--color-text-muted);align-items:center;gap:4px;display:flex}.category-card__stat svg{opacity:.7}.category-card__tags{margin-top:var(--space-2);flex-wrap:wrap;gap:4px;display:flex}.category-card__tag{border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);background:#ffffff0d;padding:2px 6px;font-size:10px;transition:all .2s}.category-card:hover .category-card__tag{background:#9147ff1a;border-color:#9147ff4d}.category-card--compact .category-card__info{padding:var(--space-1)0}.category-card--compact .category-card__name{font-size:var(--text-xs)}.category-card--compact .category-card__stats{display:none}.category-card--compact .category-card__live-badge{padding:2px 6px;font-size:9px}.browse-empty{text-align:center;padding:var(--space-16)var(--space-4);flex-direction:column;justify-content:center;align-items:center;display:flex}.browse-empty__icon{margin-bottom:var(--space-4);opacity:.5;font-size:64px}.browse-empty__title{font-size:var(--text-xl);color:var(--color-text-primary);margin:0 0 var(--space-2)0;font-weight:600}.browse-empty__text{color:var(--color-text-muted);margin:0 0 var(--space-6)0}.browse-empty__btn{padding:var(--space-3)var(--space-6);background:var(--color-primary);border-radius:var(--radius-lg);color:#fff;cursor:pointer;border:none;font-weight:600;transition:all .2s}.browse-empty__btn:hover{background:var(--color-primary-dark);transform:translateY(-2px)}.error-page{min-height:100vh;padding:var(--space-8)var(--space-4);padding-top:calc(var(--header-height,70px) + var(--space-8));justify-content:center;align-items:center;display:flex}.error-content{text-align:center;max-width:500px}.error-icon{width:120px;height:120px;margin-bottom:var(--space-6);color:var(--color-primary);background:#9147ff1a;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.error-content h1{font-size:var(--text-3xl);color:var(--color-text-primary);margin:0 0 var(--space-3)0;font-weight:700}.error-content p{font-size:var(--text-lg);color:var(--color-text-muted);margin:0 0 var(--space-6)0}.error-actions{gap:var(--space-3);flex-direction:column;display:flex}@media (min-width:480px){.error-actions{flex-direction:row;justify-content:center}}.faq-page{max-width:800px;padding:var(--space-8)var(--space-4);padding-top:calc(var(--header-height,70px) + var(--space-8));margin:0 auto}.faq-header{text-align:center;margin-bottom:var(--space-12);position:relative}.faq-header .home-button{position:absolute;top:0;left:0}.faq-header h1{font-size:var(--text-4xl);color:var(--color-text-primary);margin:0 0 var(--space-3)0;justify-content:center;align-items:center;min-height:36px;font-weight:700;line-height:1;display:flex}.faq-header p{font-size:var(--text-lg);color:var(--color-text-muted);margin:0}.faq-content{gap:var(--space-10);flex-direction:column;display:flex}.faq-category{gap:var(--space-4);flex-direction:column;display:flex}.faq-category-title{font-size:var(--text-xl);color:var(--color-primary);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border);margin:0;font-weight:600}.faq-questions{gap:var(--space-2);flex-direction:column;display:flex}.faq-item{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-fast);overflow:hidden}.faq-item:hover{border-color:var(--color-border-light)}.faq-item[open]{border-color:var(--color-primary);background:var(--color-bg-elevated)}.faq-question{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4)var(--space-5);cursor:pointer;color:var(--color-text-primary);-webkit-user-select:none;user-select:none;font-weight:500;list-style:none;display:flex}.faq-question::-webkit-details-marker{display:none}.faq-question span{flex:1}.faq-chevron{color:var(--color-text-muted);transition:transform var(--transition-fast);flex-shrink:0}.faq-item[open] .faq-chevron{color:var(--color-primary);transform:rotate(180deg)}.faq-answer{padding:var(--space-4)var(--space-5)var(--space-5);color:var(--color-text-secondary);gap:var(--space-4);flex-direction:column;line-height:1.7;display:flex}.faq-paragraph{color:var(--color-text-secondary);margin:0}.faq-block{gap:var(--space-2);flex-direction:column;display:flex}.faq-block-title{font-size:var(--text-xs);letter-spacing:.05em;color:var(--color-primary);padding-bottom:var(--space-1);border-bottom:1px solid #8b5cf633;margin:0;font-weight:700}.faq-block-text{color:var(--color-text-secondary);margin:0}.faq-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.faq-list li{padding-left:var(--space-4);color:var(--color-text-secondary);position:relative}.faq-list li:before{content:"";background:var(--color-primary);opacity:.7;border-radius:50%;width:6px;height:6px;position:absolute;top:.6em;left:0}.faq-answer p:last-child{margin-bottom:0}.faq-answer strong{color:var(--color-text-primary)}@media (max-width:640px){.faq-page{padding:var(--space-6)var(--space-3);padding-top:calc(var(--header-height,70px) + var(--space-6))}.faq-header h1{font-size:var(--text-2xl)}.faq-question{padding:var(--space-3)var(--space-4);font-size:var(--text-sm)}.faq-answer{padding:var(--space-3)var(--space-4)var(--space-4);font-size:var(--text-sm);gap:var(--space-3)}.faq-block-title{font-size:10px}.faq-list li{padding-left:var(--space-3)}.faq-list li:before{width:5px;height:5px}}.quest-panel{padding:var(--space-4);display:block}.quest-panel-header{padding-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.quest-panel-header h2{align-items:center;gap:var(--space-2);font-size:var(--text-lg);color:var(--color-text-primary);margin:0;font-weight:600;display:flex}.quest-panel-header .premium-indicator{align-items:center;gap:var(--space-1);padding:var(--space-1)var(--space-2);font-size:var(--text-xs);color:#ffb800;font-weight:600;display:flex}.quest-feedback{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);font-size:var(--text-sm);animation:.2s slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.quest-feedback.loading{color:var(--color-text-secondary)}.quest-feedback.success{color:#00c853}.quest-feedback.error{color:#ff6b6b}.quest-feedback .spin{animation:1s linear infinite spin}.quest-panel-content{gap:var(--space-2);flex-direction:column;flex:1;min-height:0;display:flex}.quest-login-prompt{align-items:center;gap:var(--space-3);padding:var(--space-6);text-align:center;flex-direction:column;display:flex}.quest-login-prompt p{color:var(--color-text-secondary);margin:0}.quest-loading,.quest-error,.quest-empty{align-items:center;gap:var(--space-3);padding:var(--space-8);text-align:center;color:var(--color-text-muted);flex-direction:column;display:flex}.quest-error{color:var(--color-accent)}.quest-panel-section{background:0 0;overflow:hidden}.quest-panel-section.highlight{border-color:var(--color-primary);background:#9147ff0d}.quest-panel-section.warning{background:#ffb8000d;border-color:#ffb800}.quest-panel-section.muted{opacity:.7}.quest-section-header{cursor:pointer;width:100%;color:var(--color-text-primary);transition:background var(--transition-fast);background:0 0;border:none;justify-content:space-between;align-items:center;padding:0;display:flex}.quest-section-header:hover{background:var(--color-bg-hover)}.quest-section-header .section-title{align-items:center;gap:var(--space-2);font-weight:500;display:flex}.quest-section-header .section-count{min-width:20px;height:20px;font-size:var(--text-xs);justify-content:center;align-items:center;padding:0 6px;font-weight:600;display:flex}.quest-panel-section.highlight .section-count{color:var(--color-primary)}.quest-section-content{gap:var(--space-4);flex-direction:column;padding:0;display:flex}.quest-panel-footer{align-items:center;gap:var(--space-2);padding-top:var(--space-3);font-size:var(--text-xs);color:var(--color-text-muted);display:flex}.quest-card-v2{gap:var(--space-2);padding:var(--space-3);transition:all var(--transition-fast);flex-direction:column;display:flex}.quest-available-layout{gap:var(--space-4);flex-direction:column;display:flex}.quest-available-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.quest-title-section{gap:var(--space-2);flex-direction:column;flex:1;display:flex}.quest-title-main{font-size:var(--text-xl);color:var(--color-text-primary);letter-spacing:.5px;text-transform:uppercase;margin:0;font-weight:700}.quest-boost-tag{color:#ffb800;text-transform:uppercase;letter-spacing:1px;border:1px solid #ffb8004d;align-items:center;gap:4px;width:fit-content;padding:4px 10px;font-size:10px;font-weight:700;display:inline-flex}.quest-rewards-container{gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end;display:flex}.quest-reward-badge{border:1px solid var(--color-primary);white-space:nowrap;font-size:var(--text-sm);border-radius:var(--radius-sm);color:var(--color-text-primary);flex-direction:row;align-items:center;gap:4px;padding:4px 8px;display:flex}.quest-reward-badge.credits{border-color:#22c55e}.quest-reward-badge.credits svg{color:#22c55e}.quest-reward-badge.gold{border-color:gold}.quest-reward-badge.gold svg{color:gold}.quest-reward-badge.diamond{border-color:#22d3ee}.quest-reward-badge.diamond svg{color:#22d3ee}.reward-icon{align-items:center;display:flex}.reward-amount{color:inherit;font-weight:700;line-height:1}.reward-icon{font-size:var(--text-base);line-height:1}.quest-cost-display{font-weight:600;font-size:var(--text-sm);flex-direction:column;gap:4px;display:flex}.cost-item{color:var(--color-text-primary);align-items:center;gap:6px;display:flex}.cost-item.gold svg{color:gold}.cost-item.diamond svg{color:#22d3ee}.quest-objective-box{gap:var(--space-2);padding:var(--space-3)0;flex-direction:column;display:flex}.objective-label{font-size:var(--text-xs);color:var(--color-primary);letter-spacing:2px;opacity:.7;font-weight:700}.objective-text{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;line-height:1.5}.quest-start-btn{width:100%;padding:var(--space-3)var(--space-4);font-size:var(--text-sm);letter-spacing:1px;color:var(--color-primary);border:2px solid var(--color-primary);cursor:pointer;transition:all var(--transition-fast);text-transform:uppercase;background:0 0;font-weight:700}.quest-start-btn:hover:not(:disabled){background:var(--color-primary);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #9147ff4d}.quest-start-btn:disabled{opacity:.3;cursor:not-allowed;transform:none}.quest-card-v2.state-in_progress{background:#00c8530d}.quest-card-v2.state-paused{background:#ffb8000d}.quest-card-v2.state-cooldown{opacity:.6}.quest-card-v2.locked{opacity:.5;pointer-events:none}.quest-card-v2.disabled{opacity:.4;pointer-events:none}.quest-card-v2.boosted{position:relative}.quest-card-header{align-items:flex-start;gap:var(--space-2);display:flex}.quest-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.quest-icon.chat{color:#3b82f6;background:#3b82f626}.quest-icon.watch{color:#8b5cf6;background:#8b5cf626}.quest-icon.follow{color:#ec4899;background:#ec489926}.quest-icon.subscribe{color:#fb923c;background:#fb923c26}.quest-icon.marathon{color:#a855f7;background:#a855f726}.quest-icon.hype{color:#eab308;background:#eab30826}.quest-icon.raid{color:#06b6d4;background:#06b6d426}.quest-card-info{flex:1;min-width:0}.quest-card-title{align-items:center;gap:var(--space-2);font-weight:600;font-size:var(--text-sm);color:var(--color-text-primary);margin-bottom:var(--space-1);display:flex}.quest-card-title .boosted-badge{border-radius:var(--radius-full);color:#ffb800;background:linear-gradient(135deg,#ffb80033,#ff6b6b33);align-items:center;gap:2px;padding:2px 6px;font-size:10px;display:flex}.quest-card-description{font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.4}.quest-reward{align-items:center;gap:var(--space-1);padding:var(--space-1)var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--color-primary);background:#9147ff1a;margin-left:auto;font-weight:600;display:flex}.quest-progress{gap:var(--space-1);flex-direction:column;display:flex}.quest-progress-bar{background:var(--color-bg-dark);border-radius:var(--radius-full);height:6px;position:relative;overflow:hidden}.quest-progress-fill{background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));border-radius:var(--radius-full);transition:width .5s;position:absolute;inset:0}.quest-card-v2.state-in_progress .quest-progress-fill{background:linear-gradient(90deg,#00c853,#69f0ae)}.quest-card-v2.state-paused .quest-progress-fill{background:linear-gradient(90deg,#ffb800,#ffd54f)}.quest-progress-info{font-size:var(--text-xs);color:var(--color-text-muted);justify-content:space-between;align-items:center;display:flex}.quest-timer.warning{color:#ffb800}.quest-timer.danger{color:var(--color-accent)}.quest-notice{align-items:center;gap:var(--space-2);padding:var(--space-2);background:var(--color-bg-card);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--color-text-secondary);display:flex}.quest-notice.paused{color:#ffb800;background:#ffb8001a}.quest-notice.locked{color:var(--color-accent);background:#ff6b6b1a}.quest-notice.cooldown{background:var(--color-bg-card)}.quest-actions{gap:var(--space-2);margin-top:var(--space-1);display:flex}.quest-actions .btn{flex:1}.quest-action-btn{justify-content:center;align-items:center;gap:var(--space-1);padding:var(--space-2)var(--space-3);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);border:none;font-weight:500;display:flex}.quest-action-btn.primary{color:var(--color-primary);width:100%}.quest-action-btn.primary:hover:not(:disabled){color:var(--color-primary-light)}.quest-action-btn.primary:disabled{opacity:.5;cursor:not-allowed}.quest-action-btn.ghost{color:var(--color-text-muted)}.quest-action-btn.ghost:hover{color:var(--color-accent)}.quest-action-btn.small{padding:var(--space-1)var(--space-2);font-size:var(--text-xs)}.quest-objective{font-size:var(--text-xs);color:var(--color-text-secondary);margin:0 0 var(--space-2)0;line-height:1.4}.quest-progress-section{gap:var(--space-1);flex-direction:column;display:flex}.quest-progress-section .quest-progress-bar{height:6px;overflow:hidden}.quest-progress-section .quest-progress-fill{background:linear-gradient(90deg,#00c853,#69f0ae);height:100%;transition:width .5s}.quest-progress-section .quest-progress-bar.paused .quest-progress-fill{background:linear-gradient(90deg,#ffb800,#ffd54f)}.quest-progress-section .quest-progress-info{font-size:var(--text-xs);color:var(--color-text-muted);justify-content:space-between;align-items:center;display:flex}.quest-progress-info .progress-text{color:var(--color-text-secondary)}.quest-progress-info .progress-percent{color:#00c853;font-weight:600}.quest-progress-box{cursor:default;text-align:left;background:var(--quest-color,var(--color-primary));border-radius:var(--radius-md);flex-direction:column;justify-content:center;gap:6px;width:100%;height:auto;min-height:auto;margin-top:auto;padding:10px 12px;display:flex}.quest-progress-box__header{justify-content:space-between;align-items:center;font-size:.85rem;font-weight:700;display:flex}.quest-progress-box__bar{background:#ffffff4d;border-radius:3px;width:100%;height:6px;margin-bottom:4px;position:relative;overflow:hidden}.quest-progress-box__fill{background:#fff;height:100%;transition:width .8s linear;position:absolute;top:0;left:0}.quest-progress-box__footer{flex-wrap:nowrap;justify-content:space-between;align-items:center;font-size:.75rem;display:flex}.quest-progress-box__timer{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;display:flex;overflow:hidden}.quest-progress-box__actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.btn-abandon{color:#ffffffe6;cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:0;font-size:.75rem;text-decoration:underline}.btn-abandon:hover{color:#fff}.user-menu-trigger--mobile{width:100%;padding:var(--space-3);margin-bottom:var(--space-4);cursor:default;background-color:var(--color-bg-card);border-color:var(--color-primary);justify-content:space-between}.user-menu-trigger__info{align-items:center;gap:var(--space-3);display:flex}.user-menu-trigger__name{font-size:1rem}.user-menu-trigger__credits{align-items:center;gap:4px;padding:4px 10px;font-size:.9rem;display:inline-flex}.stat-value--warning{color:#eab308}.stat-value--danger{color:var(--color-accent)}.viewer-detail__header h3{margin:0}.success-state{padding:var(--space-8);text-align:center}.success-state__icon{margin-bottom:var(--space-3);font-size:4rem}.viewer-detail__name{font-size:var(--text-lg);margin:0;font-weight:600}.viewer-detail__username{color:var(--color-text-muted);font-size:var(--text-sm);margin:0}.icon-success{color:#22c55e}.icon-warning{color:#eab308}.icon-danger{color:var(--color-accent)}.slot-display{align-items:center;gap:4px;display:flex}.quest-actions-row{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.quest-timer{align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-text-muted);display:flex}.quest-paused-notice{align-items:flex-start;gap:var(--space-2);padding:var(--space-2);color:#ffb800;display:flex}.quest-paused-notice strong{font-size:var(--text-sm);display:block}.quest-paused-notice p{margin:var(--space-1)0 0 0;font-size:var(--text-xs);opacity:.8}.quest-pause-actions{gap:var(--space-2);padding:var(--space-2);flex-direction:column;padding-top:0;display:flex}.quest-resume-btn{justify-content:center;align-items:center;gap:var(--space-1);padding:var(--space-2)var(--space-3);background:linear-gradient(135deg,var(--color-success)0%,#00a085 100%);border-radius:var(--radius-md);color:#fff;font-weight:var(--font-weight-semibold);font-size:var(--text-sm);cursor:pointer;border:none;transition:transform .2s,box-shadow .2s;display:flex}.quest-resume-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00b48266}.quest-claim-partial-btn{justify-content:center;align-items:center;gap:var(--space-1);padding:var(--space-2)var(--space-3);border-radius:var(--radius-md);color:#fff;font-weight:var(--font-weight-semibold);font-size:var(--text-sm);cursor:pointer;background:linear-gradient(135deg,#9147ff 0%,#7c3aed 100%);border:none;transition:transform .2s,box-shadow .2s;display:flex}.quest-claim-partial-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #9147ff66}.quest-partial-info{align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-text-muted);margin:0;display:flex}.quest-cooldown-notice{align-items:flex-start;gap:var(--space-2);padding:var(--space-3);color:var(--color-text-secondary);display:flex}.quest-cooldown-notice strong{font-size:var(--text-sm);color:var(--color-text-primary);display:block}.quest-cooldown-notice p{margin:var(--space-1)0 0 0;font-size:var(--text-xs)}.quest-locked-notice{align-items:center;gap:var(--space-2);padding:var(--space-2);color:var(--color-accent);display:flex}.quest-locked-notice strong{font-size:var(--text-sm);display:block}.quest-locked-notice p{margin:var(--space-1)0 0 0;font-size:var(--text-xs);opacity:.8}.quest-boosted-badge{top:-8px;right:var(--space-2);color:#ffb800;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:2px;padding:2px 8px;font-size:10px;font-weight:700;display:flex;position:absolute}.quest-icon-wrapper{width:36px;height:36px;color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.quest-card-v2.state-in_progress .quest-icon-wrapper{color:#00c853}.quest-card-v2.state-paused .quest-icon-wrapper{color:#ffb800}.quest-card-v2.state-cooldown .quest-icon-wrapper{color:var(--color-text-muted)}.quest-card-v2 .quest-info{flex:1;min-width:0}.quest-card-v2 .quest-title{font-size:var(--text-sm);color:var(--color-text-primary);margin:0 0 var(--space-1)0;font-weight:600}.quest-card-v2 .quest-reward{font-size:var(--text-xs);color:var(--color-primary);white-space:nowrap;font-weight:600}.quest-card-body{gap:var(--space-2);flex-direction:column;display:flex}@media (max-width:768px){.quest-panel{border-radius:var(--radius-lg)var(--radius-lg)0 0;max-height:60vh}.quest-card-v2{padding:var(--space-2)}.quest-icon{width:32px;height:32px}}.merchant-header-btn{color:#c4a0ff;background:linear-gradient(135deg,#1a2d50,#2a1a55);border:1px solid #9147ff4d;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 16px #02040a66,inset 0 1px #9147ff26}.merchant-header-btn:hover{background:linear-gradient(135deg,#223a60,#351f6a);border-color:#9147ff80;transform:scale(1.08);box-shadow:0 6px 24px #02040a80,0 0 14px #9147ff33}.quest-separator{height:1px;margin:var(--space-3)0;background:linear-gradient(90deg,#0000,#9147ff80,#0000);width:100%;box-shadow:0 0 8px #9147ff4d}.quest-panel--layout{flex-direction:column;height:100%;display:flex;position:relative}.quest-panel__own-channel-overlay{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-align:center;border-radius:var(--radius-lg);background-color:#000000d9;flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex;position:absolute;inset:0}.quest-panel__own-channel-overlay h3{margin-bottom:.5rem;font-size:1.2rem;font-weight:700}.quest-panel__own-channel-overlay p{color:var(--color-text-secondary)}.quest-cooldown-list{margin-top:var(--space-2);flex-direction:column;gap:8px;display:flex}.quest-cooldown-list__title{text-transform:uppercase;color:var(--color-text-muted);letter-spacing:.05em;margin-bottom:4px;font-size:.8rem}.quest-card-compact-unavailable{background:var(--color-bg-elevated);border-radius:var(--radius-md);opacity:.7;border:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}.quest-card-compact-unavailable .quest-title{flex:1;font-size:.9rem;font-weight:500}.quest-card-compact-unavailable .quest-timer{color:var(--color-text-muted);align-items:center;gap:4px;font-size:.85rem;display:flex}.btn-dev-simulate{color:orange;cursor:pointer;background:#ffa50033;border:1px solid #ffa50066;border-radius:4px;flex-shrink:0;padding:4px 8px;font-size:.7rem;font-weight:600;transition:all .2s}.btn-dev-simulate:hover{background:#ffa5004d}.quest-final-card{border-radius:var(--radius-lg);padding:var(--space-4);text-align:center;background:linear-gradient(135deg,#ffd70026,#ff8c0026);border:2px solid #ffd70080;position:relative}.quest-final-card__glow{pointer-events:none;z-index:0;background:radial-gradient(circle,#ffd7001a 0%,#0000 70%);position:absolute;inset:0}.quest-final-card__content{z-index:1;position:relative}.quest-final-card__icon{margin-bottom:var(--space-2);font-size:2rem}.quest-final-card__title{color:gold;margin-bottom:var(--space-2);text-shadow:0 0 10px #ffd7004d;font-size:1.2rem;font-weight:700}.quest-final-card__desc{color:var(--color-text-secondary);margin-bottom:var(--space-3);font-size:.9rem}.quest-final-card__reward-box{border-radius:var(--radius-md);padding:var(--space-2);margin-bottom:var(--space-3);background:#0000004d;font-size:.85rem}.quest-final-card__reward-label{color:gold;font-weight:700}.quest-final-card__reward-value{margin-top:var(--space-1);justify-content:center;align-items:center;gap:6px;display:flex}.quest-final-card__btn{width:100%;display:block}.quest-final-completed{border-radius:var(--radius-lg);padding:var(--space-4);text-align:center;background:linear-gradient(135deg,#22c55e1a,#06b6d41a);border:2px solid #22c55e66;position:relative;overflow:hidden}.quest-final-completed__glow{pointer-events:none;background:radial-gradient(circle,#22c55e26 0%,#0000 70%);position:absolute;inset:0}.quest-final-completed__content{z-index:1;position:relative}.quest-final-completed__icon{margin-bottom:var(--space-2);font-size:2rem}.quest-final-completed__title{color:var(--color-success);margin-bottom:var(--space-1);font-size:.95rem;font-weight:600}.quest-final-completed__desc{color:var(--color-text-secondary);margin-bottom:var(--space-3);font-size:.85rem}.btn-dev-reset{border-radius:var(--radius-md);color:orange;cursor:pointer;background:#ffa50026;border:1px solid #ffa5004d;width:100%;padding:8px 16px;font-size:.75rem;font-weight:600;transition:all .2s}.btn-dev-reset:hover{background:#ffa50040}.flying-resource__icon{font-size:1.5rem}.active-quests-list{gap:var(--space-4);flex-direction:column;display:flex}.active-quest-card{background:var(--glass-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);transition:all var(--transition-fast)}.active-quest-card:hover{border-color:var(--color-primary);box-shadow:0 0 20px #9147ff1a}.active-quest-card.paused{opacity:.7;border-color:#ffb8004d}.active-quest-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.active-quest-icon{border-radius:var(--radius-md);width:48px;min-width:48px;height:48px;color:var(--color-primary);background:#9147ff26;flex-shrink:0;justify-content:center;align-items:center;display:flex}.active-quest-icon svg{width:24px;height:24px}.active-quest-info{flex:1}.active-quest-info h3{font-size:var(--text-base);margin:0 0 var(--space-1)0;color:var(--color-text-primary);font-weight:600}.active-quest-streamer{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.active-quest-streamer a{color:var(--color-primary);text-decoration:none}.active-quest-streamer a:hover{text-decoration:underline}.active-quest-status{align-items:center;gap:var(--space-1);padding:var(--space-1)var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;display:flex}.active-quest-status.active{color:#00c853;background:#00c85326}.active-quest-status.paused{color:#ffb800;background:#ffb80026}.active-quest-abandon-btn{padding:var(--space-2);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;margin-left:auto;display:flex}.active-quest-abandon-btn:hover{color:var(--color-accent);background:#ff6b6b1a;border-color:#ff6b6b4d}.active-quest-progress{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.progress-bar-container{background:#ffffff1a;border-radius:4px;flex:1;height:8px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));border-radius:4px;height:100%;transition:width .3s}.progress-text{font-size:var(--text-sm);color:var(--color-text-secondary);text-align:right;min-width:60px;font-weight:600}.active-quest-footer{justify-content:space-between;align-items:center;display:flex}.active-quest-rewards{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.active-quest-reward{align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--color-text-primary);padding:var(--space-1)var(--space-2);border-radius:var(--radius-sm);background:#ffffff0d;font-weight:600;display:flex}.active-quest-reward.credits svg{color:#22c55e}.active-quest-reward.gold svg{color:gold}.active-quest-reward.diamond svg{color:#22d3ee}.active-quest-timer{align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-text-muted);display:flex}.active-quest-paused-hint{align-items:center;gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-2)var(--space-3);border-radius:var(--radius-md);font-size:var(--text-xs);color:#ffb800;background:#ffb8001a;border:1px solid #ffb80033;display:flex}.cooldowns-section{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.cooldowns-title{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.5px;display:flex}.cooldowns-list{gap:var(--space-2);flex-wrap:wrap;display:flex}.cooldown-item{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);background:#ffffff08;display:flex}.cooldown-item svg{color:var(--color-text-muted)}.cooldown-quest{color:var(--color-text-secondary)}.cooldown-time{color:var(--color-accent);font-weight:600;font-family:var(--font-display)}.active-quest-hint{font-size:var(--text-xs);color:#ffb800;font-style:italic}.history-list{gap:var(--space-3);flex-direction:column;display:flex}.history-card{align-items:center;gap:var(--space-4);background:var(--glass-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);transition:all var(--transition-fast);display:flex}.history-card:hover{border-color:var(--color-border-light)}.history-icon{border-radius:var(--radius-md);color:#00c853;background:#00c85326;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.history-info{flex:1;min-width:0}.history-info h3{font-size:var(--text-base);margin:0 0 var(--space-1)0;color:var(--color-text-primary);font-weight:600}.history-streamers{font-size:var(--text-sm);color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.history-stats{align-items:flex-end;gap:var(--space-1);flex-direction:column;display:flex}.history-count{flex-direction:column;align-items:flex-end;display:flex}.history-count .count-value{font-size:var(--text-lg);color:var(--color-text-primary);font-weight:700}.history-count .count-label{font-size:var(--text-xs);color:var(--color-text-muted)}.history-reward{align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--color-primary);font-weight:600;display:flex}.leaderboard-user-position{border:1px solid var(--color-primary);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-6);background:linear-gradient(135deg,#9147ff33,#9147ff0d);justify-content:space-between;align-items:center;display:flex}.user-position-content{align-items:center;gap:var(--space-3);display:flex}.user-position-rank{font-size:var(--text-2xl);color:var(--color-primary);min-width:60px;font-weight:800}.user-position-avatar{border:2px solid var(--color-primary);border-radius:50%;width:48px;height:48px}.user-position-info{flex-direction:column;display:flex}.user-position-name{font-size:var(--text-base);color:var(--color-text-primary);font-weight:600}.user-position-stats{font-size:var(--text-sm);color:var(--color-text-secondary)}.user-position-total{font-size:var(--text-sm);color:var(--color-text-muted)}.leaderboard-section h3{align-items:center;gap:var(--space-2);font-size:var(--text-lg);margin:0 0 var(--space-4)0;color:var(--color-text-primary);font-weight:600;display:flex}.leaderboard-list{gap:var(--space-2);flex-direction:column;display:flex}.leaderboard-entry{align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--glass-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast);display:flex}.leaderboard-entry:hover{border-color:var(--color-border-light)}.leaderboard-entry.current-user{border-color:var(--color-primary);background:#9147ff1a}.leaderboard-entry.top-1{background:#ffd7001a;border-color:gold}.leaderboard-entry.top-2{background:#c0c0c01a;border-color:silver}.leaderboard-entry.top-3{background:#cd7f321a;border-color:#cd7f32}.leaderboard-rank{justify-content:center;align-items:center;width:40px;display:flex}.rank-number{font-size:var(--text-base);color:var(--color-text-secondary);font-weight:600}.rank-icon{width:24px;height:24px}.rank-icon.rank-1{color:gold}.rank-icon.rank-2{color:silver}.rank-icon.rank-3{color:#cd7f32}.leaderboard-avatar{object-fit:cover;border-radius:50%;width:40px;height:40px}.leaderboard-info{flex:1;min-width:0}.leaderboard-name{align-items:center;gap:var(--space-2);font-size:var(--text-base);color:var(--color-text-primary);font-weight:600;display:flex}.you-badge{font-size:var(--text-xs);background:var(--color-primary);color:#fff;border-radius:var(--radius-sm);padding:2px 6px;font-weight:600}.leaderboard-quests{font-size:var(--text-sm);color:var(--color-text-secondary)}.leaderboard-points{font-size:var(--text-base);color:var(--color-primary);text-align:right;min-width:80px;font-weight:700}@media (max-width:768px){.active-quest-header{flex-wrap:wrap}.active-quest-status{width:100%;margin-bottom:var(--space-2);order:-1;justify-content:center}.history-card{flex-wrap:wrap}.history-stats{width:100%;margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-border);flex-direction:row;justify-content:space-between}.leaderboard-user-position{gap:var(--space-3);text-align:center;flex-direction:column}.user-position-content{flex-direction:column}.leaderboard-entry{flex-wrap:wrap}.leaderboard-points{text-align:center;width:100%;margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-border)}}.referral-input-section{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.referral-label{font-size:var(--text-sm);color:var(--color-text-primary);margin-bottom:var(--space-1);align-items:center;gap:.375rem;font-weight:600;display:flex}.referral-hint{font-size:var(--text-xs);color:var(--color-text-muted);margin:0 0 var(--space-2);line-height:1.4}.referral-hint strong{color:var(--color-primary)}.referral-input{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text-primary);font-size:var(--text-sm);letter-spacing:.05em;transition:border-color var(--transition-fast);padding:.625rem .875rem;font-family:monospace}.referral-input:focus{border-color:var(--color-primary);outline:none}.referral-input--error{border-color:#ff3b30}.referral-format{font-size:var(--text-xs);color:var(--color-text-tertiary);margin:var(--space-1)0 0}.referral-error{font-size:var(--text-sm);color:#ff3b30;margin-top:var(--space-2);border-radius:var(--radius-md);background:#ff3b3014;align-items:center;gap:.375rem;padding:.5rem .75rem;display:flex}.register-submit-btn{justify-content:center;align-items:center;gap:var(--space-2);width:100%;margin-top:var(--space-5);background:var(--color-primary);color:#fff;border-radius:var(--radius-lg);font-size:var(--text-base);cursor:pointer;transition:all var(--transition-fast);border:none;padding:.875rem 1.5rem;font-weight:600;display:flex}.register-submit-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.register-submit-btn:disabled{opacity:.5;cursor:not-allowed}.referral-modal{width:95vw;max-width:540px;max-height:85vh}.referral-modal__body{flex-direction:column;gap:1rem;max-height:calc(85vh - 64px);padding:1.25rem;display:flex;overflow-y:auto}.referral-modal__loading{color:var(--color-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:3rem 0;display:flex}.referral-modal__empty{color:var(--color-text-muted);font-size:var(--text-sm);flex-direction:column;align-items:center;gap:.5rem;padding:2rem 0;display:flex}.referral-modal__empty-hint{font-size:var(--text-xs);color:var(--color-text-tertiary)}.referral-tabs{background:var(--color-bg-elevated);border-radius:var(--radius-lg);border:1px solid var(--color-border);gap:.25rem;padding:.25rem;display:flex}.referral-tab{border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:.375rem;padding:.5rem .75rem;font-weight:500;display:flex}.referral-tab:hover{color:var(--color-text-primary);background:var(--color-bg-primary)}.referral-tab.active{background:var(--color-primary);color:#fff;font-weight:600}.referral-tab__badge{min-width:18px;height:18px;color:inherit;background:#fff3;border-radius:9px;justify-content:center;align-items:center;padding:0 .25rem;font-size:.625rem;font-weight:700;display:inline-flex}.referral-tab.active .referral-tab__badge{background:#ffffff40}.referral-code-card,.referral-milestones-card,.referral-list-card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1rem}.referral-parrain-card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-fast);justify-content:space-between;align-items:center;gap:.75rem;padding:.875rem 1rem;display:flex}.referral-parrain-card.claimable{border-color:var(--color-primary);background:#9147ff0f}.referral-parrain-card.claimed{opacity:.7}.referral-parrain__left{align-items:center;gap:.75rem;display:flex}.referral-parrain__info{flex-direction:column;display:flex}.referral-parrain__label{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:500}.referral-parrain__name{font-size:var(--text-sm);color:var(--color-text-primary);font-weight:700}.referral-parrain__claimed{font-size:var(--text-sm);color:#34c759;align-items:center;gap:.375rem;font-weight:600;display:flex}.referral-code-card h3,.referral-milestones-card h3,.referral-list-card h3{color:var(--color-text-primary);align-items:center;gap:.5rem;margin:0 0 .75rem;font-size:.875rem;font-weight:600;display:flex}.referral-code-display{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.referral-code-value{background:var(--color-bg-primary);border:1px dashed var(--color-primary);border-radius:var(--radius-md);letter-spacing:.08em;color:var(--color-primary);text-align:center;flex:1;padding:.75rem 1rem;font-family:monospace;font-size:1.125rem;font-weight:700}.referral-info{font-size:var(--text-sm);color:var(--color-text-muted);margin:0;line-height:1.5}.referral-info strong{color:var(--color-primary)}.referral-milestones-list{flex-direction:column;gap:.375rem;display:flex}.referral-milestone{border-radius:var(--radius-md);background:var(--color-bg-primary);transition:all var(--transition-fast);border:1px solid #0000;justify-content:space-between;align-items:center;gap:.75rem;padding:.625rem .75rem;display:flex}.referral-milestone.locked{opacity:.5}.referral-milestone.claimable{border-color:var(--color-primary);background:#9147ff0f}.referral-milestone.claimed{opacity:.6}.referral-milestone__left{flex:1;align-items:center;gap:.625rem;min-width:0;display:flex}.referral-milestone__icon{background:var(--color-bg-elevated);width:28px;height:28px;color:var(--color-text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.referral-milestone.claimable .referral-milestone__icon{color:var(--color-primary);background:#9147ff26}.referral-milestone.claimed .referral-milestone__icon{color:#34c759;background:#34c75926}.referral-milestone__info{flex-direction:column;gap:.125rem;min-width:0;display:flex}.referral-milestone__target{font-size:var(--text-sm);color:var(--color-text-primary);font-weight:600}.referral-milestone.claimed .referral-milestone__target{color:var(--color-text-muted);text-decoration:line-through}.referral-milestone__rewards{flex-wrap:wrap;gap:.5rem;display:flex}.reward-tag{border-radius:.25rem;align-items:center;gap:.2rem;padding:.125rem .375rem;font-size:.6875rem;font-weight:500;display:inline-flex}.reward-tag.gold{color:#e5a800;background:#ffc8371f}.reward-tag.diamond{color:#58a6ff;background:#58a6ff1f}.reward-tag.token{color:var(--color-primary);background:#9147ff1f}.referral-milestone__claim{flex-shrink:0;padding:.375rem .75rem!important;font-size:.75rem!important}.referral-milestone__status{font-size:var(--text-sm);color:#34c759;font-weight:600}.referral-list{flex-direction:column;gap:.5rem;display:flex}.referral-entry{background:var(--color-bg-primary);border-radius:var(--radius-md);align-items:center;gap:.75rem;padding:.625rem;display:flex}.referral-entry-info{flex-direction:column;display:flex}.referral-entry-name{font-size:var(--text-sm);color:var(--color-text-primary);font-weight:600}.referral-entry-date{font-size:var(--text-xs);color:var(--color-text-muted)}.referral-code-subtitle{font-size:var(--text-sm);color:var(--color-text-muted);margin:0 0 .75rem;line-height:1.5}.referral-code-subtitle strong{color:var(--color-primary)}.referral-milestone__gift-btn{background:linear-gradient(135deg,var(--color-primary),#7c3aed);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;animation:2s ease-in-out infinite glow-pulse;display:flex;box-shadow:0 0 12px #9147ff66}.referral-milestone__gift-btn:hover:not(:disabled){transform:scale(1.1);box-shadow:0 0 20px #9147ff99}.referral-milestone__gift-btn:disabled{opacity:.6;cursor:not-allowed;animation:none}.referral-milestones-header{justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:.75rem;display:flex}.referral-milestones-count{font-size:var(--text-sm);color:var(--color-primary);font-weight:700}.referral-milestones-info{font-size:var(--text-xs);color:var(--color-text-tertiary);text-align:right}@media (max-width:480px){.referral-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}.referral-tab{padding:.375rem .5rem;font-size:.6875rem}.referral-milestones-header{flex-direction:column;gap:.25rem}.referral-milestones-info{text-align:left}.referral-milestone__gift-btn{width:32px;height:32px}}.referral-notification{border-radius:var(--radius-lg);color:var(--color-primary);font-size:var(--text-sm);background:#9147ff1a;border:1px solid #9147ff40;align-items:center;gap:.5rem;padding:.75rem 1rem;font-weight:500;animation:.3s fadeIn;display:flex}.admin-referrals-layout{flex-direction:column;gap:1.25rem;display:flex}.referral-settings-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem;display:grid}.referral-setting{flex-direction:column;gap:.375rem;display:flex}.referral-setting label{font-size:var(--text-sm);color:var(--color-text-secondary);align-items:center;gap:.375rem;font-weight:500;display:flex}.referral-setting input{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-sm);width:100%;padding:.5rem .75rem}.referral-setting input:focus{border-color:var(--color-primary);outline:none}.referral-top-list,.referral-recent-list{flex-direction:column;gap:.5rem;display:flex}.referral-top-entry{background:var(--color-bg-primary);border-radius:var(--radius-md);align-items:center;gap:.75rem;padding:.5rem .625rem;display:flex}.referral-top-rank{font-size:var(--text-sm);color:var(--color-primary);min-width:28px;font-weight:700}.referral-top-name{font-size:var(--text-sm);color:var(--color-text-primary);flex:1;font-weight:500}.referral-top-count{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:500}.referral-recent-entry{background:var(--color-bg-primary);border-radius:var(--radius-md);align-items:center;gap:.75rem;padding:.5rem .625rem;display:flex}.referral-recent-info{flex-direction:column;display:flex}.referral-recent-name{font-size:var(--text-sm);color:var(--color-text-primary);font-weight:600}.referral-recent-meta{font-size:var(--text-xs);color:var(--color-text-muted)}.referral-recent-meta strong{color:var(--color-primary)}@media (max-width:640px){.referral-settings-grid{grid-template-columns:1fr}}.report-modal{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-2xl);width:100%;max-width:500px;animation:.3s slideUp;overflow:hidden}.report-modal .modal-header{padding:var(--space-5)var(--space-6);border-bottom:1px solid var(--color-border);background:var(--color-bg-elevated);justify-content:space-between;align-items:center;display:flex}.report-modal .modal-header h2{font-size:var(--text-lg);color:var(--color-accent);align-items:center;margin:0;font-weight:600;display:flex}.report-modal .modal-close{color:var(--color-text-muted);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);transition:all var(--transition-fast);background:0 0;border:none;position:static}.report-modal .modal-close:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.report-modal .modal-body{padding:var(--space-6);gap:var(--space-5);flex-direction:column;display:flex}.report-modal .modal-footer{justify-content:flex-end;gap:var(--space-3);padding:var(--space-4)var(--space-6);border-top:1px solid var(--color-border);background:var(--color-bg-elevated);display:flex}.report-target{align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-bg-elevated);border-radius:var(--radius-lg);border:1px solid var(--color-border);display:flex}.report-target-avatar{object-fit:cover;border-radius:50%;width:48px;height:48px}.report-target-name{font-weight:600;font-size:var(--text-lg)}.report-type-selector label{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-3);font-weight:500;display:block}.report-type-buttons{gap:var(--space-2);flex-wrap:wrap;display:flex}.report-type-btn{padding:var(--space-2)var(--space-4);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.report-type-btn:hover{border-color:var(--color-border-light);background:var(--color-bg-hover)}.report-type-btn.active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.report-message-input label{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-2);font-weight:500;display:block}.report-message-input textarea{width:100%;padding:var(--space-3);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--text-sm);resize:vertical;min-height:80px;transition:border-color var(--transition-fast)}.report-message-input textarea:focus{border-color:var(--color-primary);outline:none}.report-message-input textarea::placeholder{color:var(--color-text-muted)}.reports-list{gap:var(--space-3);flex-direction:column;display:flex}.report-card{align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--color-bg-elevated);border-radius:var(--radius-lg);border:1px solid var(--color-border);flex-wrap:wrap;display:flex}.report-user{align-items:center;gap:var(--space-3);flex:0 0 180px;display:flex}.report-avatar{object-fit:cover;border-radius:50%;width:40px;height:40px}.report-user>div{flex-direction:column;display:flex}.report-username{font-weight:600;font-size:var(--text-sm)}.report-date{font-size:var(--text-xs);color:var(--color-text-muted)}.report-info{gap:var(--space-1);flex-direction:column;flex:1;display:flex}.report-type{font-size:var(--text-sm);color:var(--color-accent);font-weight:500}.report-message{font-size:var(--text-xs);color:var(--color-text-muted);margin:0;line-height:1.4}.report-status{flex-shrink:0}.status-badge{padding:var(--space-1)var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.5px;align-items:center;font-weight:600;display:inline-flex}.status-badge.status-pending{color:#ffc107;background:#ffc10733}.status-badge.status-reviewed{color:var(--color-primary);background:#00d4ff33}.status-badge.status-quest_invalidated{color:var(--color-accent);background:#ff6b6b33}.status-badge.status-user_banned{color:#f44;background:#f003}.status-badge.status-dismissed{color:var(--color-text-muted);background:#80808033}.status-badge.status-user_warned{color:#ffa726;background:#ffa72633}.status-badge.status-user_restricted{color:#ff9500;background:#ff950033}.report-admin-note{width:100%;padding:var(--space-3);background:rgba(var(--color-primary-rgb,139,92,246),.06);border-left:3px solid var(--color-primary);border-radius:0 var(--radius-md)var(--radius-md)0;margin-top:var(--space-1)}.report-admin-note-label{font-size:var(--text-xs);color:var(--color-primary);margin-bottom:var(--space-1);font-weight:600;display:block}.report-admin-note-text{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;font-style:italic;line-height:1.5}.moderation-alerts-section{gap:var(--space-3);margin-bottom:var(--space-4);flex-direction:column;display:flex}.moderation-alert{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid;display:flex}.moderation-alert div{flex:1;min-width:0}.moderation-alert strong{font-size:var(--text-sm);margin-bottom:var(--space-1);display:block}.moderation-alert p{font-size:var(--text-sm);margin:0;line-height:1.5}.moderation-alert--banned{color:#ff3b30;background:#ff3b301a;border-color:#ff3b304d}.moderation-alert--restricted{color:#ff9500;background:#ff95001a;border-color:#ff95004d}.moderation-alert--warning{color:#ffc107;background:#ffc1071a;border-color:#ffc1074d}.moderation-alert--warning p{color:var(--color-text-secondary)}.moderation-alert-date{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1);display:block}.moderation-alert--quest-invalidated{color:#ff6b6b;background:#ff6b6b1a;border-color:#ff6b6b4d}.moderation-alert--quest-invalidated p{color:var(--color-text-secondary)}.invalidated-quest-list{flex-direction:column;gap:.25rem;margin:.5rem 0 0;padding:0;list-style:none;display:flex}.invalidated-quest-list li{font-size:var(--text-xs);color:var(--color-text-secondary);background:#ff6b6b0d;border-radius:.25rem;padding:.25rem .5rem}.invalidated-quest-list .reward-removed{color:#ff6b6b;font-weight:600}.banned-overlay{text-align:center;background:#ff3b300f;border:1px solid #ff3b3033;border-radius:.75rem;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;margin:1rem 0;padding:3rem 2rem;display:flex}.banned-overlay__icon{color:#ff3b30;opacity:.8}.banned-overlay__title{color:#ff3b30;margin:0;font-size:1.25rem;font-weight:700}.banned-overlay__text{color:var(--color-text-secondary);max-width:400px;margin:0;font-size:.875rem;line-height:1.5}.banned-overlay__until{color:var(--color-text-muted);background:#ff3b3014;border-radius:.5rem;align-items:center;gap:.5rem;margin:0;padding:.5rem 1rem;font-size:.8125rem;display:flex}.restricted-notice{color:#ff9500;background:#ff950014;border:1px solid #ff950033;border-radius:.5rem;align-items:flex-start;gap:.75rem;margin:.75rem 0;padding:.875rem 1rem;font-size:.8125rem;line-height:1.5;display:flex}.restricted-notice strong{color:#ff9500;font-weight:600}.restricted-notice span{color:var(--color-text-secondary)}.activity-item{align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-bg-elevated);border-radius:var(--radius-lg);display:flex}.activity-time{font-size:var(--text-xs);color:var(--color-text-muted);flex-shrink:0;margin-left:auto}.status-in-progress{color:var(--color-primary);font-size:var(--text-xs);font-weight:500}.viewer-card{align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-bg-elevated);border-radius:var(--radius-lg);border:1px solid var(--color-border);display:flex}.viewer-stats{gap:var(--space-1);text-align:right;flex-direction:column;margin-left:auto;display:flex}.viewer-stat{justify-content:flex-end;align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--color-primary);display:flex}.viewer-stat.invalidated{color:var(--color-accent)}.report-btn{margin-left:var(--space-3);flex-shrink:0;padding:var(--space-2)!important}.btn-warning{color:#ffc107;background:#ffc10733;border:1px solid #ffc10766}.btn-warning:hover{background:#ffc1074d;border-color:#ffc107}@media (max-width:768px){.report-card{flex-wrap:wrap}.report-user{flex:100%}.report-info{flex:100%;padding-left:52px}.report-status{margin-left:auto}.report-type-buttons{gap:var(--space-1)}.report-type-btn{font-size:var(--text-xs);padding:var(--space-1)var(--space-3)}.viewer-card{flex-wrap:wrap}.viewer-stats{gap:var(--space-3);width:100%;padding-top:var(--space-2);margin-left:0;margin-top:var(--space-2);border-top:1px solid var(--color-border);flex-direction:row;justify-content:flex-start}.report-btn{top:var(--space-4);right:var(--space-4);position:absolute}.viewer-card{position:relative}}.shop-page{padding-top:calc(var(--header-height,70px) + var(--space-8));padding-bottom:var(--space-12);min-height:100vh}.shop-container{max-width:1100px;padding:0 var(--space-6);margin:0 auto}.shop-hero{text-align:center;margin-bottom:var(--space-6)}.shop-hero__icon{margin-bottom:var(--space-2);justify-content:center;font-size:2.8rem;line-height:1;display:flex}.shop-hero__title{font-size:var(--text-3xl);color:var(--color-text-primary);margin:0 0 var(--space-2)0;letter-spacing:-.02em;font-weight:800}.shop-hero__sub{font-size:var(--text-sm);color:var(--color-text-muted);margin:0 0 var(--space-4)0}.shop-hero__balance{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);background:#f59e0b1a;border:1px solid #f59e0b40;display:inline-flex}.shop-hero__balance svg{color:#f59e0b}.shop-hero__balance-val{color:#f59e0b;font-weight:700;font-size:var(--text-lg)}.shop-hero__balance-label{color:var(--color-text-muted)}.shop-notice{align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);margin-bottom:var(--space-4);display:flex}.shop-notice--danger{color:#ff3b30;background:#ff3b3014;border:1px solid #ff3b3040}.shop-notice--warn{color:#ff9500;background:#ff950014;border:1px solid #ff950040}.shop-notice--success{color:#2ecc71;background:#2ecc7114;border:1px solid #2ecc7140;animation:.3s fadeIn}.shop-tabs{gap:var(--space-1);margin-bottom:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:4px;display:flex}.shop-tab{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);border-radius:var(--radius-md);cursor:pointer;background:0 0;border:none;flex:1;font-weight:500;transition:all .2s;display:flex}.shop-tab:hover{color:var(--color-text);background:#ffffff08}.shop-tab--active{color:var(--color-text-primary);background:#9147ff1f;border:1px solid #9147ff40;font-weight:600}.shop-tab--active svg{color:var(--color-primary)}.shop-panel{animation:.25s fadeIn}.shop-panel__header{margin-bottom:var(--space-5)}.shop-panel__title{font-size:var(--text-xl);color:var(--color-text-primary);margin:0 0 var(--space-1)0;align-items:center;gap:.5rem;font-weight:700;display:flex}.shop-panel__desc{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.shop-packs-grid{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.shop-pack{padding:var(--space-6)var(--space-4)var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);flex-direction:column;align-items:center;transition:all .2s;display:flex;position:relative}.shop-pack:hover{border-color:#9147ff4d;transform:translateY(-3px);box-shadow:0 8px 30px #0003}.shop-pack--popular{border-color:var(--color-primary);background:linear-gradient(#9147ff0f,#0000)}.shop-pack--popular:hover{border-color:var(--color-primary);box-shadow:0 8px 30px #9147ff26}.shop-pack__badge{background:linear-gradient(135deg,var(--color-primary),#5865f2);border-radius:var(--radius-full);color:#fff;white-space:nowrap;letter-spacing:.03em;padding:3px 12px;font-size:10px;font-weight:700;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.shop-pack__amount{text-align:center;margin-bottom:var(--space-2)}.shop-pack__number{color:var(--color-primary);font-size:2.6rem;font-weight:800;line-height:1;display:block}.shop-pack__unit{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.shop-pack__savings{border-radius:var(--radius-full);color:#0f8;margin-bottom:var(--space-3);background:#00ff881f;padding:2px 10px;font-size:11px;font-weight:700;display:inline-block}.shop-pack__savings-spacer{height:22px;margin-bottom:var(--space-3)}.shop-pack__price{font-size:var(--text-xl);color:var(--color-text-primary);margin-bottom:var(--space-4);font-weight:700}.shop-pack__btn{width:100%;padding:var(--space-3)var(--space-4);font-size:var(--text-sm);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;background:#ffffff0a;justify-content:center;align-items:center;gap:6px;margin-top:auto;font-weight:600;transition:all .2s;display:inline-flex}.shop-pack__btn:hover:not(:disabled){color:#fff;background:#9147ff1a;border-color:#9147ff4d}.shop-pack__btn--primary{background:linear-gradient(135deg,var(--color-primary),#5865f2);color:#fff;border-color:#0000}.shop-pack__btn--primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary),#5865f2);transform:translateY(-1px);box-shadow:0 4px 16px #9147ff4d}.shop-pack__btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width:768px){.shop-container{padding:0 var(--space-4)}.shop-packs-grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr)}}@media (max-width:400px){.shop-packs-grid{gap:var(--space-2);grid-template-columns:1fr 1fr}.shop-pack{padding:var(--space-4)var(--space-3)}.shop-pack__number{font-size:2rem}}.shop-teas-grid{gap:var(--space-4);grid-template-rows:auto;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));display:grid}.shop-tea{grid-template-rows:subgrid;text-align:center;justify-items:center;gap:var(--space-2);padding:var(--space-5)var(--space-4);border-radius:var(--radius-xl);border:1px solid;grid-row:span 6;transition:all .2s;display:grid;position:relative}.shop-tea:hover{transform:translateY(-3px);box-shadow:0 8px 30px #00000026}.shop-tea__badge{text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full);z-index:1;background:#0003;border:1px solid;order:-1;align-self:center;padding:2px 10px;font-size:10px;font-weight:700;position:relative}.shop-tea__emoji{margin-bottom:var(--space-1);font-size:2.4rem;line-height:1}.shop-tea__name{color:var(--color-text);margin:0;font-size:1rem;font-weight:700}.shop-tea__desc{color:var(--color-muted);text-align:center;margin:0;font-size:.8rem;line-height:1.4}.shop-tea__meta{align-items:center;gap:var(--space-3);margin-top:var(--space-1);display:flex}.shop-tea__duration,.shop-tea__cost{color:var(--color-muted);align-items:center;gap:3px;font-size:.75rem;display:flex}.shop-tea__cost{color:#f59e0b}.shop-tea__owned{color:#2ecc71;margin-top:var(--space-1);align-items:center;gap:4px;font-size:.75rem;font-weight:500;display:flex}.shop-tea__btn{width:100%;padding:var(--space-2)var(--space-4);font-size:var(--text-sm);color:var(--color-text);border-radius:var(--radius-md);cursor:pointer;background:#ffffff0a;border:1px solid;justify-content:center;align-self:end;align-items:center;gap:6px;font-weight:600;transition:all .15s;display:inline-flex}.shop-tea__btn:hover:not(:disabled){color:#fff;background:#ffffff14}.shop-tea__btn:disabled{opacity:.4;cursor:not-allowed}.shop-teas-hint{align-items:center;gap:var(--space-2);margin-top:var(--space-5);padding:var(--space-3)var(--space-4);border-radius:var(--radius-md);color:var(--color-text-secondary);background:#a855f70f;border:1px solid #a855f726;font-size:.82rem;display:flex}.shop-teas-hint svg{color:var(--color-primary);flex-shrink:0}.shop-teas-hint a{color:var(--color-primary);text-decoration:underline}@media (max-width:1024px){.shop-teas-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.shop-teas-grid{grid-template-columns:1fr}}.merchant-subscription-card{margin-top:var(--space-12);background:var(--color-bg-card);border:1px solid var(--color-primary);border-radius:var(--radius-xl);position:relative;overflow:hidden}.merchant-card-bg{pointer-events:none;position:absolute;inset:0;overflow:hidden}.merchant-card-glow{background:radial-gradient(circle,#9147ff26 0%,#0000 70%);border-radius:50%;width:300px;height:300px;animation:4s ease-in-out infinite merchantGlowPulse;position:absolute;top:-100px;right:-50px}.merchant-card-glow--2{background:radial-gradient(circle,#9147ff1a 0%,#0000 70%);width:200px;height:200px;animation-delay:2s;inset:auto auto -80px -50px}@keyframes merchantGlowPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.merchant-card-content{z-index:1;padding:var(--space-8);position:relative}.merchant-card-header{align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.merchant-icon-wrapper{border-radius:var(--radius-lg);color:#fff;background:#9147ff26;border:1px solid #9147ff66;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.merchant-badge-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-primary);margin-bottom:2px;display:block}.merchant-title{font-size:var(--text-2xl);color:var(--color-text-primary);margin:0;font-weight:700}.merchant-highlight{align-items:flex-start;gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-lg);margin-bottom:var(--space-6);background:#9147ff14;border:1px solid #9147ff33;display:flex}.merchant-highlight-text{gap:var(--space-1);flex-direction:column;display:flex}.merchant-highlight-text strong{font-size:var(--text-lg);color:var(--color-primary-light);font-weight:600}.merchant-highlight-text span{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5}.merchant-perks{gap:var(--space-4);margin-bottom:var(--space-8);flex-wrap:wrap;display:flex}.merchant-perk{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);padding:var(--space-2)var(--space-3);border-radius:var(--radius-md);background:#ffffff08;border:1px solid #ffffff0d;display:flex}.merchant-perk svg{color:var(--color-primary);flex-shrink:0}.perk-badge{font-size:var(--text-xs);color:#10b981;border-radius:var(--radius-sm);background:#10b98126;justify-content:center;align-items:center;padding:2px 6px;font-weight:700;display:inline-flex}.merchant-cta-section{align-items:center;gap:var(--space-4);padding-top:var(--space-6);border-top:1px solid #ffffff0f;flex-direction:column;display:flex}.merchant-price{align-items:baseline;gap:var(--space-1);display:flex}.merchant-price-amount{font-size:var(--text-4xl);color:var(--color-text-primary);font-weight:800}.merchant-price-period{font-size:var(--text-lg);color:var(--color-text-muted)}.merchant-cta-btn{justify-content:center;align-items:center;gap:var(--space-2);width:100%;max-width:280px;padding:var(--space-4)var(--space-6);font-size:var(--text-base);color:#fff;background:linear-gradient(135deg,var(--color-primary)0%,var(--color-primary-dark)100%);border-radius:var(--radius-lg);cursor:pointer;border:none;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 0 20px #9147ff4d}.merchant-cta-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 30px #9147ff80}.merchant-cta-btn:disabled{opacity:.6;cursor:not-allowed}.merchant-cta-btn--outline{border:1px solid var(--color-primary);box-shadow:none;background:0 0}.merchant-cta-btn--outline:hover{box-shadow:none;background:#9147ff1a}.merchant-cancel-note{font-size:var(--text-xs);color:var(--color-text-muted);margin:0}.merchant-manage-link{font-size:var(--text-sm);color:var(--color-text-secondary);text-decoration:underline;transition:color .2s}.merchant-manage-link:hover{color:var(--color-text-primary)}.merchant-subscription-card--active{border-color:#22c55e66}.merchant-active-badge{align-items:center;gap:var(--space-1);padding:var(--space-1)var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);color:#4ade80;background:#22c55e26;border:1px solid #22c55e4d;margin-left:auto;font-weight:600;display:inline-flex}.merchant-highlight--success{background:#22c55e14;border-color:#22c55e33}.merchant-highlight--success strong{color:#4ade80}.merchant-perk--active{background:#22c55e14;border-color:#22c55e26}.merchant-perk--active svg{color:#4ade80}@media (min-width:768px){.merchant-card-content{padding:var(--space-10)}.merchant-cta-section{flex-direction:row;justify-content:space-between;align-items:center}.merchant-cta-btn{width:auto}}@media (max-width:480px){.merchant-card-content{padding:var(--space-5)}.merchant-highlight{text-align:center;flex-direction:column;align-items:center}.merchant-perks{flex-direction:column}.merchant-perk{justify-content:center;width:100%}}.shop-guarantees{justify-content:center;gap:var(--space-8);margin-top:var(--space-8);margin-bottom:var(--space-8);flex-wrap:wrap;display:flex}.guarantee{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);display:flex}.guarantee svg{color:var(--color-primary);flex-shrink:0}@media (max-width:480px){.shop-guarantees{align-items:center;gap:var(--space-2);flex-direction:column}}.shop-legal{text-align:center;padding-top:var(--space-4);border-top:1px solid var(--color-border)}.shop-legal p{font-size:var(--text-xs);color:var(--color-text-muted);margin:0}.shop-legal a{color:var(--color-primary);text-decoration:underline}.shop-success-page{min-height:100vh;padding:var(--space-8)var(--space-4);padding-top:calc(var(--header-height,70px) + var(--space-8));justify-content:center;align-items:center;display:flex}.success-container{text-align:center;max-width:500px}.success-icon{width:120px;height:120px;margin-bottom:var(--space-6);color:#0f8;background:#00ff881a;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.success-container h1{font-size:var(--text-3xl);margin:0 0 var(--space-3)0;font-weight:700}.success-message{font-size:var(--text-lg);color:var(--color-text-muted);margin:0 0 var(--space-6)0;line-height:1.6}.success-actions{gap:var(--space-3);flex-direction:column;display:flex}@media (min-width:480px){.success-actions{flex-direction:row;justify-content:center}}.merchant-stats-panel{position:relative}.merchant-stats-panel .panel-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.merchant-stats-panel .panel-header h2{align-items:center;gap:var(--space-2);margin:0;font-size:1.5rem;font-weight:600;display:flex}.merchant-status-badge{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);border-radius:var(--radius-md);color:#a78bfa;background:#9147ff26;border:1px solid #9147ff66;font-size:.875rem;font-weight:500;display:inline-flex}.merchant-stats-grid{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.merchant-stat-card{border-radius:var(--radius-lg);padding:var(--space-4);align-items:center;gap:var(--space-4);background:#9147ff14;border:1px solid #9147ff40;transition:all .2s;display:flex}.merchant-stat-card:hover{background:#9147ff1f;border-color:#9147ff66;transform:translateY(-2px)}.merchant-stat-card .stat-icon{border-radius:var(--radius-md);color:#fff;background:linear-gradient(135deg,#9147ff,#7c3aed);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.merchant-stat-card .stat-content{gap:var(--space-1);flex-direction:column;display:flex}.merchant-stat-card .stat-value{color:#a78bfa;font-size:1.75rem;font-weight:700}.merchant-stat-card .stat-label{color:var(--color-text-secondary);font-size:.875rem}.merchant-info-box{z-index:10;border-radius:var(--radius-md);padding:var(--space-3)var(--space-4);margin-top:var(--space-2);background:#141423fa;border:1px solid #9147ff59;animation:.2s fadeIn;position:absolute;top:100%;left:0;right:0;box-shadow:0 8px 24px #0006}.merchant-info-box h3{display:none}.merchant-info-box li{font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-1);line-height:1.5}.merchant-info-box li:last-child{margin-bottom:0}.merchant-info-box h3{color:#a78bfa;margin:0 0 var(--space-3)0;align-items:center;gap:var(--space-2);font-size:1.125rem;font-weight:600;display:flex}.merchant-info-box ul{padding-left:var(--space-5);margin:0;list-style:outside}.merchant-info-box li{margin-bottom:var(--space-2);color:var(--color-text-secondary);line-height:1.6}.merchant-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.merchant-not-subscribed{text-align:center;padding:var(--space-8);border-radius:var(--radius-lg);background:#9147ff0d;border:2px dashed #9147ff4d}.merchant-not-subscribed .not-subscribed-icon{width:80px;height:80px;margin:0 auto var(--space-4);color:#fff;background:linear-gradient(135deg,#9147ff,#7c3aed);border-radius:50%;justify-content:center;align-items:center;display:flex}.merchant-not-subscribed h3{color:#a78bfa;margin:0 0 var(--space-3)0;font-size:1.5rem;font-weight:600}.merchant-not-subscribed p{color:var(--color-text-secondary);max-width:500px;margin:0 auto var(--space-5);line-height:1.6}@media (max-width:768px){.merchant-stats-grid{grid-template-columns:1fr}.merchant-actions{flex-direction:column}.merchant-actions .btn{justify-content:center;width:100%}}.earn-credits-page{padding-top:calc(70px + var(--space-8));padding-bottom:var(--space-8);padding-left:var(--space-4);padding-right:var(--space-4);min-height:100vh}@media (min-width:768px){.earn-credits-page{padding-left:0;padding-right:0}}.earn-credits-header{text-align:center;margin-bottom:var(--space-10)}.earn-credits-header .back-link{align-items:center;gap:var(--space-2);color:var(--color-text-secondary);margin-bottom:var(--space-6);transition:color var(--transition-fast);text-decoration:none;display:inline-flex}.earn-credits-header .back-link:hover{color:var(--color-primary)}.earn-credits-header h1{justify-content:center;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);font-size:2.5rem;font-weight:700;display:flex}.earn-credits-header .subtitle{color:var(--color-text-secondary);max-width:600px;margin:0 auto var(--space-6);font-size:1.125rem}.earn-credits-header .current-credits{align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-5);border-radius:var(--radius-full);background:#6366f11a;border:1px solid #6366f14d;font-size:1rem;display:inline-flex}.earn-credits-header .current-credits strong{color:var(--color-primary)}.earn-methods-grid{gap:var(--space-6);margin-bottom:var(--space-10);display:grid}@media (min-width:768px){.earn-methods-grid{grid-template-columns:repeat(2,1fr)}.earn-method-card.coming-soon{grid-column:span 2}}@media (min-width:1024px){.earn-methods-grid{grid-template-columns:repeat(3,1fr)}.earn-method-card.coming-soon{grid-column:span 1}}.earn-method-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--transition-base);flex-direction:column;display:flex;position:relative;overflow:hidden}.earn-method-card:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:0 20px 40px #0000004d}.earn-method-card.merchant-card:hover{border-color:#a78bfa}.earn-method-card.coming-soon{opacity:.7}.earn-method-card.coming-soon:hover{border-color:var(--color-border);transform:none}.coming-soon-badge{top:var(--space-4);right:var(--space-4);padding:var(--space-1)var(--space-3);border-radius:var(--radius-full);color:#facc15;background:#facc1533;border:1px solid #facc1566;font-size:.75rem;font-weight:600;position:absolute}.earn-method-icon{background:linear-gradient(135deg,var(--color-primary),#4f46e5);border-radius:var(--radius-xl);color:#fff;width:80px;height:80px;margin:0 auto var(--space-5);justify-content:center;align-items:center;display:flex}.earn-method-icon.merchant-icon{background:linear-gradient(135deg,#9147ff,#7c3aed)}.earn-method-card.coming-soon .earn-method-icon{background:linear-gradient(135deg,#6b7280,#4b5563)}.earn-method-content{flex-direction:column;flex-grow:1;display:flex}.earn-method-content h2{margin-bottom:var(--space-3);text-align:center;font-size:1.375rem;font-weight:600}.earn-method-content p{color:var(--color-text-secondary);margin-bottom:var(--space-4);text-align:center;line-height:1.6}.earn-method-details{margin:0 0 var(--space-5)0;padding:0;list-style:none}.earn-method-details li{align-items:center;gap:var(--space-2);padding:var(--space-2)0;color:var(--color-text-secondary);border-bottom:1px solid #ffffff0d;font-size:.875rem;display:flex}.earn-method-details li:last-child{border-bottom:none}.earn-method-card .btn{justify-content:center;gap:var(--space-2);width:100%;margin-top:auto}.btn-merchant{color:#fff;background:linear-gradient(135deg,#9147ff,#7c3aed);border:none}.btn-merchant:hover{background:linear-gradient(135deg,#a855f7,#8b5cf6);transform:translateY(-1px)}.btn-disabled{color:var(--color-text-secondary);cursor:not-allowed;background:#6b72804d;border:1px solid #6b72804d}.earn-tips{border-radius:var(--radius-xl);padding:var(--space-6);background:#6366f10d;border:1px solid #6366f133}.earn-tips h3{justify-content:center;align-items:center;gap:var(--space-2);color:var(--color-primary);margin-bottom:var(--space-5);font-size:1.25rem;font-weight:600;display:flex}.tips-grid{gap:var(--space-4);display:grid}@media (min-width:768px){.tips-grid{grid-template-columns:repeat(3,1fr)}}.tip-item{align-items:flex-start;gap:var(--space-3);display:flex}.tip-item .tip-number{background:var(--color-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.875rem;font-weight:700;display:flex}.tip-item p{color:var(--color-text-secondary);margin:0;line-height:1.5}@keyframes shimmer-slide{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes glow-pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes rainbow-shift{0%{filter:hue-rotate()}to{filter:hue-rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)rotate(0)}50%{opacity:1;transform:scale(1)rotate(180deg)}}@keyframes border-dance{0%,to{border-color:var(--color-primary)}25%{border-color:var(--color-rarity-legendary)}50%{border-color:var(--color-success)}75%{border-color:var(--color-rarity-mythic)}}.shimmer-effect{position:relative;overflow:hidden}.shimmer-effect:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ffffff1a 50%,#0000 100%);width:100%;height:100%;animation:2s infinite shimmer-slide;position:absolute;top:0;left:0}.rarity-common{color:var(--color-rarity-common)}.rarity-uncommon{color:var(--color-rarity-uncommon);text-shadow:var(--glow-uncommon)}.rarity-rare{color:var(--color-rarity-rare);text-shadow:var(--glow-rare)}.rarity-epic{color:var(--color-rarity-epic);text-shadow:var(--glow-epic)}.rarity-legendary{color:var(--color-rarity-legendary);text-shadow:var(--glow-legendary);animation:2s ease-in-out infinite glow-pulse}.rarity-mythic{color:var(--color-rarity-mythic);text-shadow:var(--glow-mythic);animation:1.5s ease-in-out infinite glow-pulse}.quest-inventory-bar{padding:var(--space-3);border-radius:var(--radius-lg);margin-bottom:var(--space-3);background:linear-gradient(#0a1428cc 0%,#050a19f2 100%);border:1px solid #ffffff14;justify-content:space-around;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0d}.quest-inventory-bar:before{content:"";background:linear-gradient(90deg,transparent 0%,var(--color-primary)20%,var(--color-rarity-legendary)50%,var(--color-primary)80%,transparent 100%);opacity:.6;height:1px;position:absolute;top:0;left:0;right:0}.inv-item{border-radius:var(--radius-md);transition:all var(--transition-base);align-items:center;gap:6px;padding:4px 10px;font-size:.9rem;font-weight:600;display:flex;position:relative}.inv-item:hover{transform:scale(1.05)}.inv-item.gold{color:gold}.inv-item.gold:hover{text-shadow:0 0 15px #ffd70099;background:#ffd7001a}.inv-item.diamond{color:#22d3ee}.inv-item.diamond:hover{text-shadow:0 0 15px #22d3ee99;background:#22d3ee1a}.inv-item.credits{color:#22c55e}.inv-item.credits:hover{text-shadow:0 0 15px #22c55e99;background:#22c55e1a}.inv-item.tokens{color:#f59e0b}.inv-item.tokens:hover{text-shadow:0 0 15px #f59e0b99;background:#f59e0b1a}.quest-unregistered-banner{align-items:flex-start;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);margin-bottom:var(--space-3);background:linear-gradient(135deg,#f59e0b1a 0%,#f59e0b0d 100%);border:1px solid #f59e0b40;display:flex}.quest-unregistered-banner>svg{color:#f59e0b;flex-shrink:0;margin-top:1px}.quest-unregistered-banner__title{color:#f59e0b;margin:0 0 2px;font-size:.8rem;font-weight:600}.quest-unregistered-banner__text{color:var(--color-text-muted);margin:0;font-size:.72rem;line-height:1.4}.quest-reward-mode{margin-bottom:var(--space-1);justify-content:space-between;align-items:center;padding:6px 0;display:flex}.quest-reward-mode__label{color:var(--color-text-muted,#888);letter-spacing:.02em;font-size:.7rem;font-weight:500}.quest-reward-mode__toggle{border:1px solid #ffffff14;border-radius:6px;display:flex;overflow:hidden}.quest-reward-mode__btn{color:var(--color-text-muted,#888);cursor:pointer;background:0 0;border:none;padding:4px 10px;font-size:.65rem;font-weight:500;transition:all .2s}.quest-reward-mode__btn:first-child{border-right:1px solid #ffffff14}.quest-reward-mode__btn.active{color:#9147ff;background:#9147ff26;font-weight:600}.quest-reward-mode__btn:hover:not(.active){background:#ffffff0a}.quest-progress-paused-badge{color:#ffb74d;letter-spacing:.03em;background:#ff98001f;border-radius:4px;align-items:center;gap:5px;margin-bottom:2px;padding:4px 10px;font-size:.65rem;font-weight:600;display:flex}.quest-chat-cooldown{color:var(--color-text-muted);letter-spacing:.03em;background:#9147ff1a;border-radius:4px;align-items:center;gap:5px;margin-bottom:2px;padding:4px 10px;font-size:.65rem;font-weight:600;transition:all .3s;display:flex}.quest-chat-cooldown.ready{color:#00c853;background:#00c8531f;animation:2s ease-in-out infinite quest-chat-ready-pulse}@keyframes quest-chat-ready-pulse{0%,to{opacity:.85}50%{opacity:1}}.quest-claim-reward-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#9147ff,#7c3aed);border:none;border-radius:6px;align-items:center;gap:5px;margin-left:auto;padding:5px 14px;font-size:.72rem;font-weight:600;transition:all .2s;animation:2s ease-in-out infinite quest-claim-glow;display:inline-flex}.quest-claim-reward-btn:hover{background:linear-gradient(135deg,#a855f7,#9147ff);transform:translateY(-1px);box-shadow:0 4px 12px #9147ff66}@keyframes quest-claim-glow{0%,to{box-shadow:0 0 4px #9147ff33}50%{box-shadow:0 0 12px #9147ff80}}.quest-complete-notice{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:#00c853;flex-wrap:wrap;margin-top:auto;padding:12px;font-weight:500;display:flex}.animated-counter{align-items:center;display:inline-flex;overflow:hidden}.animated-counter__slot{justify-content:center;align-items:center;width:.6em;height:1.2em;display:inline-flex;position:relative;overflow:hidden}.animated-counter__digit{font-variant-numeric:tabular-nums;line-height:1;display:inline-block}.quest-active-boosts{margin-bottom:var(--space-3);padding:var(--space-2)var(--space-3);border-radius:var(--radius-md);background:linear-gradient(135deg,#9147ff0f,#ffd7000a);border:1px solid #9147ff26;flex-direction:column;gap:4px;display:flex}.quest-boost-item{align-items:center;gap:8px;padding:3px 0;font-size:.78rem;display:flex}.quest-boost-item__emoji{flex-shrink:0;font-size:1rem;line-height:1}.quest-boost-item__name{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.quest-boost-item__info{width:18px;height:18px;color:var(--color-primary-light);cursor:help;background:#9147ff14;border:1px solid #9147ff33;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .15s;display:inline-flex}.quest-boost-item__info:hover{background:#9147ff33;border-color:#9147ff66}.quest-boost-item__timer{color:var(--color-primary-light);white-space:nowrap;flex-shrink:0;align-items:center;gap:4px;margin-left:auto;font-size:.72rem;font-weight:500;display:flex}.boost-countdown{font-variant-numeric:tabular-nums}.quest-card--available{border-left:3px solid var(--color-success);transition:all var(--transition-base)}.quest-card--available:hover{box-shadow:var(--shadow-neon-green)}.quest-card--in-progress{border-left:3px solid var(--color-primary);background:linear-gradient(90deg,#9147ff0d 0%,#0000 100%)}.quest-card--in-progress:before{content:"";background:var(--color-primary);width:3px;height:100%;box-shadow:var(--shadow-neon-purple);animation:2s ease-in-out infinite glow-pulse;position:absolute;top:0;left:0}.quest-card--completed{border-left:3px solid var(--color-success);opacity:.8;background:linear-gradient(90deg,#22c55e14 0%,#0000 100%)}.quest-card--cooldown{border-left:3px solid var(--color-text-muted);opacity:.5}.btn-legendary{color:#000;border-radius:var(--radius-md);cursor:pointer;text-shadow:0 1px 1px #ffffff4d;transition:all var(--transition-base);background:linear-gradient(135deg,gold 0%,#ffed4e 25%,#ffc107 50%,#ff9500 75%,#ff8c00 100%) 0 0/200% 200%;border:none;padding:12px 24px;font-weight:700;animation:3s infinite gradient-shift;position:relative;overflow:hidden;box-shadow:0 4px 15px #ffd70066,0 0 30px #ffd70033,inset 0 -2px 5px #00000026}@keyframes gradient-shift{0%,to{background-position:0%}50%{background-position:100%}}.btn-legendary:hover{transform:translateY(-3px);box-shadow:0 8px 25px #ffd70080,0 0 50px #ffd7004d}.btn-legendary:before{content:"";background:linear-gradient(90deg,#0000 0% 25%,#fff6 50%,#0000 75% 100%);width:200%;height:100%;animation:2s infinite shimmer-legendary;position:absolute;top:0;left:0}@keyframes shimmer-legendary{0%{transform:translate(-50%)}to{transform:translate(50%)}}.quest-success-glow{animation:.5s ease-out success-pulse}@keyframes success-pulse{0%{box-shadow:0 0 #22c55eb3}70%{box-shadow:0 0 0 15px #22c55e00}to{box-shadow:0 0 #22c55e00}}.streamer-card--final-completed{position:relative}.streamer-card--final-completed .streamer-thumbnail:before{content:"";border-top:3px solid var(--color-success);border-right:3px solid var(--color-success);border-top-right-radius:var(--radius-md);z-index:10;opacity:1;pointer-events:none;filter:drop-shadow(0 0 6px #22c55e99);position:absolute;inset:0 0 50% 50%}.streamer-card--final-completed .streamer-thumbnail:after{content:"";border-bottom:3px solid var(--color-success);border-left:3px solid var(--color-success);border-bottom-left-radius:var(--radius-md);z-index:10;opacity:1;pointer-events:none;filter:drop-shadow(0 0 6px #22c55e99);position:absolute;inset:50% 50% 0 0}.streamer-card--final-completed:hover .streamer-thumbnail-wrapper:before,.streamer-card--final-completed:hover .streamer-thumbnail-wrapper:after{opacity:1}.streamer-card--final-completed:hover{box-shadow:var(--shadow-lg),0 0 20px #22c55e33}.sparkle-container{pointer-events:none;z-index:100;position:absolute}.sparkle{background:radial-gradient(circle,#fff 0%,#0000 70%);border-radius:50%;width:8px;height:8px;animation:1s ease-out forwards sparkle;position:absolute}.text-gradient-gold{background:linear-gradient(135deg,gold,#ff8c00);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-success{background:linear-gradient(135deg,#22c55e,#10b981);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-mythic{background:linear-gradient(135deg,#06b6d4,#22d3ee);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.progress-bar-gaming{border-radius:var(--radius-full);background:#ffffff1a;height:8px;position:relative;overflow:hidden}.progress-bar-gaming .progress-fill{background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));border-radius:var(--radius-full);height:100%;transition:width .5s ease-out;position:relative}.progress-bar-gaming .progress-fill:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff4d 50%,#0000 100%);animation:1.5s infinite shimmer-slide;position:absolute;inset:0}.progress-bar-gaming.almost-complete .progress-fill{background:linear-gradient(90deg,var(--color-success),var(--color-success-light));box-shadow:0 0 10px #22c55e80}@keyframes reward-pop{0%{opacity:0;transform:scale(0)rotate(-10deg)}50%{transform:scale(1.2)rotate(5deg)}to{opacity:1;transform:scale(1)rotate(0)}}.reward-popup{animation:.4s cubic-bezier(.68,-.55,.265,1.55) reward-pop}.live-badge-gaming{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-dark));color:#fff;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:700;animation:2s ease-in-out infinite live-pulse-gaming;display:flex;box-shadow:0 0 15px #ff6b6b80}.live-badge-gaming:before{content:"";background:#fff;border-radius:50%;width:8px;height:8px;animation:1s ease-in-out infinite live-dot}@keyframes live-pulse-gaming{0%,to{box-shadow:0 0 10px #ff6b6b66}50%{box-shadow:0 0 20px #ff6b6bb3}}@keyframes live-dot{0%,to{opacity:1}50%{opacity:.4}}.hover-lift{transition:transform var(--transition-base),box-shadow var(--transition-base)}.hover-lift:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.hover-glow-purple:hover{box-shadow:var(--shadow-neon-purple)}.hover-glow-green:hover{box-shadow:var(--shadow-neon-green)}.hover-glow-gold:hover{box-shadow:var(--shadow-neon-gold)}.hover-scale{transition:transform var(--transition-fast)}.hover-scale:hover{transform:scale(1.02)}.notification-dot{background:var(--color-accent);border:2px solid var(--color-bg-dark);border-radius:50%;width:12px;height:12px;animation:2s ease-in-out infinite notification-pulse;position:absolute;top:-4px;right:-4px}@keyframes notification-pulse{0%,to{transform:scale(1);box-shadow:0 0 #ff6b6bb3}50%{transform:scale(1.1);box-shadow:0 0 0 6px #ff6b6b00}}.section-placeholder{min-height:50px}.progressive-section{margin-bottom:2.5rem}.section-skeleton{min-height:300px}.section-skeleton .skeleton-title{background:#1f1f35;border-radius:6px;width:220px;height:28px;margin-bottom:1rem}.section-skeleton .skeleton-title-real{color:var(--color-text-muted);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.25rem;font-weight:700;display:flex}.skeleton-title-content{opacity:.5;align-items:center;gap:.5rem;display:flex}.section-skeleton .skeleton-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.card-skeleton{background:var(--color-bg-card,#1a1a2e);border:1px solid var(--color-border,#2a2a40);border-radius:12px;overflow:hidden}.card-skeleton .skeleton-thumb{aspect-ratio:16/9;background:#1f1f35;width:100%}.card-skeleton .skeleton-body{gap:10px;padding:12px;display:flex}.card-skeleton .skeleton-avatar{background:#1f1f35;border-radius:50%;flex-shrink:0;width:40px;height:40px}.card-skeleton .skeleton-text{flex-direction:column;flex:1;gap:8px;display:flex}.card-skeleton .skeleton-line{background:#1f1f35;border-radius:4px;height:14px}.card-skeleton .skeleton-line.w80{width:80%}.card-skeleton .skeleton-line.w50{width:50%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes sectionFadeIn{0%{opacity:0}to{opacity:1}}@keyframes sectionSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.progressive-section .title-content{align-items:center;gap:.5rem;display:flex}.progressive-section .title-count{color:var(--color-text-muted);font-size:.875rem;font-weight:400}.category-page{padding:var(--space-8)var(--space-4);padding-top:calc(var(--header-height,70px) + var(--space-8));max-width:1800px;min-height:100vh;margin:0 auto}@media (max-width:639px){.category-page{padding-left:0;padding-right:0}.category-page .category-header{padding-left:var(--space-4);padding-right:var(--space-4)}}.category-header{margin-bottom:var(--space-8)}.category-header__title-row{align-items:center;gap:var(--space-4);margin-bottom:var(--space-2);display:flex}.category-header__title-row .home-button{flex-shrink:0}.category-header h1{font-family:var(--font-display);font-size:var(--font-size-3xl);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:var(--space-3);margin:0;font-weight:700;display:flex}.category-header h1:before{content:"";background:var(--color-primary);border-radius:2px;width:4px;height:28px;display:block;box-shadow:0 0 10px #9147ff99}.category-header p{color:var(--color-text-secondary);font-size:var(--font-size-base);margin:0 0 var(--space-3)}.category-count{padding:var(--space-1)var(--space-3);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--color-text-muted);display:inline-block}.category-empty{text-align:center;padding:var(--space-16)var(--space-4);color:var(--color-text-muted)}.category-empty p{margin:var(--space-2)0}.category-not-found{text-align:center;padding:var(--space-16)var(--space-4)}.category-not-found h1{font-size:var(--font-size-2xl);color:var(--color-text-primary);margin-bottom:var(--space-3)}.category-not-found p{color:var(--color-text-muted);margin-bottom:var(--space-6)}.category-back-btn{align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-5);background:var(--color-primary);color:#fff;border-radius:var(--radius-md);transition:all var(--transition-fast);font-weight:500;text-decoration:none;display:inline-flex}.category-back-btn:hover{background:var(--color-primary-hover)}.category-back-skeleton{background:var(--color-bg-elevated);border-radius:var(--radius-sm);width:80px;height:20px;margin-bottom:var(--space-4);animation:1.5s ease-in-out infinite skeleton-pulse}.category-title-skeleton{background:var(--color-bg-elevated);border-radius:var(--radius-md);width:300px;height:36px;margin-bottom:var(--space-2);animation:1.5s ease-in-out infinite skeleton-pulse}.category-desc-skeleton{background:var(--color-bg-elevated);border-radius:var(--radius-sm);opacity:.6;width:200px;height:20px;animation:1.5s ease-in-out infinite skeleton-pulse}.support-page{max-width:800px;padding:var(--space-8)var(--space-4);padding-top:calc(var(--header-height,70px) + var(--space-8));min-height:100vh;margin:0 auto}.support-header{text-align:center;margin-bottom:var(--space-10)}.support-header h1{font-size:var(--font-size-4xl);color:var(--color-text-primary);margin-bottom:var(--space-3);font-weight:700}.support-header p{font-size:var(--font-size-lg);color:var(--color-text-muted)}.support-content{gap:var(--space-6);flex-direction:column;display:flex}.support-section{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.support-section-title{align-items:center;gap:var(--space-3);padding:var(--space-4)var(--space-5);border-bottom:1px solid var(--color-border);font-size:var(--font-size-base);color:var(--color-text-primary);margin:0;font-weight:600;display:flex}.support-section-title svg{width:20px;height:20px;color:var(--color-primary)}.support-faq .faq-item{border-bottom:1px solid var(--color-border);background:0 0;border-top:none;border-left:none;border-right:none;border-radius:0}.support-faq .faq-item:last-child{border-bottom:none}.support-faq .faq-question{padding:var(--space-4)var(--space-5);cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text-primary);justify-content:space-between;align-items:center;font-weight:500;list-style:none;transition:background .2s;display:flex}.support-faq .faq-question::-webkit-details-marker{display:none}.support-faq .faq-question:hover{background:var(--color-bg-secondary)}.support-faq .faq-chevron{color:var(--color-text-muted);flex-shrink:0;transition:transform .2s}.support-faq details[open] .faq-chevron{transform:rotate(180deg)}.support-faq .faq-answer{padding:0 var(--space-5)var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.6}.support-faq .faq-answer p{margin:0 0 var(--space-2)}.support-faq .faq-answer strong{color:var(--color-text-primary)}.support-solutions{margin:var(--space-2)0;gap:var(--space-2);flex-direction:column;padding:0;list-style:none;display:flex}.support-solutions li{padding-left:var(--space-5);color:var(--color-text-secondary);position:relative}.support-solutions li:before{content:"→";color:var(--color-success);font-weight:600;position:absolute;left:0}.support-still-stuck{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px dashed var(--color-border);color:var(--color-text-muted);font-style:italic}.support-form{padding:var(--space-5);gap:var(--space-5);flex-direction:column;display:flex}.support-field{gap:var(--space-2);flex-direction:column;display:flex}.support-field label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500}.support-field .required{color:var(--color-error)}.support-field-hint{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0}.support-field-hint a{color:var(--color-primary);text-decoration:none}.support-field-hint a:hover{text-decoration:underline}.support-presets{gap:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}@media (max-width:640px){.support-presets{grid-template-columns:repeat(2,1fr)}}.support-preset{align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-xs);color:var(--color-text-secondary);text-align:center;flex-direction:column;transition:all .2s;display:flex}.support-preset:hover{border-color:var(--color-border-hover);background:var(--color-bg-secondary)}.support-preset.selected{border-color:var(--color-primary);color:var(--color-text-primary);background:#9147ff1a}.support-preset svg{width:18px;height:18px;color:var(--color-text-muted)}.support-preset.selected svg{color:var(--color-primary)}.support-input-wrapper{align-items:center;display:flex;position:relative}.support-input-wrapper .support-input{padding-right:100px}.support-input-badge{right:var(--space-3);align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--color-success);display:flex;position:absolute}.support-input,.support-textarea{width:100%;padding:var(--space-3)var(--space-4);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm);font-family:inherit;transition:border-color .2s}.support-input:focus,.support-textarea:focus{border-color:var(--color-primary);outline:none}.support-input::placeholder,.support-textarea::placeholder{color:var(--color-text-muted)}.support-input:read-only{background:var(--color-bg-secondary);cursor:default}.support-textarea{resize:vertical;min-height:120px}.support-btn-primary{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-6);background:var(--color-primary);color:#fff;border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer;border:none;width:100%;font-weight:600;transition:all .2s;display:flex}.support-btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.support-btn-primary:disabled{opacity:.5;cursor:not-allowed}.support-btn-secondary{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);color:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer;margin-top:var(--space-3);background:0 0;font-weight:500;transition:all .2s;display:inline-flex}.support-btn-secondary:hover{background:#9147ff1a}.support-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite support-spin}@keyframes support-spin{to{transform:rotate(360deg)}}.support-response-time{text-align:center;font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0}.support-success{text-align:center;align-items:center;gap:var(--space-3);padding:var(--space-8)var(--space-5);color:var(--color-success);flex-direction:column;display:flex}.support-success svg{width:48px;height:48px}.support-success h3{font-size:var(--font-size-lg);color:var(--color-text-primary);margin:0;font-weight:600}.support-success p{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.support-contact .support-section-title{border-bottom:none}.support-contact-methods{gap:var(--space-3);padding:0 var(--space-5)var(--space-5);flex-direction:column;display:flex}.support-contact-method{align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-4);background:var(--color-bg-tertiary);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);text-decoration:none;transition:all .2s;display:flex}a.support-contact-method:hover{background:var(--color-bg-secondary);color:var(--color-primary)}.support-contact-icon{font-size:var(--font-size-lg)}.support-contact-method small{color:var(--color-text-muted);font-size:var(--font-size-xs)}.support-problem-chevron{width:18px;height:18px;color:var(--color-text-muted);transition:transform .2s}.support-problem.expanded .support-problem-chevron{transform:rotate(180deg)}.support-problem-content{padding:0 var(--space-5)var(--space-4);padding-left:calc(var(--space-5) + 18px + var(--space-3))}.support-solution{align-items:flex-start;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.6;display:flex}.support-solution svg{width:16px;height:16px;color:var(--color-success);flex-shrink:0;margin-top:2px}.support-contact{padding:var(--space-5);text-align:center}.support-contact p{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-3)}.support-contact a{align-items:center;gap:var(--space-2);color:var(--color-primary);font-weight:500;text-decoration:none;transition:opacity .2s;display:inline-flex}.support-contact a:hover{opacity:.8}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}.csp-panel{z-index:999;border:1px solid var(--color-border-light);border-radius:var(--radius-2xl);overscroll-behavior:contain;background:#0f0f1a;flex-direction:column;width:400px;height:560px;max-height:calc(100vh - 120px);animation:.3s cubic-bezier(.4,0,.2,1) cspPanelSlide;display:flex;position:fixed;bottom:calc(2rem + 60px);right:2rem;overflow:hidden;box-shadow:0 8px 40px #0009}.csp-panel--fullscreen{z-index:9999;overscroll-behavior:contain;border-radius:0;width:100%;height:100%;max-height:100vh;inset:0}@keyframes cspPanelSlide{0%{opacity:0;transform:translateY(16px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.csp-header{border-bottom:1px solid var(--color-border-light);background:#141425;flex-shrink:0;justify-content:space-between;align-items:center;min-height:46px;padding:0 8px 0 0;display:flex}.csp-header__tabs{flex:1;height:100%;display:flex}.csp-header__tab{color:var(--color-text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:12px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex;position:relative}.csp-header__tab:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.csp-header__tab--active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.csp-header__tab-badge{background:var(--color-danger);color:#fff;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:700;line-height:1;display:flex}.csp-header__actions{align-items:center;gap:4px;display:flex}.csp-header__action{color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-md);background:0 0;border:none;padding:6px;transition:all .2s;display:flex}.csp-header__action:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.csp-spinner{animation:.8s linear infinite spin}.csp-empty{height:100%;color:var(--color-text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:2rem;display:flex}.csp-empty svg{opacity:.3}.csp-empty p{font-size:var(--text-sm);margin:0}.csp-empty__sub{opacity:.6;font-size:var(--text-xs)!important}.csp-error{font-size:var(--text-xs);color:var(--color-danger);text-align:center;background:#ef444414;flex-shrink:0;padding:6px 14px}.csp-input{border-top:1px solid var(--color-border-light);background:#141425;flex-shrink:0;align-items:center;gap:8px;padding:10px 12px;display:flex}.csp-input input{border:1px solid var(--color-border-light);border-radius:var(--radius-xl);font-size:var(--text-sm);color:var(--color-text-primary);background:#0f0f1a;outline:none;flex:1;padding:8px 14px;transition:border-color .2s}.csp-input input:focus{border-color:var(--color-accent)}.csp-input input::placeholder{color:var(--color-text-muted)}.csp-input__send{background:var(--color-accent);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.csp-input__send:hover:not(:disabled){background:var(--color-accent-hover);transform:scale(1.05)}.csp-input__send:disabled{opacity:.4;cursor:not-allowed}.csp-chat{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.csp-chat__messages{scrollbar-width:thin;scrollbar-color:var(--color-border-light)transparent;overscroll-behavior:contain;flex-direction:column;flex:1;gap:2px;padding:12px 14px;display:flex;overflow-y:auto}.csp-chat__messages::-webkit-scrollbar{width:5px}.csp-chat__messages::-webkit-scrollbar-track{background:0 0}.csp-chat__messages::-webkit-scrollbar-thumb{background:var(--color-border-light);border-radius:3px}.csp-msg{flex-direction:column;align-self:flex-start;max-width:85%;display:flex}.csp-msg--own{align-self:flex-end}.csp-msg--first{margin-top:10px}.csp-msg--first:first-child{margin-top:0}.csp-msg__author{align-items:center;gap:6px;margin-bottom:3px;padding-left:4px;display:flex}.csp-msg__avatar{object-fit:cover;border-radius:50%;width:18px;height:18px}.csp-msg__name{color:var(--color-text-secondary);align-items:center;gap:4px;font-size:11px;font-weight:600;display:flex}.csp-msg__role{font-size:12px;line-height:1}.csp-msg__level{color:var(--color-accent);opacity:.8;font-size:10px;font-weight:500}.csp-msg__bubble{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:4px 16px 16px;flex-wrap:wrap;align-items:flex-end;gap:8px;padding:8px 12px;display:flex}.csp-msg--own .csp-msg__bubble{background:linear-gradient(135deg,var(--color-accent),#7c3aed);border-color:#0000;border-top-left-radius:16px;border-top-right-radius:4px}.csp-msg__text{font-size:var(--text-sm);color:var(--color-text-primary);word-break:break-word;line-height:1.45}.csp-msg--own .csp-msg__text{color:#fff}.csp-msg__time{color:var(--color-text-muted);white-space:nowrap;flex-shrink:0;margin-left:auto;font-size:10px;line-height:1}.csp-msg--own .csp-msg__time{color:#fff9}.csp-scroll-btn{background:var(--color-bg-card);border:1px solid var(--color-border-light);color:var(--color-text-secondary);cursor:pointer;z-index:2;border-radius:16px;align-items:center;gap:4px;padding:4px 12px;font-size:12px;transition:all .2s;display:flex;position:absolute;bottom:68px;left:50%;transform:translate(-50%);box-shadow:0 2px 10px #0003}.csp-scroll-btn:hover{background:var(--color-bg-hover)}.csp-scroll-btn span{background:var(--color-danger);color:#fff;border-radius:8px;padding:1px 6px;font-size:10px;font-weight:700}.csp-support{flex-direction:column;flex:1;min-height:0;display:flex}.csp-support__header{border-bottom:1px solid var(--color-border-light);flex-shrink:0;align-items:center;gap:10px;padding:12px 16px;display:flex}.csp-support__header h3{font-size:var(--text-sm);color:var(--color-text-primary);flex:1;margin:0;font-weight:600}.csp-support__back{color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-md);background:0 0;border:none;padding:4px;transition:all .2s;display:flex}.csp-support__back:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.csp-support__new-btn{background:var(--color-accent);color:#fff;border-radius:var(--radius-lg);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.csp-support__new-btn:hover{background:var(--color-accent-hover)}.csp-support__ticket-info{flex:1;min-width:0}.csp-support__ticket-info h3{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:13px;font-weight:600;overflow:hidden}.csp-support__status-badge{font-size:11px;font-weight:500}.csp-support__list{scrollbar-width:thin;scrollbar-color:var(--color-border-light)transparent;flex:1;padding:8px;overflow-y:auto}.csp-ticket{text-align:left;background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);cursor:pointer;flex-direction:column;width:100%;margin-bottom:6px;padding:12px;transition:all .2s;display:flex;position:relative}.csp-ticket:hover{border-color:var(--color-accent);background:var(--color-bg-hover)}.csp-ticket--unread{border-left:3px solid var(--color-accent)}.csp-ticket__top{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:6px;display:flex}.csp-ticket__subject{color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;font-weight:600;overflow:hidden}.csp-ticket__time{color:var(--color-text-muted);white-space:nowrap;font-size:11px}.csp-ticket__meta{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px;display:flex}.csp-ticket__status{align-items:center;gap:3px;font-size:11px;font-weight:600;display:inline-flex}.csp-ticket__cat,.csp-ticket__count{color:var(--color-text-muted);font-size:11px}.csp-ticket__preview{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:12px;overflow:hidden}.csp-ticket__admin-tag{color:var(--color-accent);font-weight:600}.csp-ticket__arrow{color:var(--color-text-muted);opacity:0;transition:all .2s;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.csp-ticket:hover .csp-ticket__arrow{opacity:1}.csp-support__form{flex-direction:column;flex:1;gap:14px;padding:16px;display:flex;overflow-y:auto}.csp-form-group{flex-direction:column;gap:6px;display:flex}.csp-form-group label{color:var(--color-text-secondary);font-size:12px;font-weight:600}.csp-form-group input,.csp-form-group textarea{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--color-text-primary);resize:none;outline:none;padding:10px 12px;font-family:inherit;transition:border-color .2s}.csp-form-group input:focus,.csp-form-group textarea:focus{border-color:var(--color-accent)}.csp-form-group input::placeholder,.csp-form-group textarea::placeholder{color:var(--color-text-muted)}.csp-form-categories{flex-wrap:wrap;gap:6px;display:flex}.csp-form-cat{border:1px solid var(--color-border-light);border-radius:var(--radius-lg);background:var(--color-bg-card);cursor:pointer;color:var(--color-text-secondary);padding:5px 10px;font-size:12px;transition:all .2s}.csp-form-cat:hover{border-color:var(--color-accent)}.csp-form-cat--active{font-weight:600}.csp-form-count{color:var(--color-text-muted);text-align:right;font-size:11px}.csp-form-submit{background:var(--color-accent);color:#fff;border-radius:var(--radius-lg);cursor:pointer;border:none;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.csp-form-submit:hover:not(:disabled){background:var(--color-accent-hover)}.csp-form-submit:disabled{opacity:.5;cursor:not-allowed}.csp-support__messages{scrollbar-width:thin;scrollbar-color:var(--color-border-light)transparent;overscroll-behavior:contain;flex-direction:column;flex:1;gap:8px;padding:12px;display:flex;overflow-y:auto}.csp-support__actions{border-bottom:1px solid var(--color-border-light);background:var(--color-bg-card);flex-shrink:0;gap:8px;padding:8px 12px;display:flex}.csp-support__action{border:1px solid var(--color-border-light);border-radius:var(--radius-md);background:var(--color-bg-primary);cursor:pointer;color:var(--color-text-secondary);align-items:center;gap:4px;padding:6px 10px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.csp-support__action:hover{border-color:var(--color-accent)}.csp-support__action--confirm{color:#10b981;background:#10b9811a;border-color:#10b981}.csp-support__action--confirm:hover{background:#10b98133}.csp-support__action--reopen{color:#3b82f6;background:#3b82f61a;border-color:#3b82f6}.csp-support__action--reopen:hover{background:#3b82f633}.csp-support__closed{text-align:center;color:var(--color-text-muted);background:var(--color-bg-card);border-top:1px solid var(--color-border-light);flex-shrink:0;padding:12px;font-size:13px}.csp-tmsg{border-radius:var(--radius-lg);padding:10px 12px}.csp-tmsg--user{background:var(--color-bg-card);border:1px solid var(--color-border-light);margin-right:20px}.csp-tmsg--admin{background:#8b5cf614;border:1px solid #8b5cf633;margin-left:20px}.csp-tmsg--system{margin:4px 0;padding:6px 10px}.csp-tmsg__system{color:var(--color-text-muted);align-items:center;gap:6px;font-size:11px;font-style:italic;display:flex}.csp-tmsg__system svg{opacity:.5;flex-shrink:0}.csp-tmsg__header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.csp-tmsg__sender{color:var(--color-text-secondary);align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.csp-tmsg--admin .csp-tmsg__sender{color:var(--color-accent)}.csp-tmsg__time{color:var(--color-text-muted);font-size:10px}.csp-tmsg__content{color:var(--color-text-primary);word-break:break-word;white-space:pre-wrap;font-size:13px;line-height:1.5}.admin-sidebar__ticket-badge{background:var(--color-danger);color:#fff;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;margin-left:auto;padding:0 6px;font-size:11px;font-weight:700;line-height:1;animation:.3s cspBadgePop;display:flex}.csp-feedback{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.csp-feedback__header{border-bottom:1px solid var(--color-border-light);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.csp-feedback__header h3{color:var(--color-text-primary);margin:0;font-size:14px;font-weight:700}.csp-feedback__history-btn{border-radius:var(--radius-md);background:var(--color-bg-tertiary);border:1px solid var(--color-border-light);color:var(--color-text-secondary);cursor:pointer;align-items:center;gap:6px;padding:6px 12px;font-size:12px;transition:all .15s;display:flex}.csp-feedback__history-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.csp-feedback__form{flex-direction:column;flex:1;gap:14px;padding:14px;display:flex;overflow-y:auto}.csp-feedback__label{color:var(--color-text-secondary);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.csp-feedback__type-grid{flex-wrap:wrap;gap:6px;display:flex}.csp-feedback__type-btn{border-radius:var(--radius-md);border:1px solid var(--color-border-light);background:var(--color-bg-card);color:var(--color-text-secondary);cursor:pointer;padding:5px 10px;font-size:12px;transition:all .15s}.csp-feedback__type-btn:hover{border-color:var(--color-border);background:var(--color-bg-hover)}.csp-feedback__type-btn--active{color:var(--color-text-primary);font-weight:600}.csp-feedback__textarea{border-radius:var(--radius-md);border:1px solid var(--color-border-light);background:var(--color-bg-card);width:100%;color:var(--color-text-primary);resize:vertical;padding:10px 12px;font-family:inherit;font-size:13px;line-height:1.5;transition:border-color .15s}.csp-feedback__textarea:focus{border-color:var(--color-accent);outline:none}.csp-feedback__textarea::placeholder{color:var(--color-text-muted)}.csp-feedback__count{text-align:right;color:var(--color-text-muted);margin-top:2px;font-size:11px;display:block}.csp-feedback__success{border-radius:var(--radius-md);color:#10b981;background:#10b9811a;border:1px solid #10b9814d;align-items:center;gap:8px;padding:10px 12px;font-size:13px;font-weight:500;display:flex}.csp-feedback__hint{color:var(--color-text-muted);text-align:center;margin:0;font-size:11px}.csp-feedback__history{flex-direction:column;flex:1;gap:10px;padding:10px 14px;display:flex;overflow-y:auto}.csp-feedback__item{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);flex-direction:column;gap:6px;padding:10px 12px;display:flex}.csp-feedback__item-top{justify-content:space-between;align-items:center;display:flex}.csp-feedback__item-types{gap:4px;display:flex}.csp-feedback__item-type{align-items:center;gap:3px;font-size:14px;display:inline-flex}.csp-feedback__item-status{align-items:center;gap:3px;font-size:11px;font-weight:600;display:inline-flex}.csp-feedback__item-msg{color:var(--color-text-primary);word-break:break-word;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.csp-feedback__item-response{border-radius:var(--radius-md);background:#8b5cf60f;border:1px solid #8b5cf626;padding:8px 10px}.csp-feedback__item-response-label{color:var(--color-accent);align-items:center;gap:4px;margin-bottom:4px;font-size:11px;font-weight:700;display:inline-flex}.csp-feedback__item-response p{color:var(--color-text-secondary);margin:0;font-size:12px;line-height:1.4}.csp-feedback__item-reward{color:#f59e0b;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.csp-feedback__item-date{color:var(--color-text-muted);text-align:right;font-size:10px}.admin-tickets{padding:0}.admin-tickets__header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.admin-tickets__title{align-items:center;gap:10px;display:flex}.admin-tickets__title h1{color:var(--color-text-primary);margin:0;font-size:1.4rem;font-weight:700}.admin-tickets__title svg{color:var(--color-accent)}.admin-tickets__count{background:var(--color-bg-hover);border-radius:var(--radius-lg);color:var(--color-text-secondary);padding:2px 10px;font-size:13px;font-weight:600}.admin-tickets__refresh{border:1px solid var(--color-border-light);color:var(--color-text-muted);border-radius:var(--radius-md);cursor:pointer;background:0 0;padding:8px;transition:all .2s;display:flex}.admin-tickets__refresh:hover{color:var(--color-accent);border-color:var(--color-accent)}.admin-tickets__filters{flex-wrap:wrap;gap:6px;margin-bottom:1rem;display:flex}.admin-tickets__filter{border:1px solid var(--color-border-light);border-radius:var(--radius-xl);background:var(--color-bg-card);color:var(--color-text-secondary);cursor:pointer;align-items:center;gap:4px;padding:6px 14px;font-size:13px;transition:all .2s;display:inline-flex}.admin-tickets__filter:hover{border-color:var(--color-accent)}.admin-tickets__filter--active{background:var(--color-accent);border-color:var(--color-accent);color:#fff;font-weight:600}.admin-tickets__table-wrap{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);overflow-x:auto}.admin-tickets__table{border-collapse:collapse;width:100%;font-size:13px}.admin-tickets__table th{text-align:left;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border-light);white-space:nowrap;padding:10px 12px;font-size:11px;font-weight:600}.admin-tickets__table td{border-bottom:1px solid var(--color-border-light);color:var(--color-text-primary);vertical-align:middle;padding:10px 12px}.admin-tickets__row{cursor:pointer;transition:background .15s}.admin-tickets__row:hover{background:var(--color-bg-hover)}.admin-tickets__row--new{background:#3b82f60a}.admin-tickets__status{border-radius:var(--radius-md);white-space:nowrap;align-items:center;gap:4px;padding:3px 8px;font-size:12px;font-weight:600;display:inline-flex}.admin-tickets__priority{font-size:12px;font-weight:600}.admin-tickets__subject{text-overflow:ellipsis;white-space:nowrap;max-width:250px;font-weight:500;overflow:hidden}.admin-tickets__user{align-items:center;gap:6px;display:flex}.admin-tickets__user-img{object-fit:cover;border-radius:50%;width:24px;height:24px}.admin-tickets__date{color:var(--color-text-muted);white-space:nowrap;font-size:12px}.admin-tickets__category{white-space:nowrap;align-items:center;gap:4px;font-size:13px;display:inline-flex}.admin-tickets__view-btn{color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:4px;transition:all .2s;display:flex}.admin-tickets__view-btn:hover{color:var(--color-accent)}.admin-tickets__loading,.admin-tickets__empty{color:var(--color-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:3rem;display:flex}.admin-tickets__empty svg{opacity:.2}.admin-tickets__spinner{animation:.8s linear infinite spin}.admin-tickets__pagination{color:var(--color-text-secondary);justify-content:center;align-items:center;gap:12px;padding:1rem;font-size:13px;display:flex}.admin-tickets__pagination button{background:var(--color-bg-card);border:1px solid var(--color-border-light);color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;padding:6px 10px;transition:all .2s;display:flex}.admin-tickets__pagination button:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent)}.admin-tickets__pagination button:disabled{opacity:.3;cursor:not-allowed}.admin-ticket-detail__header{margin-bottom:1rem}.admin-ticket-detail__back{color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-md);background:0 0;border:none;align-items:center;gap:6px;padding:6px 10px;font-size:13px;transition:all .2s;display:flex}.admin-ticket-detail__back:hover{color:var(--color-accent);background:var(--color-bg-hover)}.admin-ticket-detail__content{flex-direction:column;gap:1.5rem;display:flex}.admin-ticket-detail__info-row{grid-template-columns:1fr 300px;gap:1rem;display:grid}@media (max-width:900px){.admin-ticket-detail__info-row{grid-template-columns:1fr}}.admin-ticket-detail__card{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);min-width:0;padding:1.25rem}.admin-ticket-detail__card h2{color:var(--color-text-primary);overflow-wrap:break-word;word-break:break-word;margin:0 0 .75rem;font-size:1.1rem;font-weight:700}.admin-ticket-detail__meta{color:var(--color-text-secondary);flex-wrap:wrap;gap:10px;margin-bottom:1rem;font-size:13px;display:flex}.admin-ticket-detail__status{border-radius:var(--radius-md);padding:3px 10px;font-size:12px;font-weight:600}.admin-ticket-detail__priority{font-size:13px;font-weight:600}.admin-ticket-detail__actions{flex-wrap:wrap;gap:6px;display:flex}.atd-action{border:1px solid var(--color-border-light);border-radius:var(--radius-md);background:var(--color-bg-primary);cursor:pointer;color:var(--color-text-secondary);align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.atd-action:hover{border-color:var(--color-accent)}.atd-action--primary{border-color:var(--color-accent);color:var(--color-accent);background:#8b5cf61a}.atd-action--primary:hover{background:#8b5cf633}.atd-action--success{color:#10b981;background:#10b9811a;border-color:#10b981}.atd-action--success:hover{background:#10b98133}.atd-action--danger{color:#ef4444;background:#ef44441a;border-color:#ef4444}.atd-action--danger:hover{background:#ef444433}.atd-action--secondary{color:var(--color-text-muted)}.atd-action--secondary:hover{color:var(--color-text-primary)}.atd-priority-select{border:1px solid var(--color-border-light);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-secondary);cursor:pointer;outline:none;padding:6px 10px;font-size:12px}.atd-priority-select:focus{border-color:var(--color-accent)}.admin-ticket-detail__user-card{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);padding:1.25rem}.admin-ticket-detail__user-card h3{color:var(--color-text-secondary);align-items:center;gap:6px;margin:0 0 1rem;font-size:14px;font-weight:600;display:flex}.admin-ticket-detail__user-info{gap:12px;margin-bottom:12px;display:flex}.admin-ticket-detail__user-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:48px;height:48px}.admin-ticket-detail__user-name{color:var(--color-text-primary);margin:0;font-size:14px;font-weight:600}.admin-ticket-detail__user-role{color:var(--color-text-secondary);margin:2px 0;font-size:12px}.admin-ticket-detail__user-meta{color:var(--color-text-muted);margin:2px 0;font-size:12px}.admin-ticket-detail__user-warn{color:var(--color-danger);margin:4px 0 0;font-size:12px;font-weight:600}.admin-ticket-detail__user-date{color:var(--color-text-muted);margin:4px 0 0;font-size:11px}.admin-ticket-detail__user-link{color:var(--color-accent);border:1px solid var(--color-accent);border-radius:var(--radius-md);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:6px;width:100%;padding:6px 10px;font-family:inherit;font-size:12px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.admin-ticket-detail__user-link:hover{background:#8b5cf61a}.admin-ticket-detail__conversation{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);padding:1.25rem}.admin-ticket-detail__conversation h3{color:var(--color-text-secondary);align-items:center;gap:6px;margin:0 0 1rem;font-size:14px;font-weight:600;display:flex}.admin-ticket-detail__messages{scrollbar-width:thin;scrollbar-color:var(--color-border-light)transparent;flex-direction:column;gap:10px;max-height:500px;margin-bottom:1rem;padding:4px 0;display:flex;overflow-y:auto}.atd-msg{border-radius:var(--radius-lg);padding:10px 14px}.atd-msg--user{background:var(--color-bg-primary);border:1px solid var(--color-border-light);margin-right:40px}.atd-msg--admin{background:#8b5cf60f;border:1px solid #8b5cf626;margin-left:40px}.atd-msg--system{margin:4px 0;padding:6px 10px}.atd-msg__system{color:var(--color-text-muted);align-items:center;gap:6px;font-size:12px;font-style:italic;display:flex}.atd-msg__system svg{opacity:.5;flex-shrink:0}.atd-msg__header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.atd-msg__sender{color:var(--color-text-secondary);align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.atd-msg--admin .atd-msg__sender{color:var(--color-accent)}.atd-msg__time{color:var(--color-text-muted);font-size:11px}.atd-msg__content{color:var(--color-text-primary);word-break:break-word;white-space:pre-wrap;font-size:13px;line-height:1.55}.admin-ticket-detail__reply{border-top:1px solid var(--color-border-light);padding-top:1rem}.admin-ticket-detail__reply textarea{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);width:100%;color:var(--color-text-primary);resize:none;outline:none;padding:10px 14px;font-family:inherit;font-size:13px;transition:border-color .2s}.admin-ticket-detail__reply textarea:focus{border-color:var(--color-accent)}.admin-ticket-detail__reply textarea::placeholder{color:var(--color-text-muted)}.admin-ticket-detail__reply-footer{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.admin-ticket-detail__reply-hint{color:var(--color-text-muted);font-size:11px}.admin-ticket-detail__reply-btn{background:var(--color-accent);color:#fff;border-radius:var(--radius-lg);cursor:pointer;border:none;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.admin-ticket-detail__reply-btn:hover:not(:disabled){background:var(--color-accent-hover)}.admin-ticket-detail__reply-btn:disabled{opacity:.5;cursor:not-allowed}.admin-activity-overlay{z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.admin-activity-modal{border-radius:var(--radius-2xl);background:#1a1b2e;border:1px solid #ffffff1a;flex-direction:column;width:100%;max-width:700px;max-height:85vh;animation:.25s aamSlideIn;display:flex;box-shadow:0 20px 60px #00000080}@keyframes aamSlideIn{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.admin-activity-modal__header{border-radius:var(--radius-2xl)var(--radius-2xl)0 0;background:#ffffff05;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.admin-activity-modal__user{align-items:center;gap:.75rem;display:flex}.admin-activity-modal__close{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;align-items:center;padding:.375rem;transition:all .2s;display:flex}.admin-activity-modal__close:hover{color:var(--color-text-primary);background:#ffffff1a}.admin-activity-modal__body{flex:1;padding:1.25rem;overflow-y:auto}.aam-badge{border-radius:var(--radius-full);align-items:center;gap:.375rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.aam-badge--banned{color:#ff3b30;background:#ff3b3026;border:1px solid #ff3b304d}.aam-badge--restricted{color:#ff9500;background:#ff950026;border:1px solid #ff95004d}.aam-badge__remove{color:inherit;cursor:pointer;opacity:.6;background:0 0;border:none;align-items:center;margin-left:.25rem;padding:0;display:inline-flex}.aam-badge__remove:hover{opacity:1}.aam-info-row{background:#ffffff08;border-radius:.375rem;justify-content:space-between;align-items:center;margin-bottom:.375rem;padding:.5rem .625rem;font-size:.8125rem;display:flex}.aam-info-row--clickable{cursor:pointer;text-align:left;width:100%;font:inherit;color:inherit;border:none}.aam-info-row--clickable:hover{background:#ffffff0f}.aam-info-row--clickable.active{background:#8b5cf614}.aam-info-label{color:var(--color-text-muted);align-items:center;gap:.375rem;font-weight:500;display:flex}.aam-info-value{font-weight:700}.aam-info-value.success{color:#00c853}.aam-info-value.warning{color:#ffc107}.aam-info-value.danger{color:#ff3b30}.aam-trust-details{background:#00000026;border:1px solid #ffffff0f;border-radius:.5rem;margin-bottom:.5rem;padding:.75rem}.aam-trust-bar{background:#ffffff1a;border-radius:3px;height:6px;margin-bottom:.75rem;overflow:hidden}.aam-trust-bar__fill{border-radius:3px;height:100%}.aam-trust-item{border-radius:.25rem;align-items:center;gap:.375rem;padding:.25rem .5rem;font-size:.6875rem;display:flex}.aam-trust-item.negative{color:#ff3b30;background:#ff3b3014}.aam-trust-item.positive{color:#4caf50;background:#4caf5014}.aam-trust-item.neutral{color:#ffa726;background:#ffa72614}.aam-quick-actions{background:#8b5cf60f;border:1px solid #8b5cf626;border-radius:.5rem;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.625rem;padding:.625rem .75rem;display:flex}.aam-quick-actions__label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.6875rem;font-weight:600}.aam-quick-actions__btns{gap:.375rem;display:flex}.aam-quick-btn{color:var(--color-text-secondary);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:.375rem;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:600;transition:all .2s;display:flex}.aam-quick-btn:hover{color:var(--color-text-primary);background:#ffffff1a}.aam-quick-btn--active{color:var(--color-accent);background:#8b5cf626;border-color:#8b5cf666}.aam-quick-form{background:#00000026;border:1px solid #ffffff14;border-radius:.5rem;flex-direction:column;gap:.5rem;margin-bottom:.75rem;padding:.875rem;display:flex}.aam-quick-form label{color:var(--color-text-muted);font-size:.75rem;font-weight:600}.aam-role-selector{grid-template-columns:repeat(2,1fr);gap:.375rem;display:grid}.aam-role-option{color:var(--color-text-secondary);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:.375rem;align-items:center;gap:.375rem;padding:.5rem .625rem;font-size:.75rem;font-weight:500;transition:all .2s;display:flex}.aam-role-option:hover{background:#ffffff14}.aam-role-option.active{color:var(--color-accent);background:#8b5cf61f;border-color:#8b5cf666}.aam-credits-toggle{border:1px solid #ffffff1a;border-radius:.375rem;gap:0;display:flex;overflow:hidden}.aam-credits-toggle button{color:var(--color-text-muted);cursor:pointer;background:#ffffff08;border:none;flex:1;justify-content:center;align-items:center;gap:.375rem;padding:.375rem .5rem;font-size:.75rem;font-weight:600;transition:all .2s;display:flex}.aam-credits-toggle button:not(:last-child){border-right:1px solid #ffffff1a}.aam-credits-toggle button.active{color:var(--color-accent);background:#8b5cf61f}.aam-credits-current{color:var(--color-text-muted);font-size:.75rem}.aam-credits-current strong{color:var(--color-text-primary)}.aam-credits-preview{color:var(--color-text-muted);background:#ffffff08;border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem}.aam-credits-preview strong{color:#10b981}.aam-quick-input{width:100%;color:var(--color-text-primary);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:.375rem;outline:none;padding:.5rem .625rem;font-size:.8125rem}.aam-quick-input:focus{border-color:var(--color-accent)}.aam-quick-textarea{width:100%;color:var(--color-text-primary);resize:vertical;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:.375rem;outline:none;padding:.5rem .625rem;font-family:inherit;font-size:.75rem}.aam-quick-textarea:focus{border-color:var(--color-accent)}.aam-quick-confirm{background:var(--color-accent);color:#fff;cursor:pointer;border:none;border-radius:.375rem;justify-content:center;align-self:flex-end;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;transition:all .2s;display:flex}.aam-quick-confirm:hover:not(:disabled){background:var(--color-accent-hover)}.aam-quick-confirm:disabled{opacity:.5;cursor:not-allowed}.aam-sections{grid-template-columns:repeat(2,1fr);gap:.375rem;margin-bottom:.75rem;display:grid}.aam-section-block{min-width:0}.aam-section-toggle{cursor:pointer;width:100%;color:var(--color-text-muted);background:#ffffff08;border:1px solid #ffffff0f;border-radius:.375rem;align-items:center;gap:.375rem;padding:.5rem .625rem;font-size:.75rem;transition:all .2s;display:flex}.aam-section-toggle span{align-items:center;gap:.25rem;display:flex}.aam-section-toggle:hover{background:#ffffff0f}.aam-section-toggle.active{color:var(--color-accent);background:#8b5cf61a;border-color:#8b5cf64d}.aam-section-count{margin-left:auto;font-size:.8125rem;font-weight:700}.aam-section-count.danger{color:#ff3b30}.aam-expanded-content{margin-bottom:.75rem}.aam-section-list{background:#0000001a;border:1px solid #ffffff0f;border-radius:.5rem;flex-direction:column;gap:.25rem;max-height:280px;padding:.5rem;display:flex;overflow-y:auto}.aam-section-item{background:#ffffff0d;border-radius:.375rem;align-items:flex-start;gap:.5rem;padding:.5rem;font-size:.8125rem;display:flex}.aam-section-item:not(:last-child){border-bottom:1px solid #ffffff0f}.aam-section-item:hover{background:#ffffff14}.aam-section-item__content{flex:1;min-width:0}.aam-section-item__content p{word-break:break-word;color:var(--color-text-primary);margin:0}.aam-section-item__date{color:var(--color-text-muted);font-size:.6875rem}.aam-section-empty{text-align:center;color:var(--color-text-muted);margin:0;padding:1rem;font-size:.75rem}.aam-section-item__header{cursor:pointer;width:100%;color:inherit;font:inherit;text-align:left;background:0 0;border:none;align-items:center;gap:.5rem;padding:.5rem;display:flex}.aam-section-item__header:hover{background:#ffffff0a}.aam-mini-badge{white-space:nowrap;border-radius:999px;flex-shrink:0;padding:.125rem .375rem;font-size:.5625rem;font-weight:600;display:inline-block}.aam-mini-badge--pending{color:#ffc107;background:#ffc10726}.aam-mini-badge--reviewed{color:var(--color-accent);background:#8b5cf626}.aam-mini-badge--quest_invalidated{color:#ff9500;background:#ff950026}.aam-mini-badge--user_warned{color:#ffa726;background:#ffa72626}.aam-mini-badge--user_restricted{color:#ff9500;background:#ff950026}.aam-mini-badge--user_banned{color:#ff3b30;background:#ff3b3026}.aam-mini-badge--dismissed{color:#8e8e93;background:#8e8e9326}.aam-report-detail{background:#0000001a;border-top:1px solid #ffffff0f;padding:.5rem .75rem}.aam-report-detail__label{text-transform:uppercase;color:var(--color-text-muted);letter-spacing:.03em;margin-bottom:.125rem;font-size:.625rem;font-weight:600;display:block}.aam-report-detail__text{color:var(--color-text-secondary);margin:0;font-size:.75rem;font-style:italic;line-height:1.4}.aam-quest--invalidated{opacity:.5}.aam-quest--invalidated .aam-section-item__content p{text-decoration:line-through}.aam-quest--marked{border-left:2px solid #ff3b30;background:#ff3b3014!important}.aam-quest-check{cursor:pointer;color:var(--color-text-muted);border-radius:.25rem;flex-shrink:0;align-items:center;gap:.25rem;padding:.25rem;display:flex}.aam-quest-check:hover{color:#ff3b30;background:#ff3b301a}.aam-quest-check input[type=checkbox]{accent-color:#ff3b30;cursor:pointer;width:14px;height:14px}.aam-quest-tag{vertical-align:middle;border-radius:999px;margin-left:.375rem;padding:.0625rem .375rem;font-size:.5625rem;font-weight:600;display:inline-block}.aam-quest-tag--completed{color:#00c853;background:#00c85326}.aam-quest-tag--invalidated{color:#ff3b30;background:#ff3b3026}.aam-quest-tag--in-progress{color:#ffc107;background:#ffc10726}.aam-quest-invalidate-bar{color:#ff6b6b;background:#ff3b3014;border:1px solid #ff3b3033;border-radius:.375rem;align-items:center;gap:.5rem;margin-top:.375rem;padding:.5rem .75rem;font-size:.6875rem;display:flex}.aam-quest-invalidate-bar button{white-space:nowrap;color:#ff3b30;cursor:pointer;background:#ff3b3026;border:1px solid #ff3b304d;border-radius:.375rem;align-items:center;gap:.25rem;margin-left:auto;padding:.25rem .625rem;font-size:.6875rem;font-weight:600;display:inline-flex}.aam-quest-invalidate-bar button:hover{background:#ff3b3040}@media (max-width:480px){.csp-panel{border-radius:0;width:100%;height:100%;max-height:100vh;bottom:0;left:0;right:0}}@media (min-width:481px) and (max-width:768px){.csp-panel{width:360px;height:480px}}.afb-page{max-width:900px;padding:0}.afb-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:1.5rem;display:flex}.afb-header__left{align-items:center;gap:12px;display:flex}.afb-header__title{color:var(--color-text-primary);align-items:center;gap:10px;margin:0;font-size:1.5rem;font-weight:800;display:flex}.afb-header__badge{background:var(--color-danger);color:#fff;border-radius:12px;padding:3px 10px;font-size:12px;font-weight:700;animation:.3s cspBadgePop}.afb-header__total{color:var(--color-text-muted);font-size:13px}.afb-header__right{align-items:center;gap:8px;display:flex}.afb-header__refresh{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-secondary);width:36px;height:36px;color:var(--color-text-secondary);cursor:pointer;justify-content:center;align-items:center;transition:all .15s;display:flex}.afb-header__refresh:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.afb-header__config{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-secondary);cursor:pointer;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.afb-header__config:hover,.afb-header__config--active{color:var(--color-accent);background:#8b5cf61a;border-color:#8b5cf64d}.afb-config{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);margin-bottom:1.5rem;padding:1.25rem}.afb-config__title{color:var(--color-text-primary);align-items:center;gap:8px;margin:0 0 6px;font-size:15px;font-weight:700;display:flex}.afb-config__desc{color:var(--color-text-muted);margin:0 0 14px;font-size:12px}.afb-config__fields{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.afb-config__field{flex-direction:column;gap:4px;display:flex}.afb-config__field label{color:var(--color-text-secondary);font-size:12px;font-weight:600}.afb-config__field input{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-card);width:80px;color:var(--color-text-primary);text-align:center;padding:6px 10px;font-size:14px;font-weight:600}.afb-config__field input:focus{border-color:var(--color-accent);outline:none}.afb-config__save{border-radius:var(--radius-md);background:var(--color-accent);color:#fff;cursor:pointer;border:none;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.afb-config__save:hover{opacity:.9}.afb-config__save:disabled{opacity:.5;cursor:not-allowed}.afb-filters{flex-wrap:wrap;gap:6px;margin-bottom:1rem;display:flex}.afb-filters__btn{border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-secondary);cursor:pointer;align-items:center;gap:4px;padding:6px 14px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.afb-filters__btn:hover{background:var(--color-bg-hover);border-color:var(--color-border)}.afb-filters__btn--active{color:var(--color-accent);background:#8b5cf61f;border-color:#8b5cf659;font-weight:600}.afb-loading{color:var(--color-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:3rem 1rem;font-size:14px;display:flex}.afb-spinner{animation:1s linear infinite spin}.afb-empty{color:var(--color-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:3rem 1rem;font-size:14px;display:flex}.afb-empty svg{opacity:.3}.afb-list{flex-direction:column;gap:8px;display:flex}.afb-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:border-color .15s;overflow:hidden}.afb-card--new{border-left:3px solid #3b82f6}.afb-card--expanded{border-color:#8b5cf64d}.afb-card__header{cursor:pointer;width:100%;color:var(--color-text-primary);text-align:left;font:inherit;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;transition:background .15s;display:flex}.afb-card__header:hover{background:var(--color-bg-hover)}.afb-card__user{flex-shrink:0;align-items:center;gap:10px;display:flex}.afb-card__avatar{object-fit:cover;border-radius:50%;width:32px;height:32px}.afb-card__avatar--default{background:var(--color-bg-tertiary);color:var(--color-text-muted);justify-content:center;align-items:center;display:flex}.afb-card__user-info{flex-direction:column;gap:1px;display:flex}.afb-card__username{color:var(--color-text-primary);font-size:13px;font-weight:600}.afb-card__level{color:var(--color-text-muted);font-size:10px}.afb-card__meta{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.afb-card__types{gap:4px;display:flex}.afb-card__type{border-radius:var(--radius-full);background:var(--color-bg-tertiary);color:var(--color-text-secondary);white-space:nowrap;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.afb-card__status{border-radius:var(--radius-full);cursor:pointer;border:none;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex}.afb-card__status:hover{opacity:.8;transform:scale(1.05)}.afb-card__rewarded{font-size:16px}.afb-card__date{color:var(--color-text-muted);white-space:nowrap;font-size:11px}.afb-card__preview{color:var(--color-text-secondary);margin:0;padding:0 16px 12px;font-size:13px;line-height:1.4}.afb-card__body{border-top:1px solid var(--color-border-light);flex-direction:column;gap:14px;padding:14px 16px 16px;display:flex}.afb-card__message{color:var(--color-text-primary);white-space:pre-wrap;word-break:break-word;background:var(--color-bg-card);border-radius:var(--radius-lg);padding:12px;font-size:14px;line-height:1.6}.afb-card__response{flex-direction:column;gap:6px;display:flex}.afb-card__label{color:var(--color-text-secondary);align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.afb-card__response-input{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-card);width:100%;color:var(--color-text-primary);resize:vertical;padding:10px 12px;font-family:inherit;font-size:13px;line-height:1.5;transition:border-color .15s}.afb-card__response-input:focus{border-color:var(--color-accent);outline:none}.afb-card__responded-at{color:var(--color-text-muted);font-size:11px;font-style:italic}.afb-card__reward{flex-direction:column;gap:8px;display:flex}.afb-card__reward-given{border-radius:var(--radius-md);color:#10b981;background:#10b98114;border:1px solid #10b98133;align-items:center;gap:8px;padding:10px 12px;font-size:13px;font-weight:500;display:flex}.afb-card__reward-amounts{gap:8px;margin-left:auto;font-weight:700;display:flex}.afb-card__reward-amounts span{align-items:center;gap:2px;display:flex}.afb-card__reward-fields{flex-wrap:wrap;gap:10px;display:flex}.afb-card__reward-field{align-items:center;gap:6px;display:flex}.afb-card__reward-field span{font-size:16px}.afb-card__reward-field input{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-card);width:60px;color:var(--color-text-primary);text-align:center;padding:5px 8px;font-size:13px;font-weight:600}.afb-card__reward-field input:focus{border-color:var(--color-accent);outline:none}.afb-card__gift-check{border-radius:var(--radius-md);color:#f59e0b;cursor:pointer;background:#f59e0b0f;border:1px solid #f59e0b33;align-items:center;gap:8px;padding:10px 12px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.afb-card__gift-check:hover{background:#f59e0b1f}.afb-card__gift-check input[type=checkbox]{accent-color:#f59e0b;cursor:pointer;width:16px;height:16px}.afb-card__update{border-radius:var(--radius-md);background:var(--color-accent);color:#fff;cursor:pointer;border:none;justify-content:center;align-self:flex-end;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.afb-card__update:hover{opacity:.9}.afb-card__update:disabled{opacity:.5;cursor:not-allowed}.afb-pagination{justify-content:center;align-items:center;gap:16px;margin-top:1.5rem;padding:1rem 0;display:flex}.afb-pagination__btn{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-secondary);cursor:pointer;padding:8px 16px;font-size:13px;font-weight:500;transition:all .15s}.afb-pagination__btn:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text-primary)}.afb-pagination__btn:disabled{opacity:.4;cursor:not-allowed}.afb-pagination__info{color:var(--color-text-muted);font-size:13px}@media (max-width:768px){.afb-card__header{flex-direction:column;align-items:flex-start}.afb-card__meta{justify-content:flex-start}.afb-config__fields,.afb-card__reward-fields{flex-direction:column}}