@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Unbounded:wght@500;600;700&display=swap";:root{--bg:#0b0e13;--bg-alt:#111523;--ink:#f4f7ff;--muted:#9aa3b7;--border:#ffffff14;--surface:#0f1320b3;--surface-strong:#151a2c;--accent:#29e5a1;--accent-2:#ff7a45;--accent-3:#ffd166;--shadow:0 24px 48px #0508148c;--radius:22px;--radius-sm:14px;--radius-pill:999px;--max-width:1180px;--display-font:"Unbounded", "Space Grotesk", sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Space Grotesk,system-ui,sans-serif}:root[data-theme=light]{--bg:#f7f2ec;--bg-alt:#fff;--ink:#11131a;--muted:#5a606b;--border:#11131a1f;--surface:#fffc;--surface-strong:#fff;--accent:#0e9f8b;--accent-2:#f25c2e;--accent-3:#f2b544;--shadow:0 22px 40px #1011141f}*{box-sizing:border-box}body{background:radial-gradient(circle at 15% 10%, #29e5a12e, transparent 40%), radial-gradient(circle at 85% 20%, #ff7a452e, transparent 42%), radial-gradient(circle at 80% 80%, #ffd16626, transparent 45%), var(--bg);min-height:100vh;color:var(--ink);margin:0}body:before{content:"";pointer-events:none;opacity:.25;z-index:-1;background-image:radial-gradient(#ffffff14 1px,#0000 0);background-size:120px 120px;position:fixed;inset:0}#root{min-height:100vh}img{max-width:100%;display:block}a{color:inherit}button,input,textarea,select{font-family:inherit}.app{min-height:100vh;color:var(--ink)}.topbar{z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:color-mix(in srgb, var(--bg) 70%, transparent);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px 32px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:14px;display:flex}.brand img{border:1px solid var(--border);background:var(--surface-strong);width:46px;height:46px;box-shadow:var(--shadow);border-radius:14px}.brand-title{font-family:var(--display-font);text-transform:uppercase;letter-spacing:1px;font-size:20px}.brand-sub{color:var(--muted);text-transform:uppercase;letter-spacing:1.5px;font-size:12px;display:block}.nav{flex-wrap:wrap;gap:10px;display:flex}.pill{border:1px solid var(--border);color:var(--ink);border-radius:var(--radius-pill);letter-spacing:.4px;text-transform:uppercase;cursor:pointer;background:0 0;padding:8px 16px;font-size:12px;font-weight:600;transition:all .2s}.pill.active,.pill:hover{background:var(--accent);color:#0b0e13;border-color:#0000;box-shadow:0 10px 24px #29e5a14d}.top-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.search{background:var(--surface);border-radius:var(--radius-pill);border:1px solid var(--border);align-items:center;gap:8px;min-width:220px;padding:8px 12px;display:flex}.search input{color:var(--ink);background:0 0;border:none;outline:none;width:100%;font-size:13px}.theme-toggle{border:1px solid var(--border);background:var(--surface);color:var(--ink);border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:1px;cursor:pointer;padding:8px 12px;font-size:12px}.status{color:var(--muted);font-size:12px}.user-chip{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);align-items:center;gap:10px;padding:6px 12px;display:flex}.user-chip .verified{background:var(--accent-3);color:#2d2105;border-radius:var(--radius-pill);padding:2px 8px;font-size:11px;font-weight:600}.hero{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;padding:40px 32px 10px;display:grid}.hero-title{font-family:var(--display-font);margin:0 0 12px;font-size:clamp(32px,4vw,56px)}.hero-subtitle{color:var(--muted);margin:0 0 18px;font-size:16px}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.button{cursor:pointer;border:none;border-radius:14px;padding:12px 18px;font-size:14px;font-weight:600;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-1px)}.button.secondary{border:1px solid var(--border);color:var(--ink);background:0 0}.button.ghost{color:var(--muted);background:0 0}.button,.button.primary{background:linear-gradient(120deg, var(--accent), var(--accent-2));color:#0b0e13;box-shadow:0 16px 30px #ff7a4540}.signal{background:var(--surface);border-radius:var(--radius-pill);border:1px solid var(--border);color:var(--muted);align-items:center;gap:8px;margin-top:18px;padding:6px 12px;font-size:12px;display:inline-flex}.signal-dot{background:var(--accent);border-radius:50%;width:8px;height:8px;box-shadow:0 0 10px #29e5a1cc}.hero-stats{gap:12px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-size:11px}.stat-value{margin-top:6px;font-size:24px;font-weight:700}.layout{grid-template-columns:minmax(0,1fr) 320px;gap:24px;padding:30px 32px;display:grid}.feed-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.feed-sub{color:var(--muted);margin:6px 0 0;font-size:13px}.feed-controls{flex-wrap:wrap;gap:8px;display:flex}.feed-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.feed-grid.list{grid-template-columns:1fr}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);cursor:pointer;padding:18px;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);box-shadow:0 30px 50px #05081459}.card-title{margin:0 0 10px;font-size:18px}.card-meta{color:var(--muted);justify-content:space-between;margin-top:10px;font-size:12px;display:flex}.tag-group{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.tag{text-transform:uppercase;letter-spacing:1px;border-radius:var(--radius-pill);background:color-mix(in srgb, var(--accent) 20%, transparent);color:var(--accent);padding:4px 8px;font-size:11px}.sidebar{gap:16px;display:grid}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.form{gap:12px;display:grid}.field{text-transform:uppercase;letter-spacing:1px;color:var(--muted);gap:6px;font-size:12px;display:grid}.input,.textarea{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-strong);color:var(--ink);padding:10px 12px;font-size:14px}.textarea{resize:vertical;min-height:90px}.notice{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--ink);border:1px solid color-mix(in srgb, var(--accent) 40%, transparent);padding:12px;font-size:13px}.error{border-radius:var(--radius-sm);color:var(--accent-2);background:#ff7a4533;border:1px solid #ff7a4566;padding:10px;font-size:12px}.detail{padding:0 32px 40px}.detail-title{font-family:var(--display-font);margin-bottom:6px;font-size:clamp(24px,3vw,36px)}.detail-content{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;line-height:1.7}.comment-list{gap:10px;margin-top:16px;display:grid}.comment{background:var(--surface-strong);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;font-size:13px}.comment-header{color:var(--muted);justify-content:space-between;margin-bottom:6px;font-size:11px;display:flex}.empty-state{border-radius:var(--radius);border:1px dashed var(--border);color:var(--muted);text-align:center;padding:24px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=980px){.layout{grid-template-columns:1fr}}@media (width<=720px){.topbar{padding:16px}.hero{padding:24px 16px 10px}.layout{padding:24px 16px}.detail{padding:0 16px 30px}.search{width:100%}}