@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-display:"Outfit", sans-serif;--bg-darker:#08080a;--bg-dark:#0f0f13;--bg-card:#16161ca6;--bg-hover:#23232dcc;--border-color:#ffffff0f;--border-glow:#8b5cf633;--primary:#a78bfa;--primary-dark:#8b5cf6;--primary-glow:#8b5cf64d;--secondary:#22d3ee;--secondary-glow:#06b6d44d;--accent:#f43f5e;--accent-glow:#f43f5e66;--text-primary:#f3f4f6;--text-secondary:#a1a1aa;--text-muted:#52525b;--shadow-sm:0 2px 8px #0006;--shadow-md:0 8px 24px #0009;--shadow-lg:0 16px 48px #000c;--transition-smooth:all .25s cubic-bezier(.4, 0, .2, 1);--radius-sm:8px;--radius-md:14px;--radius-lg:20px}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent!important}:focus,:focus-visible,:active{outline:none!important}body{font-family:var(--font-sans);background-color:var(--bg-darker);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-darker)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-glow)}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.glass-panel:hover{border-color:#ffffff1a}.action-btn{border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--border-color);color:var(--text-primary);transition:var(--transition-smooth);background:#ffffff0f;justify-content:center;align-items:center;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.action-btn:hover{background:#ffffff1a;border-color:#fff3}.action-btn.primary{background:var(--primary);color:#000;border:1px solid #0000}.action-btn.primary:hover{box-shadow:0 0 16px var(--primary-glow);background:#c4b5fd}.action-btn:disabled{opacity:.5;cursor:not-allowed}.spin{animation:1.5s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app-header{z-index:100;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);background:#09090bf5;padding:12px 24px;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:1440px;margin:0 auto;display:flex}.header-brand{cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;gap:10px;display:flex}.brand-icon{background:linear-gradient(135deg,#a78bfa 0%,#6366f1 100%);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.brand-title{font-size:16px;font-weight:800;font-family:var(--font-display);letter-spacing:-.3px;margin:0}.header-nav{border:1px solid var(--border-color);background:#ffffff0d;border-radius:10px;gap:6px;padding:4px;display:flex}.header-nav .nav-item{cursor:pointer;color:var(--text-secondary);transition:var(--transition-smooth);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:6px 14px;font-size:12.5px;font-weight:600;display:flex}.header-nav .nav-item.active{background:var(--primary);color:#000}.header-search-box{border:1px solid var(--border-color);height:36px;transition:var(--transition-smooth);background:#ffffff0d;border-radius:8px;align-items:center;gap:8px;padding:0 10px;display:flex}.header-search-box:focus-within{border-color:var(--primary);background:#ffffff14}.header-search-box input{color:var(--text-primary);background:0 0;border:none;width:100%;font-size:13px}.header-search-box input::placeholder{color:var(--text-muted)}.header-user-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.user-badge{border:1px solid var(--border-color);cursor:pointer;background:#ffffff0f;border-radius:20px;align-items:center;gap:8px;padding:4px 10px;display:flex}@media (width<=768px){.app-header{padding:10px 14px}.header-inner{flex-direction:column;align-items:stretch;gap:8px}.header-top-row{justify-content:space-between;align-items:center;width:100%;display:flex}.header-nav{width:100%;display:flex}.header-nav .nav-item{flex:1;padding:8px 10px;font-size:13px}.header-search-row,.header-search-box{width:100%}}.category-filter-container{border:1px solid var(--border-color);background:#ffffff0f;border-radius:8px;padding:3px;display:flex}.category-filter-btn{cursor:pointer;color:var(--text-secondary);transition:var(--transition-smooth);background:0 0;border:none;border-radius:6px;padding:5px 12px;font-size:12px;font-weight:600}.category-filter-btn.active{background:var(--primary);color:#000}@media (width<=768px){.sticky-mobile-filter{z-index:95;-webkit-backdrop-filter:blur(20px);padding:10px 16px;padding-bottom:max(10px, env(safe-area-inset-bottom));border-top:1px solid var(--border-color);background:#09090bf5;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #000000bf}.sticky-mobile-filter .category-filter-container{background:#ffffff14;width:100%;max-width:440px}.sticky-mobile-filter .category-filter-btn{text-align:center;flex:1;padding:8px 12px;font-size:13px}.page-with-sticky-filter{padding-bottom:74px!important}}@media (width>=769px){.header-top-row{align-items:center;gap:16px;display:flex}.header-search-row{flex:1;max-width:420px}}