:root{--bg:#0a0b0e;--bg-soft:#0b1020;--panel:#12141a;--muted:#9aa4b2;--text:#e5e7eb;--brand:#4f46e5;--brand-2:#22d3ee;--border:#1f2430;--grid-card-min:260px;--grid-card-gap:12px;--grid-feed-card-min:260px}[data-theme=light]{--bg:#f7f2e9;--bg-soft:#efe6d9;--panel:#fffaf3;--muted:#475569;--text:#0f172a;--brand:#0d9488;--brand-2:#22c55e;--border:#e5d8c8;color-scheme:light}[data-theme=dark]{color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:linear-gradient(180deg,var(--bg),var(--bg-soft));color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";font-size:16px;line-height:1.5;overflow-x:hidden;transition:background .2s ease,color .2s ease}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 24px}.page-shell{display:flex;justify-content:center;align-items:flex-start;gap:16px;width:100%;max-width:1320px;margin:0 auto;padding:16px 24px}.page-shell__content{flex:1 1 0;min-width:0;display:grid;gap:12px}.page-shell__ad{flex:0 0 160px}.ad-box{width:100%;min-height:120px;border:1px dashed var(--border);border-radius:10px;background:transparent;display:flex;align-items:center;justify-content:center;color:transparent;font-size:13px;text-align:center}[data-theme=light] .ad-box{background:transparent}.ad-box--sidebar{min-height:240px}.ad-box--banner{min-height:60px}.ad-box--feed{min-height:90px}.mobile-ad-top{display:none;margin-bottom:12px}.mobile-ad-bottom{display:none;position:fixed;left:12px;right:12px;bottom:12px;z-index:20}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.header{position:sticky;top:0;background:#0a0b0e99;-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--border);z-index:10}[data-theme=light] .header{background:#ffffffeb;border-bottom:1px solid #e5d8c8}.logo{font-weight:700;color:#fff;text-decoration:none}.hamburger{display:none}.nav{display:flex;align-items:center;gap:10px;overflow:visible;white-space:nowrap;flex:1 1 auto;min-width:0}.nav::-webkit-scrollbar{display:none}.nav a{color:var(--muted);text-decoration:none;margin-left:0;padding:8px;border-radius:10px}.nav a.active{color:var(--brand);background:#4f46e51f;font-weight:700}[data-theme=light] .nav a.active{color:var(--brand);background:#4f46e529}[data-theme=dark] .nav a.active{color:var(--text);background:#ffffff14;font-weight:700}.nav-item{display:inline-flex;align-items:center;gap:6px}.nav-icon{width:18px;height:18px;object-fit:contain;display:inline-flex}.nav-text{display:inline}.footer{margin-top:64px;border-top:1px solid var(--border);padding:20px 0;color:var(--muted)}.footer .container{display:flex;flex-direction:column;gap:16px;align-items:stretch}.footer .spacer{flex:1}.footer-ad{width:100%}.footer-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.home .hero{padding:64px 0;text-align:center}.home .hero h1{font-size:40px;margin:0 0 12px}.home .hero p{color:var(--muted);margin:0 0 20px}.search{display:flex;gap:8px;justify-content:center}.search input{width:min(680px,100%);padding:14px;border-radius:10px;border:1px solid var(--border);background:var(--panel);color:var(--text)}.search button{padding:14px 18px;border-radius:10px;border:1px solid var(--border);background:linear-gradient(90deg,var(--brand),var(--brand-2));color:#000;font-weight:700;cursor:pointer}.suggestions{margin-top:10px;display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.suggestions button{background:transparent;border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:6px 12px;cursor:pointer}.stats{padding:24px 0}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stat{background:#ffffff08;border:1px solid var(--border);border-radius:12px;padding:18px;text-align:center}[data-theme=light] .stat{background:#fffbf5;border-color:#e5d8c8}.stat .value{font-size:28px;font-weight:800}.stat .stat-month{color:var(--muted);font-size:14px;margin-top:4px}.stat .label{color:var(--muted)}.cta{margin:36px 0;text-align:center}.cta .primary{padding:12px 18px;border-radius:10px;border:1px solid var(--border);background:linear-gradient(90deg,var(--brand),var(--brand-2));color:#000;font-weight:700;cursor:pointer}button{padding:8px 12px;border-radius:10px;border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer;transition:background-color .15s ease,border-color .15s ease,opacity .15s ease}button:disabled{opacity:.6;cursor:not-allowed}button:hover{border-color:#2a3344}input,select,textarea{padding:10px;border-radius:10px;border:1px solid var(--border);background:var(--panel);color:var(--text)}input::placeholder,textarea::placeholder{color:#798391}select{appearance:none;-webkit-appearance:none;-moz-appearance:none}.primary{border:1px solid var(--border);background:linear-gradient(135deg,#a7e8de,#c9f7d9);color:#0f172a;font-weight:700;text-decoration:none}.primary:hover{filter:saturate(110%)}.card{border:1px solid var(--border);border-radius:12px;background:#ffffff0d;padding:12px;box-shadow:0 8px 22px #00000014}[data-theme=light] .card{background:#fff9f1;border-color:#e5d8c8;box-shadow:0 10px 26px #110c0614}.panel{border:1px solid var(--border);border-radius:12px;background:#ffffff0f;box-shadow:0 8px 22px #00000014}[data-theme=light] .panel{background:#fffaf4;border-color:#e5d8c8;box-shadow:0 10px 26px #110c0614}.muted{color:var(--muted)}.mobile-topbar{display:none;align-items:center;justify-content:space-between;padding:calc(10px + env(safe-area-inset-top,0px)) 16px 10px;height:calc(var(--mobile-topbar-h) + env(safe-area-inset-top,0px));position:fixed;top:0;left:0;right:0;background:var(--panel);border-bottom:1px solid var(--border);z-index:30;box-shadow:0 8px 14px #00000014}a{color:inherit}.form{display:grid;gap:12px;max-width:680px;margin:0 auto}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px}.col-span-2{grid-column:1/-1}.field label{display:block;margin:0 0 6px;color:var(--muted);font-size:14px}.field input,.field select,.field textarea{width:100%}.typeahead{display:grid;gap:6px;margin-top:6px}.typeahead button{text-align:left}.chart-scroll{width:100%;overflow-x:auto;padding-bottom:8px;margin:0 -4px}.chart-scroll svg{min-width:720px}@media (max-width: 720px){.chart-scroll svg{min-width:100%}}.app-soon{margin:36px 0}.app-soon__box{display:grid;grid-template-columns:1fr;align-items:center;justify-items:center;gap:16px;padding:18px 20px;background:linear-gradient(135deg,#4f46e51f,#22d3ee14);border:1px solid var(--border);border-radius:16px;box-shadow:0 16px 36px #0000001f}.app-soon__copy{text-align:center}.app-soon__copy h3{margin:2px 0 6px}.app-soon__copy p{margin:0;color:var(--muted)}.app-soon__actions{display:flex;gap:10px;align-items:center;justify-content:center}.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid var(--border);color:var(--text);background:#ffffff0f}.pill--glow{border-color:#4f46e566;box-shadow:0 6px 18px #4f46e529}[data-theme=light] .app-soon__box{background:linear-gradient(135deg,#4f46e51f,#22d3ee1a);box-shadow:0 14px 32px #110c061f}[data-theme=light] .app-soon__icon{background:#0000000d}[data-theme=light] .pill{background:#0000000a;color:var(--muted)}@media (max-width: 1024px){.container{padding:0 18px}.page-shell{padding:12px 18px}.page-shell__ad{display:none}.mobile-ad-top,.mobile-ad-bottom{display:block}.nav{gap:18px;justify-content:space-evenly;flex-wrap:nowrap;padding:12px 22px;overflow-x:hidden;width:100%;max-width:100%;margin:0}.nav a{padding:12px;font-size:15px}.nav-item{flex-direction:column;align-items:center;gap:6px;min-width:86px}.nav-text{display:block;font-size:13px;line-height:1.1}.nav-icon{width:22px;height:22px}.home .hero h1{font-size:32px}.stat .value{font-size:26px}}@media (max-width: 720px){:root{--grid-card-min:240px;--grid-card-gap:10px;--grid-feed-card-min:240px;--mobile-topbar-h:64px}.container{padding:0 14px}.header{position:fixed;top:auto;bottom:0;left:0;right:0;border-top:1px solid var(--border);border-bottom:none;z-index:20}.mobile-topbar{display:flex}body{padding-bottom:120px;padding-top:calc(var(--mobile-topbar-h) + env(safe-area-inset-top,0px))}.page-shell{padding:8px 10px}.header .row{flex-direction:column;align-items:stretch;gap:8px}.header .logo{text-align:center;padding-top:4px}.nav{display:flex;gap:4px;justify-content:space-between;flex-wrap:nowrap;white-space:nowrap;overflow-x:hidden;margin-left:0;width:100%}.nav a{margin-left:0;padding:6px 4px;flex:1 1 0;text-align:center}.nav-item{flex:1 1 0;justify-content:center;align-items:center;flex-direction:column;gap:2px;min-width:0;text-align:center}.nav button{padding:6px 8px;font-size:13px}.nav-text{display:block;font-size:11px;line-height:1.15}.nav-icon{width:20px;height:20px}.nav a.active{color:#fff;border:1px solid var(--border);background:#ffffff14;border-radius:10px}.mobile-ad-bottom{position:static;left:auto;right:auto;bottom:auto;z-index:inherit;margin-top:12px}.form-grid{grid-template-columns:1fr;gap:10px}.search{flex-direction:column;align-items:stretch}.search input,.search button{width:100%}.home .hero{padding:40px 0}.home .hero h1{font-size:28px}.app-soon__box{grid-template-columns:1fr;align-items:flex-start}}@media (max-width: 420px){.container{padding:0 12px}.nav{gap:8px}.nav a{margin-left:0}}@media (min-width: 721px) and (max-width: 1024px){body{font-size:19px;line-height:1.6;padding-top:82px}.header{position:fixed;top:0;left:0;right:0;z-index:50}.container{padding:0 24px}.page-shell{padding:18px 24px}.nav{gap:18px;justify-content:flex-start;flex-wrap:nowrap;padding:14px 22px;overflow-x:auto;-webkit-overflow-scrolling:touch}.nav-item{min-width:94px}.nav a,.nav button{padding:12px 14px;border-radius:12px;font-size:16px}.nav-text{font-size:15px}.nav-icon{width:24px;height:24px}.home .hero{padding:72px 0;max-width:960px;margin:0 auto}.home .hero h1{font-size:clamp(36px,4.4vw,48px);line-height:1.15}.home .hero p{font-size:clamp(17px,2.2vw,20px)}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.stat .value{font-size:32px}.stat .label{font-size:16px}.form{font-size:18px}.field label{font-size:16px}:root{--grid-card-min:420px;--grid-card-gap:14px;--grid-feed-card-min:460px}}@media (min-width: 1025px){:root{--grid-card-min:420px;--grid-card-gap:14px;--grid-feed-card-min:460px}.header{padding:8px 0}.nav{gap:0;justify-content:space-evenly;padding:10px clamp(24px,20%,160px);width:100%}.nav a,.nav button{padding:10px;border-radius:12px}}