@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@500;700;800&display=swap";:root{--bg-color:#0d0614;--surface-color:#1a0f2e;--surface-color-hover:#23153d;--border-color:#311c52;--neon-orange:#ff5100;--neon-orange-dim:#ff510026;--text-primary:#fff;--text-secondary:#a396b8;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1)}[data-theme=light]{--bg-color:#f5f2f8;--surface-color:#fff;--surface-color-hover:#f0ecf4;--border-color:#ddd4e8;--text-primary:#1a0f2e;--text-secondary:#6b5f7e}[data-theme=light] .glass-panel{background:#fffc}[data-theme=light] .input{background:var(--bg-color);color:var(--text-primary)}[data-theme=light] .btn{color:var(--text-primary)}[data-theme=light] .btn-primary{color:#fff}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,sans-serif;transition:background-color .3s,color .3s}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif}.skip-to-content{z-index:10001;background:var(--neon-orange);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;position:absolute;top:8px;left:-9999px}.skip-to-content:focus{left:16px}a{color:var(--neon-orange);transition:color .15s var(--ease-out);text-decoration:none}a:hover{filter:brightness(1.2)}.glass-panel{-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);background:#1a0f2e99;border-radius:16px;padding:24px;transition:background .3s,border-color .3s}.display-placement-details{border:1px solid var(--border-color);background:#00000024;border-radius:10px;padding:10px 12px}[data-theme=light] .display-placement-details{background:#00000009}.display-placement-details summary{cursor:pointer;color:var(--text-secondary);font-size:.82rem;font-weight:600}.display-placement-details[open] summary{color:var(--text-primary);margin-bottom:6px}.display-placement-details__body{flex-direction:column;gap:8px;display:flex}.btn{background:var(--surface-color);color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;transition:transform .16s var(--ease-out), filter .2s ease, border-color .15s var(--ease-out), background-color .15s var(--ease-out), opacity .15s ease;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-family:Inter,sans-serif;font-size:.9rem;font-weight:500;display:inline-flex}.btn:hover{background:var(--surface-color-hover);border-color:var(--neon-orange)}.btn:active{transform:scale(.97)}.btn:focus-visible{outline:2px solid var(--neon-orange);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--neon-orange);color:#fff;box-shadow:0 0 15px var(--neon-orange-dim);border:none}.btn-primary:hover{box-shadow:0 0 25px var(--neon-orange-dim);background:#ff6a2b}.btn-primary:focus-visible{outline-offset:2px;outline:2px solid #fff}.input{background:var(--bg-color);border:1px solid var(--border-color);color:var(--text-primary);width:100%;transition:border-color .15s var(--ease-out), box-shadow .15s var(--ease-out);border-radius:8px;outline:none;padding:12px 16px;font-family:Inter,sans-serif;font-size:.95rem}.input:focus{border-color:var(--neon-orange);box-shadow:0 0 0 3px var(--neon-orange-dim)}.input:focus-visible{border-color:var(--neon-orange);box-shadow:0 0 0 3px var(--neon-orange-dim);outline:2px solid var(--neon-orange);outline-offset:1px}.input::placeholder{color:var(--text-secondary);opacity:.6}.input:disabled{opacity:.5;cursor:not-allowed}.display-tag-field{border:none;min-width:0;margin:0;padding:0}.display-tag-field__legend{width:100%;color:var(--text-secondary);margin-bottom:10px;padding:0;font-size:.85rem;font-weight:500;display:block}.display-tag-chip-grid{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.display-tag-chip{border:1px solid var(--border-color);background:var(--surface-color);color:var(--text-secondary);cursor:pointer;transition:transform .14s var(--ease-out), border-color .15s var(--ease-out), background-color .15s var(--ease-out), color .15s var(--ease-out), box-shadow .15s var(--ease-out);border-radius:999px;padding:8px 14px;font-family:Inter,sans-serif;font-size:.8125rem;font-weight:500;line-height:1.2}.display-tag-chip:hover:not(:disabled){border-color:var(--neon-orange);color:var(--text-primary);background:var(--surface-color-hover)}.display-tag-chip:active:not(:disabled){transform:scale(.97)}.display-tag-chip:focus-visible{outline:2px solid var(--neon-orange);outline-offset:2px}.display-tag-chip--selected{border-color:var(--neon-orange);background:var(--neon-orange-dim);color:var(--neon-orange);box-shadow:0 0 12px #ff51001f}.display-tag-chip--selected:hover:not(:disabled){border-color:var(--neon-orange);color:#ff6a2b;background:#ff510038}.display-tag-chip:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.display-tag-field__hint{color:var(--text-secondary);margin:12px 0 0;font-size:.78rem;line-height:1.5}[data-theme=light] .display-tag-chip{background:var(--surface-color)}[data-theme=light] .display-tag-chip:hover:not(:disabled){background:var(--surface-color-hover)}[data-theme=light] .display-tag-chip--selected{box-shadow:0 0 14px #ff51002e}select.input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a396b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:40px}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton{background:linear-gradient(90deg, var(--surface-color) 0px, var(--surface-color-hover) 40px, var(--surface-color) 80px);background-size:200px 100%;animation:1.6s ease-in-out infinite shimmer}.animate-enter{opacity:1;transition:opacity .4s var(--ease-out), transform .4s var(--ease-out);transform:translateY(0)}@starting-style{.animate-enter{opacity:0;transform:translateY(16px)}}.container{max-width:1200px;margin:0 auto;padding:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lucide-spin{animation:1s linear infinite spin}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--surface-color-hover)}a:focus-visible{outline:2px solid var(--neon-orange);outline-offset:2px;border-radius:4px}@media (width<=768px){.container{padding:16px}.glass-panel{border-radius:12px;padding:16px}h2{font-size:1.5rem!important}}@media (width<=1200px){.desktop-only{display:none!important}.mobile-only{display:flex!important}}@media (width>=1201px){.mobile-only{display:none!important}}@media (width<=1366px) and (width>=1201px){header.glass-panel{padding:10px 16px!important}.desktop-logo-text{display:none!important}nav.desktop-only a,nav.desktop-only button{padding:6px 10px!important;font-size:.84rem!important}.desktop-search-btn span,.desktop-search-btn kbd{display:none!important}.desktop-search-btn{border-radius:50%!important;min-width:34px!important;min-height:34px!important;padding:8px!important}.desktop-logout-btn-text{display:none!important}.desktop-logout-btn{border-radius:50%!important;min-width:34px!important;min-height:34px!important;padding:8px!important}}@media (width<=480px){.glass-panel{padding:12px}}@media (hover:hover) and (pointer:fine){.earn-hub-card:hover{border-color:var(--neon-orange);transform:translateY(-2px)}}.earn-hub-card{transition:border-color .15s var(--ease-out), transform .16s var(--ease-out)}.earn-bottom-nav{z-index:90;background:var(--surface-color);border-top:1px solid var(--border-color);padding:8px 8px calc(8px + env(safe-area-inset-bottom,0px));display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 32px #00000040}.earn-bottom-nav__item{color:var(--text-secondary);transition:color .15s var(--ease-out), background-color .15s var(--ease-out);border-radius:8px;flex-direction:column;flex:1;align-items:center;gap:4px;padding:6px 4px;font-size:.65rem;font-weight:500;text-decoration:none;display:flex}.earn-bottom-nav__item--active{color:var(--neon-orange);background:var(--neon-orange-dim)}@media (width<=768px){.earn-bottom-nav.mobile-only{display:flex}.main-with-earn-nav{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}}