:root{--bg-dark:#0f1115;--bg-panel:#16181d;--bg-card:#191b2199;--text-main:#f0f0f0;--text-muted:#8a8d98;--accent-purple:#a78bfa;--accent-gold:#fbbf24;--accent-gold-glow:#fbbf2466;--accent-red:#ef4444;--accent-blue:#3b82f6;--font-sans:"Inter", system-ui, sans-serif;--glass-border:#ffffff14;--sidebar-width:300px}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;max-width:100vw;overflow-x:hidden}body{font-family:var(--font-sans);background-color:var(--bg-dark);color:var(--text-main);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 10% 40%,#3b82f614 0%,#0000 40%),radial-gradient(circle at 90% 60%,#fbbf2414 0%,#0000 40%);background-attachment:fixed;min-height:100vh}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:20px;transition:transform .3s,box-shadow .3s,border-color .3s;box-shadow:0 10px 40px #0006}.container{width:100%;max-width:1600px;margin:0 auto;padding:clamp(1rem,4vw,2.5rem)}.gallery-layout{align-items:flex-start;gap:2.5rem;display:flex}.filter-drawer{width:var(--sidebar-width);background:var(--bg-panel);border:1px solid var(--glass-border);border-radius:16px;flex-shrink:0;max-height:calc(100vh - 120px);padding:1.5rem;position:sticky;top:90px;overflow-y:auto}.mobile-filter-fab{display:none}.sidebar-section{margin-bottom:2rem}.sidebar-section:last-child{margin-bottom:0}.sidebar-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.sidebar-title{color:#fff;font-size:1.1rem;font-weight:700}.sidebar-reset{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:.8rem}.sidebar-reset:hover{color:var(--accent-gold)}.sidebar-label{color:#fff;margin-bottom:.75rem;font-size:.85rem;font-weight:600;display:block}.price-range-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.sidebar-input{border:1px solid var(--glass-border);color:#fff;background:#0000004d;border-radius:8px;width:100%;padding:.6rem .75rem;font-size:.9rem}.sidebar-input:focus{border-color:var(--accent-gold);outline:none}.sidebar-select{border:1px solid var(--glass-border);color:#fff;appearance:none;cursor:pointer;background:#0000004d url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%238a8d98'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E") right .75rem center/1rem no-repeat;border-radius:8px;width:100%;padding:.75rem;font-size:.9rem}.category-pills{flex-wrap:wrap;gap:.5rem;display:flex}.cat-pill{border:1px solid var(--glass-border);color:var(--text-muted);cursor:pointer;background:#ffffff0d;border-radius:10px;padding:.4rem 1rem;font-size:.8rem;font-weight:600}.cat-pill.active{border-color:var(--accent-gold);color:var(--accent-gold);background:#fbbf241a}.toggle-row{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.toggle-label{color:var(--text-muted);font-size:.85rem}.switch{width:32px;height:18px;display:inline-block;position:relative}.switch input{display:none}.slider{cursor:pointer;background-color:#333;border-radius:34px;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:14px;height:14px;transition:all .4s;position:absolute;bottom:2px;left:2px}input:checked+.slider{background-color:var(--accent-gold)}input:checked+.slider:before{transform:translate(14px)}.gallery-main{flex:1;min-width:0}.gallery-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}@media (width<=1400px){.gallery-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=1200px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}.mobile-filter-bar{display:none}@media (width<=800px){.hide-on-mobile{display:none}.gallery-grid{grid-template-columns:1fr;gap:.6rem}.container{padding:.75rem}.mobile-filter-bar{border:1px solid var(--glass-border);background:#ffffff0a;border-radius:14px;flex-direction:column;gap:.5rem;margin-bottom:1rem;padding:.75rem;display:flex}.mobile-filter-search{align-items:center;display:flex;position:relative}.mobile-filter-input{border:1px solid var(--glass-border);color:#fff;box-sizing:border-box;background:#0000004d;border-radius:10px;width:100%;padding:.6rem 2rem;font-size:.95rem}.mobile-filter-input::placeholder{color:#ffffff4d}.mobile-filter-input:focus{border-color:var(--accent-gold);outline:none}.mobile-filter-row2{grid-template-columns:1fr 70px 70px auto;align-items:center;gap:.4rem;display:grid}.mobile-filter-select{border:1px solid var(--glass-border);color:#fff;background:#0000004d;border-radius:10px;width:100%;padding:.55rem .5rem;font-size:.82rem}.mobile-filter-price{border:1px solid var(--glass-border);color:#fff;box-sizing:border-box;background:#0000004d;border-radius:10px;width:100%;padding:.55rem .4rem;font-size:.82rem}.mobile-filter-price::placeholder{color:#ffffff4d}.mobile-filter-clear{color:#f87171;cursor:pointer;white-space:nowrap;background:#ef444426;border:1px solid #ef44444d;border-radius:10px;padding:.5rem .6rem;font-size:.78rem;font-weight:700}}@media (width<=480px){.gallery-grid{gap:.5rem}.container{padding:.5rem}}.mobile-filter-toggle{display:none}@media (width<=1024px){.gallery-layout{flex-direction:column;gap:0}.filter-drawer{display:none}.mobile-filter-fab{display:none!important}.onboarding-banner{text-align:center;flex-direction:column!important;gap:1.5rem!important;padding:1.5rem!important}.banner-content{flex-direction:column!important;gap:1rem!important;max-width:100%!important}.banner-icon{display:none}.banner-title{font-size:1.1rem!important}.banner-desc{font-size:.85rem!important}.banner-cta{width:100%}.banner-dismiss-btn{top:.5rem!important;right:.75rem!important}.raffle-card{text-align:center!important;border-radius:32px!important;flex-direction:column!important;align-items:center!important;gap:2.5rem!important;min-height:auto!important;padding:2.5rem 1.5rem!important}.raffle-img-holder{margin:0 auto;aspect-ratio:.718!important;width:clamp(140px,40vw,200px)!important;height:auto!important;box-shadow:0 20px 50px #0009!important}.raffle-info{flex:1;width:100%;padding:0!important}.raffle-title{margin-bottom:.75rem!important;font-size:clamp(1.5rem,6vw,2rem)!important}.raffle-badge{margin:0 auto 1.5rem!important}.raffle-stats{border-top:1px solid #ffffff1a;flex-direction:row!important;justify-content:center!important;gap:2rem!important;padding-top:1.5rem!important;display:flex!important}.raffle-card>div:last-child{width:100%!important;min-width:100%!important;max-width:none!important}.raffle-card button{border-radius:16px!important;padding:1.25rem!important;font-size:1.1rem!important}}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.portal-content{flex-grow:1;max-width:1100px;padding:3rem 4rem}.btn{cursor:pointer;letter-spacing:.02em;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.75rem;font-size:1rem;font-weight:700;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--accent-gold) 0%, #d97706 100%);color:#111;box-shadow:0 4px 20px var(--accent-gold-glow)}.btn-primary:hover:not(:disabled){transform:translateY(-3px)scale(1.02);box-shadow:0 8px 25px #fbbf2499}.btn-primary:active:not(:disabled){transform:translateY(1px)scale(.98)}.onboarding-banner{color:#fff;justify-content:space-between;align-items:center;margin-bottom:2.5rem;padding:1.5rem 2.5rem;display:flex;position:relative;background:linear-gradient(90deg,#1e40af,#3b82f6)!important}.banner-dismiss-btn{color:#fff9;cursor:pointer;background:0 0;border:none;font-size:.75rem;font-weight:700;position:absolute;top:.75rem;right:1rem}.banner-content{align-items:center;gap:1.5rem;max-width:75%;display:flex}.banner-icon{font-size:2rem}.banner-title{letter-spacing:-.5px;margin-bottom:.25rem;font-size:1.25rem;font-weight:900}.banner-desc{opacity:.9;font-size:.95rem;line-height:1.4}.banner-security-msg{opacity:.7;margin-top:.5rem;font-size:.75rem;display:block}.banner-cta{white-space:nowrap;color:#1e40af!important;background:#fff!important;box-shadow:0 10px 25px #0003!important}.raffle-card{background:linear-gradient(135deg,#1e40af33 0%,#8b5cf61a 100%);border:1px solid #3b82f64d;border-radius:20px;align-items:center;gap:3rem;margin:0 0 3rem;padding:2.5rem;display:flex;position:relative;overflow:hidden}.raffle-img-holder{border:2px solid var(--accent-gold);border-radius:12px;flex-shrink:0;width:140px;height:190px;position:relative;overflow:hidden;box-shadow:0 15px 40px #0009}.raffle-info{flex:1;min-width:0}.raffle-description{color:var(--text-muted);max-width:600px;margin-bottom:1.5rem;font-size:.95rem;line-height:1.6}.raffle-badge{background:var(--accent-gold);color:#000;border-radius:6px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:6px 12px;font-size:.75rem;font-weight:800;display:inline-flex;box-shadow:0 4px 15px #fbbf244d}.raffle-title{color:#fff;margin-bottom:.75rem;font-size:clamp(1.5rem,5vw,2.5rem);font-weight:900;line-height:1.1}.raffle-stats{border-top:1px solid #ffffff14;align-items:center;gap:1.5rem;margin-top:1.5rem;padding-top:1.5rem;display:flex}.raffle-stat-item{flex-direction:column;gap:4px;display:flex}.raffle-stat-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:1px;font-size:.7rem;font-weight:700}.raffle-stat-value{color:#fff;font-size:.9rem;font-weight:600}.raffle-actions-container{flex-direction:column;flex-shrink:0;gap:1rem;width:100%;max-width:300px;display:flex}.raffle-enter-btn{width:100%;border-radius:14px!important;padding:1.25rem!important;font-size:1rem!important}.raffle-entered-badge{background:linear-gradient(90deg,#1e40af,#3b82f6);border:1px solid #22c55e4d;border-radius:16px;flex-direction:row;align-items:center;gap:.75rem;padding:1.1rem;display:flex}.entered-label{color:#fff;letter-spacing:1px;text-transform:uppercase;font-size:.9rem;font-weight:900}.raffle-terms-msg{color:var(--text-muted);text-align:center;margin-top:.5rem;font-size:.7rem}@media (width<=1024px){.raffle-card{text-align:center;flex-direction:column!important;gap:2rem!important;padding:2.5rem 1.5rem!important}.raffle-img-holder{width:120px;height:160px}.raffle-info{text-align:center;width:100%}.raffle-badge,.raffle-description{margin:0 auto 1.5rem}.raffle-stats{justify-content:center}.raffle-actions-container{max-width:100%}}.main-navbar{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0b;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;width:100%;height:70px;padding:0 5%;display:flex;position:sticky;top:0;left:0}@media (width<=1024px){.main-navbar{padding:0 1.5rem}}.nav-left{align-items:center;gap:1.5rem;display:flex}.nav-logo-text{letter-spacing:-.02em;color:#fff;text-transform:uppercase;font-size:1.6rem;font-weight:900}.nav-logo-text span{color:#fbbf24}.nav-center{align-items:center;gap:1.25rem;display:flex}.nav-link-item{color:#94a3b8;border-radius:8px;align-items:center;gap:.6rem;padding:.5rem .8rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.nav-link-item:hover{color:#fff;background:#ffffff0d}.nav-link-item svg{opacity:.8;width:18px;height:18px}.nav-link-item.active{color:#fbbf24}.nav-right{align-items:center;gap:1rem;display:flex}.btn-signin{color:#f1f5f9;cursor:pointer;background:#1e293b;border:1px solid #ffffff1a;border-radius:8px;padding:.6rem 1.2rem;font-size:.9rem;font-weight:700;transition:all .2s}.btn-signup{color:#fff;cursor:pointer;background:linear-gradient(135deg,#22c55e 0%,#10b981 100%);border:none;border-radius:8px;padding:.6rem 1.4rem;font-size:.9rem;font-weight:700;position:relative;overflow:hidden;box-shadow:0 4px 15px #22c55e4d}.btn-signup:after{content:"";pointer-events:none;background:repeating-linear-gradient(45deg,#ffffff14 0 2px,#0000 2px 12px);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.btn-signup:hover{transform:translateY(-2px);box-shadow:0 6px 20px #22c55e66}.desktop-only-link{display:flex}.mobile-coin-nav{display:none}.mobile-coin-chip{color:#a78bfa;background:#a78bfa1a;border:1px solid #a78bfa40;border-radius:99px;align-items:center;gap:5px;padding:5px 11px;font-size:.85rem;font-weight:800;display:none}.mobile-toggle{color:#fff;cursor:pointer;background:0 0;border:none;padding:.5rem;font-size:1.5rem;display:none}.mobile-menu-overlay{z-index:2000;background:#0a0a0b;flex-direction:column;padding:1.5rem;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;inset:0;overflow-y:auto;transform:translate(100%)}.mobile-menu-overlay.open{transform:translate(0)}.mobile-menu-header{justify-content:flex-end;margin-bottom:2rem;display:flex}.close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:2rem}.mobile-section-title{text-transform:uppercase;letter-spacing:.1em;color:#64748b;margin-bottom:1.25rem;font-size:.8rem;font-weight:800}.mobile-auth-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:3rem;display:grid}.mobile-btn-large{border-radius:12px;justify-content:center;align-items:center;width:100%;height:60px;font-weight:800;text-decoration:none;display:flex}.mobile-look-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2.5rem;display:grid}.look-card{aspect-ratio:16/9;background:#1e293b;border:1px solid #ffffff0d;border-radius:12px;justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative;overflow:hidden}.look-card span{z-index:2;color:#fff;text-transform:uppercase;letter-spacing:.05em;text-shadow:0 2px 10px #00000080;font-size:.8rem;font-weight:900;position:relative}.look-card-bg{opacity:.4;background-position:50%;background-size:cover;position:absolute;inset:0}.look-card-overlay{background:linear-gradient(#0000,#000c);position:absolute;inset:0}.mobile-info-list{flex-direction:column;gap:.75rem;display:flex}.info-link{color:#f1f5f9;background:#1e293b;border-radius:12px;justify-content:space-between;align-items:center;padding:1rem 1.25rem;font-size:.95rem;font-weight:600;text-decoration:none;display:flex}.info-link svg{opacity:.5;width:16px;height:16px}.admin-link{color:#fbbf24;letter-spacing:.05em;background:#fbbf2414;border:1px solid #fbbf2433;border-radius:20px;align-items:center;gap:.6rem;padding:.5rem 1rem;font-size:.85rem;font-weight:800;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.admin-link:hover{background:#fbbf2426;transform:translateY(-1px);box-shadow:0 0 20px #fbbf241a}.admin-link.active{background:#fbbf2440;border-color:#fbbf2480;box-shadow:0 0 25px #fbbf2433}.admin-status-dot{background:#fbbf24;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-gold;box-shadow:0 0 10px #fbbf24}@keyframes pulse-gold{0%{transform:scale(.95);box-shadow:0 0 #fbbf24b3}70%{transform:scale(1);box-shadow:0 0 0 6px #fbbf2400}to{transform:scale(.95);box-shadow:0 0 #fbbf2400}}@media (width<=1024px){.nav-center,.nav-right .btn-signup,.nav-right .btn-signin{display:none}.mobile-toggle{display:block}.mobile-coin-chip,.desktop-only-link{display:none}.mobile-coin-nav{display:flex}}@media (width>=769px) and (width<=1024px){.mobile-toggle{display:block}.mobile-coin-chip,.desktop-only-link{display:none}.mobile-coin-nav{display:flex}}.nav-xp-badge{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:12px;padding:4px 12px 4px 4px;display:flex}.level-circle{color:#fff;background:linear-gradient(135deg,#a78bfa 0%,#8b5cf6 100%);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.7rem;font-weight:900;display:flex;box-shadow:0 4px 10px #8b5cf64d}.xp-bar-container{background:#ffffff1a;border-radius:3px;width:60px;height:6px;overflow:hidden}.xp-bar-fill{background:#a78bfa;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px #a78bfa80}.btn-reward{cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:.6rem 1rem;font-size:.85rem;font-weight:700;transition:all .2s;display:flex}.btn-reward.available{color:#a78bfa;background:#a78bfa26;border-color:#a78bfa4d;animation:3s ease-in-out infinite float}.btn-reward.available:hover{background:#a78bfa40;transform:translateY(-2px)}.btn-reward.claimed{color:#64748b;cursor:default;background:#94a3b80d}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-3px)}to{transform:translateY(0)}}.nav-mana-chip{cursor:pointer;background:#a78bfa1a;border:1px solid #a78bfa33;border-radius:12px;align-items:center;gap:8px;padding:4px 10px;transition:background .2s,border-color .2s,transform .2s;display:flex}.nav-mana-chip:hover{background:#a78bfa33;border-color:#a78bfa66;transform:translateY(-1px)}.mana-balance{color:#fff;letter-spacing:.5px;font-size:.9rem;font-weight:800}@media (width<=1024px){.nav-xp-badge,.btn-reward,.nav-mana-chip{display:none}}.bottom-nav{display:none}@media (width<=1024px){.bottom-nav{z-index:999;padding-bottom:env(safe-area-inset-bottom);background:#0a0a0b;border-top:1px solid #ffffff14;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item{color:#64748b;letter-spacing:.3px;text-transform:uppercase;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:.55rem .25rem;font-size:.62rem;font-weight:700;text-decoration:none;transition:color .15s;display:flex}.bottom-nav-item svg{transition:transform .15s}.bottom-nav-item.active{color:#a78bfa}.bottom-nav-item.active svg{transform:translateY(-2px)}.bottom-nav-item:active svg{transform:scale(.9)}body{padding-bottom:calc(62px + env(safe-area-inset-bottom))}}.sunday-nav-link{position:relative;overflow:hidden;color:#f97316!important;background:#f973161a!important;border:1px solid #f9731633!important;font-weight:900!important}.sunday-nav-link:hover{background:#f9731633!important;box-shadow:0 0 15px #f973164d!important}.sunday-nav-link:after{content:"🔥";margin-left:5px;animation:1s infinite alternate flicker}@keyframes flicker{0%{opacity:.5;transform:scale(1)}to{opacity:1;transform:scale(1.2)}}@keyframes coinJump{0%{transform:translateY(0)scale(1)}30%{color:#c4b5fd;transform:translateY(-8px)scale(1.15)}55%{transform:translateY(-4px)scale(1.08)}75%{transform:translateY(-6px)scale(1.12)}to{color:inherit;transform:translateY(0)scale(1)}}.coin-jump{animation:.5s cubic-bezier(.36,.07,.19,.97) forwards coinJump;display:inline-block}.mobile-bottom-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;height:70px;padding-bottom:env(safe-area-inset-bottom);background:#141414f2;border-top:1px solid #ffffff14;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 40px #00000080}.mobile-nav-item{color:#94a3b8;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;height:100%;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.mobile-nav-item span{text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;font-size:.6rem;font-weight:700}.mobile-nav-item.active{color:#fbbf24}.mobile-nav-item.active svg{filter:drop-shadow(0 0 8px #fbbf2466);transform:translateY(-2px)scale(1.1)}.mobile-nav-item:active{opacity:.7;transform:scale(.95)}@media (width>=769px){.mobile-bottom-nav{display:none}}@media (width<=768px){#root>main,.gallery-layout{padding-bottom:90px!important}}.chatbox{z-index:1001;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#04040ce0;border:1px solid #ffc85052;border-radius:5px;flex-direction:column;width:340px;font-family:inherit;font-size:.78rem;display:flex;position:fixed;bottom:16px;left:12px;overflow:hidden;box-shadow:inset 0 1px #ffc85014,0 8px 40px #000000bf,0 0 0 1px #00000080}.chatbox-resize-handle{cursor:nesw-resize;z-index:20;opacity:.35;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:16px;height:32px;transition:opacity .15s;display:flex;position:absolute;top:30px;right:0}.chatbox-resize-handle:hover{opacity:.9}.chatbox-resize-handle:after{content:"⋱";color:#f4e68a;pointer-events:none;font-size:.9rem;line-height:1}.chatbox-header{background:linear-gradient(#ffc85012 0%,#ffc85005 100%);border-bottom:1px solid #ffc8502e;justify-content:space-between;align-items:stretch;min-height:30px;display:flex}.chatbox-tabs{align-items:stretch;gap:0;display:flex}.chatbox-tab{color:#ffffff61;letter-spacing:.4px;cursor:pointer;text-transform:uppercase;background:0 0;border:none;border-bottom:2px solid #0000;padding:0 10px;font-size:.7rem;font-weight:600;transition:color .15s}.chatbox-tab:hover{color:#ffffffb8}.chatbox-tab.active{border-bottom-width:2px;font-weight:800}.chatbox-toggle{color:#ffc85080;cursor:pointer;background:0 0;border:none;border-left:1px solid #ffc8501f;flex-shrink:0;align-items:center;gap:4px;padding:0 10px;font-size:.6rem;transition:color .15s,background .15s;display:flex;position:relative}.chatbox-toggle:hover{color:#f4e68a;background:#ffc8500f}.chatbox-unread{color:#fff;background:#ef4444;border-radius:8px;justify-content:center;align-items:center;min-width:15px;height:15px;padding:0 3px;font-size:.58rem;font-weight:900;line-height:1;display:inline-flex}.chatbox-messages{scrollbar-width:thin;scrollbar-color:#ffc8502e transparent;opacity:1;flex-direction:column;gap:3px;height:180px;padding:7px 9px 5px;transition:height .2s,opacity .2s;display:flex;overflow-y:auto}.chatbox-messages::-webkit-scrollbar{width:4px}.chatbox-messages::-webkit-scrollbar-track{background:0 0}.chatbox-messages::-webkit-scrollbar-thumb{background:#ffc85038;border-radius:2px}.chatbox-messages:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(#04040cb3,#0000);flex-shrink:0;height:12px;margin-bottom:-12px;position:sticky;top:0;left:0;right:0}.chatbox-empty{color:#fff3;text-align:center;letter-spacing:.2px;margin-top:1.5rem;font-size:.72rem;font-style:italic}.chatbox-msg{word-break:break-word;line-height:1.5}.chatbox-msg--system{text-align:center;color:#fbbf24;letter-spacing:.2px;background:#fbbf2414;border:1px solid #fbbf2426;border-radius:4px;margin:2px 0;padding:3px 6px;font-size:.7rem;font-weight:600}.chatbox-ts{color:#b4c8ff8c;font-variant-numeric:tabular-nums;font-size:.65rem}.chatbox-name{cursor:default;font-size:.74rem;font-weight:700}.chatbox-text{color:#ffffffd1;font-size:.76rem}.chatbox-form{opacity:1;background:#00000073;border-top:1px solid #ffc85024;align-items:center;gap:5px;padding:5px 7px;transition:height .2s,opacity .2s;display:flex}.chatbox-prompt{white-space:nowrap;letter-spacing:.2px;flex-shrink:0;font-size:.67rem;font-weight:800}.chatbox-input{color:#ffffffe6;background:#ffffff0a;border:1px solid #ffffff14;border-radius:3px;outline:none;flex:1;min-width:0;padding:4px 7px;font-family:inherit;font-size:.76rem;transition:border-color .15s,background .15s}.chatbox-input:focus{background:#ffffff12;border-color:#ffc85073}.chatbox-input::placeholder{color:#ffffff2e}.chatbox-send{color:#ffc850bf;cursor:pointer;background:#ffc8501a;border:1px solid #ffc85038;border-radius:3px;flex-shrink:0;padding:4px 8px;font-size:.82rem;line-height:1;transition:background .15s,color .15s}.chatbox-send:hover:not(:disabled){color:#f4e68a;background:#ffc85038}.chatbox-send:disabled{opacity:.25;cursor:not-allowed}.chatbox--minimized .chatbox-messages{opacity:0;height:0;padding-top:0;padding-bottom:0}.chatbox--minimized .chatbox-form{opacity:0;height:0;padding:0;overflow:hidden}.chatbox-item-link{text-underline-offset:2px;cursor:pointer;color:#fbbf24;font-weight:700;text-decoration:underline}.chatbox-item-link:hover{color:#fde68a}.chatbox-lightbox{z-index:9999;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d1;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.chatbox-lightbox-img{pointer-events:none;border-radius:10px;max-width:min(340px,90vw);max-height:80vh;box-shadow:0 8px 60px #000000e6}.chatbox-send.cooldown{color:#f4e68a;font-variant-numeric:tabular-nums;opacity:.75;min-width:28px;font-size:.72rem;font-weight:800}@media (width<=768px){.chatbox{width:calc(100vw - 16px);max-width:330px;transition:bottom .15s;bottom:82px;left:8px}.chatbox-messages{height:140px}.chatbox-input{font-size:16px}.chatbox-tab{justify-content:center;align-items:center;min-height:36px;display:flex}.chatbox-toggle{min-width:44px;min-height:36px}.chatbox-send{min-width:36px;min-height:34px;font-size:1rem}}.announcement-banner{z-index:2000;justify-content:space-between;align-items:center;width:100%;padding:10px 20px;animation:.4s ease-out slideDown;display:flex;position:relative;box-shadow:0 2px 10px #0000004d}.banner-content{flex:1;justify-content:center;align-items:center;gap:12px;max-width:1200px;margin:0 auto;display:flex}.banner-icon{align-items:center;display:flex}.banner-text{letter-spacing:.02em;margin:0;font-size:.95rem;font-weight:600}.banner-link{color:inherit;align-items:center;gap:4px;font-size:.9rem;font-weight:700;text-decoration:underline;display:flex}.banner-close{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:none;align-items:center;padding:4px;transition:opacity .2s;display:flex}.banner-close:hover{opacity:1}.announcement-info{color:#fff;background:linear-gradient(90deg,#3b82f6,#2563eb)}.announcement-warning{color:#000;background:linear-gradient(90deg,#f59e0b,#d97706)}.announcement-error{color:#fff;background:linear-gradient(90deg,#ef4444,#dc2626)}.announcement-success{color:#fff;background:linear-gradient(90deg,#10b981,#059669)}@media (width<=768px){.announcement-banner{padding:8px 12px}.banner-text{font-size:.85rem}.banner-link{font-size:.8rem}}