@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap";
:root{--font-body:"Inter", system-ui, -apple-system, sans-serif;--font-head:"Space Grotesk", "Inter", sans-serif;--bg-deep:#0b0d11;--bg-base:#10131a;--bg-sidebar:#131620;--bg-card:#171b26;--bg-card-hover:#1c2130;--bg-input:#1a1e2a;--bg-input-focus:#1e2333;--border:#1f2535;--border-glow:#2a3148;--radius-sm:8px;--radius-lg:12px;--accent:#7c9aff;--green:#3ddc84;--red:#ff5252;--yellow:#ffd166;--text-primary:#e2e5ec;--text-secondary:#8b92a3;--text-muted:#4d5568;--topnav-h:52px;--sidebar-w:240px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;font-size:13px;font-weight:500;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-glow)}.topnav{z-index:100;height:var(--topnav-h);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);background:#0b0d11d1;align-items:center;gap:12px;padding:0 16px;display:flex;position:fixed;top:0;left:0;right:0}.nav-brand{flex-shrink:0;align-items:center;gap:8px;text-decoration:none;display:flex}.nav-logo{object-fit:cover;border-radius:6px;width:28px;height:28px}.nav-wordmark-title{font-family:var(--font-head);color:var(--text-primary);white-space:nowrap;font-size:15px;font-weight:700}.nav-center{align-items:center;gap:2px;margin-left:auto;margin-right:auto;display:flex}.nav-link{color:var(--text-muted);cursor:pointer;font-size:12px;font-weight:700;font-family:var(--font-body);white-space:nowrap;background:0 0;border:none;border-radius:6px;align-items:center;gap:5px;padding:6px 12px;text-decoration:none;transition:all .15s;display:flex}.nav-link svg{stroke:currentColor;fill:none;stroke-width:2px;width:14px;height:14px}.nav-link:hover{color:var(--text-secondary);background:#ffffff08}.nav-link.active{color:var(--text-primary);background:#7c9aff14}.nav-right{flex-shrink:0;gap:6px;display:flex}.discord-btn,.yt-btn{font-size:11px;font-weight:700;font-family:var(--font-body);white-space:nowrap;border-radius:6px;align-items:center;gap:5px;padding:5px 12px;text-decoration:none;transition:all .15s;display:flex}.discord-btn svg,.yt-btn svg{fill:currentColor;width:14px;height:14px}.discord-btn{color:#7289da;background:#5865f21f;border:1px solid #5865f22e}.discord-btn:hover{background:#5865f238}.yt-btn{color:#f44;background:#ff000014;border:1px solid #ff000024}.yt-btn:hover{background:#ff000029}.layout{min-height:calc(100vh - var(--topnav-h));padding-top:var(--topnav-h);display:flex}.sidebar{width:var(--sidebar-w);background:var(--bg-sidebar);border-right:1px solid var(--border);top:var(--topnav-h);height:calc(100vh - var(--topnav-h));flex-direction:column;flex-shrink:0;gap:4px;padding:14px 10px 14px 12px;display:flex;position:sticky;overflow-y:auto}.sidebar-search{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:6px;margin-bottom:10px;padding:0 10px;transition:border-color .15s;display:flex}.sidebar-search:focus-within{border-color:var(--accent);background:var(--bg-input-focus)}.sidebar-search svg{width:14px;height:14px;stroke:var(--text-muted);fill:none;stroke-width:2px;flex-shrink:0}.sidebar-search input{color:var(--text-primary);width:100%;font-size:12px;font-weight:600;font-family:var(--font-body);background:0 0;border:none;outline:none;padding:8px 0}.sidebar-search input::placeholder{color:var(--text-muted)}.sidebar-sort{margin-bottom:8px}.sort-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px;font-size:10px;font-weight:700;display:block}.sort-select{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);font-size:11px;font-weight:600;font-family:var(--font-body);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%234d5568' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;outline:none;padding:7px 10px;transition:border-color .15s}.sort-select:focus{border-color:var(--accent)}.sort-select option{background:var(--bg-sidebar);color:var(--text-primary)}.sidebar-divider{background:var(--border);height:1px;margin:6px 0 8px}.sections-wrap{flex-direction:column;gap:28px;display:flex}.category-header{border-bottom:1px solid var(--border);align-items:center;gap:8px;margin-bottom:12px;padding-bottom:8px;display:flex}.category-header-icon{background:var(--bg-card);border:1px solid var(--border);border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex;overflow:hidden}.category-header-icon img{object-fit:contain;width:16px;height:16px}.category-header h3{font-family:var(--font-head);color:var(--text-primary);font-size:15px;font-weight:600}.category-header-count{color:var(--text-muted);font-size:12px;font-weight:600}.cat-btn{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;text-align:left;width:100%;font-size:12px;font-weight:600;font-family:var(--font-body);background:0 0;border:1px solid #0000;align-items:center;gap:8px;padding:7px 10px;transition:all .12s;display:flex}.cat-btn:hover{color:var(--text-primary);background:#ffffff08}.cat-btn.active{color:var(--text-primary);background:#7c9aff14;border-color:#7c9aff26}.cat-icon{background:var(--bg-card);border:1px solid var(--border);border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex;overflow:hidden}.cat-icon img{object-fit:contain;width:18px;height:18px}.cat-icon svg{width:14px;height:14px;stroke:var(--accent);fill:none}.cat-count{color:var(--text-muted);background:var(--bg-card);border-radius:10px;margin-left:auto;padding:1px 6px;font-size:10px;font-weight:700}.hex-fallback{background:var(--accent);opacity:.2;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);width:18px;height:18px}.main{flex:1;min-width:0;padding:20px 24px 40px}.section-head{align-items:center;gap:8px;margin-bottom:16px;display:flex}.section-head h2{font-family:var(--font-head);color:var(--text-primary);align-items:baseline;gap:6px;font-size:18px;font-weight:600;display:flex}.section-count{color:var(--text-muted);font-size:13px;font-weight:500}@keyframes cardIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.item-card{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;transition:all .14s;animation:.2s both cardIn}.item-card:hover{background:var(--bg-card-hover);border-color:var(--border-glow)}.item-info{min-width:0}.item-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.item-alias{color:var(--text-muted);margin-top:1px;font-size:10px;font-weight:700}.item-value{color:var(--accent);font-weight:700}.item-demand-num{color:var(--text-muted);align-items:center;gap:4px;font-size:10px;font-weight:700;display:flex}.demand-dot{border-radius:50%;width:6px;height:6px}.demand-high{background:var(--green);box-shadow:0 0 5px #3ddc8466}.demand-mid{background:var(--yellow);box-shadow:0 0 5px #ffd16666}.demand-low{background:var(--red);box-shadow:0 0 5px #ff525266}.view-list{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.view-list .item-card{border-radius:var(--radius-sm);align-items:center;gap:12px;padding:10px 14px;display:flex}.view-list .item-card:hover{transform:translate(2px)}.view-list .item-thumb{background:var(--bg-sidebar);border:1px solid var(--border);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;overflow:hidden}.view-list .item-thumb img{object-fit:contain;width:32px;height:32px}.view-list .item-name{font-size:14px}.view-list .item-info{flex:1}.view-list .item-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;display:flex}.view-list .item-value{font-size:14px}.view-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.view-grid .item-card{border-radius:var(--radius-lg);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:16px 12px 14px;display:flex}.view-grid .item-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0000004d}.view-grid .item-thumb{background:var(--bg-sidebar);border:1px solid var(--border);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;display:flex;overflow:hidden}.view-grid .item-thumb img{object-fit:contain;width:40px;height:40px}.view-grid .item-info{width:100%}.view-grid .item-name{font-size:12px}.view-grid .item-right{justify-content:space-between;align-items:center;gap:4px;width:100%;display:flex}.view-grid .item-value{font-size:11px}@media (max-width:1200px){.view-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.view-list{grid-template-columns:1fr}.view-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.view-grid{grid-template-columns:repeat(2,1fr);gap:6px}.view-grid .item-card{padding:10px 8px}.view-grid .item-thumb{width:42px;height:42px}.view-grid .item-thumb img{width:30px;height:30px}}.view-toggle{gap:4px;display:flex}.view-btn{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;font-family:var(--font-body);flex:1;justify-content:center;align-items:center;padding:6px;transition:all .15s;display:flex}.view-btn svg{stroke:currentColor;fill:none;stroke-width:2px;width:14px;height:14px}.view-btn:hover{color:var(--text-secondary);background:var(--bg-input-focus)}.view-btn.active{color:var(--accent);background:#7c9aff1f;border-color:#7c9aff40}.cookie-banner{z-index:300;background:var(--bg-sidebar);border:1px solid var(--border);border-radius:var(--radius-lg);align-items:center;gap:16px;width:calc(100% - 40px);max-width:560px;padding:14px 20px;animation:.3s bannerIn;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #00000080}@keyframes bannerIn{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.cookie-content{flex:1;align-items:center;gap:10px;display:flex}.cookie-icon{width:28px;height:28px;stroke:var(--yellow);fill:none;stroke-width:1.5px;flex-shrink:0}.cookie-text strong{color:var(--text-primary);margin-bottom:2px;font-size:12px;font-weight:700;display:block}.cookie-text p{color:var(--text-secondary);margin:0;font-size:11px;line-height:1.4}.cookie-actions{flex-shrink:0;gap:6px;display:flex}.cookie-btn{cursor:pointer;font-size:11px;font-weight:700;font-family:var(--font-body);border:none;border-radius:6px;padding:6px 14px;transition:all .15s}.cookie-btn-accept{background:var(--accent);color:var(--bg-deep)}.cookie-btn-accept:hover{background:#99b4ff}.cookie-btn-decline{color:var(--text-muted);border:1px solid var(--border);background:0 0}.cookie-btn-decline:hover{color:var(--text-secondary);border-color:var(--border-glow)}@media (max-width:480px){.cookie-banner{text-align:center;flex-direction:column}.cookie-content{flex-direction:column}}.modal-overlay{z-index:200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000a6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--bg-sidebar);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:440px;padding:28px 24px;animation:.2s modalIn;position:relative;box-shadow:0 20px 60px #00000080}@keyframes modalIn{0%{opacity:0;transform:scale(.95)translateY(8px)}to{opacity:1;transform:none}}.modal-close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;transition:color .15s;position:absolute;top:14px;right:14px}.modal-close:hover{color:var(--text-primary)}.modal-close svg{stroke:currentColor;fill:none;stroke-width:2px;width:18px;height:18px}.modal-top{align-items:center;gap:16px;margin-bottom:24px;display:flex}.modal-img{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex;overflow:hidden}.modal-img img{object-fit:contain;width:48px;height:48px}.modal-title-area h3{font-family:var(--font-head);color:var(--text-primary);margin-bottom:3px;font-size:20px;font-weight:700}.modal-alias{color:var(--text-muted);font-size:11px;font-weight:700}.modal-stats{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:20px;display:grid}.stat-box{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:10px;font-weight:700}.stat-val{font-family:var(--font-head);color:var(--text-primary);font-size:18px;font-weight:700}.chart-section{margin-bottom:4px}.chart-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.chart-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:700}.chart-subtitle{color:var(--accent);font-size:12px;font-weight:700}.demand-bar-wrap{padding-bottom:4px}.demand-bar{background:var(--bg-card);border:1px solid var(--border);border-radius:5px;width:100%;height:8px;overflow:hidden}.demand-fill{background:linear-gradient(90deg, var(--red) 0%, var(--accent) 50%, var(--green) 100%);border-radius:5px;height:100%;transition:width .5s,background .5s}.demand-labels{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;margin-top:4px;font-size:9px;font-weight:700;display:flex}.empty{text-align:center;color:var(--text-muted);padding:50px 20px}.empty svg{width:48px;height:48px;stroke:var(--text-muted);fill:none;stroke-width:1.5px;margin-bottom:10px}.empty h3{font-family:var(--font-head);color:var(--text-secondary);margin-bottom:4px;font-size:18px;font-weight:600}.empty p{font-size:13px}.footer{border-top:1px solid var(--border);background:var(--bg-sidebar);color:var(--text-muted);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:32px;padding:14px 20px;font-size:10px;display:flex}.footer a{color:var(--text-muted);text-decoration:none}.footer a:hover{color:var(--accent)}.sidebar-toggle{z-index:99;background:var(--accent);width:44px;height:44px;color:var(--bg-deep);cursor:pointer;border:none;border-radius:50%;transition:transform .15s;display:none;position:fixed;bottom:20px;left:20px;box-shadow:0 4px 16px #7c9aff4d}.sidebar-toggle:hover{transform:scale(1.08)}.sidebar-toggle svg{stroke:currentColor;fill:none;stroke-width:2.5px;width:20px;height:20px}@media (max-width:768px){.sidebar{left:-260px;top:var(--topnav-h);z-index:50;transition:left .25s;position:fixed;box-shadow:4px 0 20px #0006}.sidebar.open{left:0}.sidebar-toggle{justify-content:center;align-items:center;display:flex}.nav-right .discord-btn span,.nav-right .yt-btn span{display:none}}@media (max-width:480px){.nav-wordmark{display:none}.main{padding:14px 12px 30px}}.dash-body{z-index:1;padding-top:var(--topnav-h);position:relative}.hero{text-align:center;max-width:680px;margin:0 auto;padding:90px 24px 70px}.hero h1{font-family:var(--font-head);color:var(--text-primary);margin-bottom:16px;font-size:46px;font-weight:700;line-height:1.15}.hero h1 span{color:#ffd166}.hero-sub{color:var(--text-secondary);margin-bottom:32px;font-size:15px;font-weight:600;line-height:1.6}.hero-btns{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.hero-btn{border-radius:var(--radius-sm);font-size:13px;font-weight:800;font-family:var(--font-body);align-items:center;gap:6px;padding:10px 24px;text-decoration:none;transition:all .15s;display:flex}.hero-btn svg{stroke:currentColor;fill:none;stroke-width:2px;width:14px;height:14px}.hero-btn-primary{background:var(--accent);color:var(--bg-deep);border:1px solid var(--accent)}.hero-btn-primary:hover{background:#99b4ff}.hero-btn-secondary{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border)}.hero-btn-secondary:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--border-glow)}.features{max-width:980px;margin:0 auto;padding:0 24px 80px}.features-title{font-family:var(--font-head);color:var(--text-primary);text-align:center;margin-bottom:6px;font-size:22px;font-weight:600}.features-sub{text-align:center;color:var(--text-muted);margin-bottom:32px;font-size:13px;font-weight:600}.features-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:12px;padding:24px;text-decoration:none;transition:all .18s;display:flex;position:relative;overflow:hidden}.feature-card:hover{border-color:var(--border-glow);background:var(--bg-card-hover);transform:translateY(-2px);box-shadow:0 8px 32px #0000004d}.feature-card:before{content:"";background:var(--accent);opacity:0;height:2px;transition:opacity .18s;position:absolute;top:0;left:0;right:0}.feature-card:hover:before{opacity:1}.feature-icon{border-radius:var(--radius-sm);background:#7c9aff14;border:1px solid #7c9aff26;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.feature-icon svg{width:20px;height:20px;stroke:var(--accent);fill:none;stroke-width:1.8px}.feature-title{font-family:var(--font-head);color:var(--text-primary);font-size:18px;font-weight:600}.feature-desc{color:var(--text-secondary);font-size:13px;font-weight:600;line-height:1.5}.feature-link{color:var(--accent);align-items:center;gap:4px;margin-top:auto;font-size:12px;font-weight:800;display:flex}.feature-link svg{stroke:currentColor;fill:none;stroke-width:2.5px;width:11px;height:11px}.preview-strip{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.preview-chip{background:var(--bg-sidebar);border:1px solid var(--border);color:var(--text-secondary);border-radius:20px;align-items:center;gap:6px;padding:3px 10px 3px 4px;font-size:11px;font-weight:700;display:flex}.preview-chip img{object-fit:contain;width:18px;height:18px}@media (max-width:640px){.hero h1{font-size:30px}.features-grid{grid-template-columns:1fr}.hero{padding:60px 20px 50px}}.coming-soon-body{z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:80px 24px 40px;display:flex;position:relative}.cs-icon{background:#ffffff08;border:1px solid #ffffff0f;border-radius:20px;justify-content:center;align-items:center;width:100px;height:100px;margin-bottom:28px;display:flex}.cs-icon img{object-fit:contain;opacity:.4;filter:grayscale(60%);width:64px;height:64px}.cs-title{font-family:var(--font-head);color:#e2e5ec80;margin-bottom:10px;font-size:36px;font-weight:700;line-height:1.1}.cs-title span{color:#8b92a399}.cs-subtitle{color:#4d5568cc;max-width:360px;margin-bottom:32px;font-size:14px;font-weight:600;line-height:1.6}.cs-back{color:#8b92a380;font-size:12px;font-weight:700;font-family:var(--font-body);background:#ffffff08;border:1px solid #ffffff0f;border-radius:6px;align-items:center;gap:6px;padding:8px 20px;text-decoration:none;transition:all .15s;display:inline-flex}.cs-back:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--border-glow)}.cs-back svg{stroke:currentColor;fill:none;stroke-width:2px;width:14px;height:14px}@media (max-width:600px){.cs-title{font-size:28px}.cs-icon{width:80px;height:80px}.cs-icon img{width:56px;height:56px}}