:root{--bg:#060608;--bg-card:#0f0f14;--bg-elevated:#16161f;--green:#0f8;--green-dim:#00cc6a;--gold:gold;--gold-dim:#c9a800;--text:#f0f0f5;--text-muted:#8888a0;--border:#00ff8826;--glow:#00ff8859;--font-display:"Bungee", cursive;--font-body:"Space Grotesk", system-ui, sans-serif}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg);color:var(--text);min-height:100vh;line-height:1.6;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(80% 50% at 50% -20%,#00ff881f,#0000),radial-gradient(60% 40% at 80% 80%,#ffd7000f,#0000);position:fixed;inset:0}#root{z-index:1;position:relative}a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline}button{font-family:var(--font-body);cursor:pointer;border:none}input{font-family:var(--font-body)}::selection{background:var(--green);color:var(--bg)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#07090c;--panel:#0e1217;--line:#1c222b;--text:#f2f5f8;--muted:#8a96a5;--green:#1be57b;--green-soft:#1be57b1f;--red:#ff4d4d}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Space Grotesk,system-ui,sans-serif;overflow-x:hidden}.app{flex-direction:column;min-height:100%;display:flex;position:relative}.bg-grid{z-index:0;pointer-events:none;background-image:linear-gradient(#1be57b0d 1px,#0000 1px),linear-gradient(90deg,#1be57b0d 1px,#0000 1px);background-size:46px 46px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 30%,#000 0%,#0000 70%);mask-image:radial-gradient(circle at 50% 30%,#000 0%,#0000 70%)}.nav,.hero,.feed-wrap,.footer{z-index:1;position:relative}.nav{justify-content:space-between;align-items:center;width:100%;max-width:1000px;margin:0 auto;padding:18px 22px;display:flex}.brand{letter-spacing:.5px;font-size:.95rem;font-weight:700}.nav-x{color:var(--text);border:1px solid var(--line);border-radius:10px;place-items:center;width:38px;height:38px;transition:background .15s,border-color .15s;display:grid}.nav-x:hover{background:var(--panel);border-color:var(--green)}.hero{text-align:center;flex-direction:column;flex:1;align-items:center;width:100%;max-width:820px;margin:0 auto;padding:30px 20px 50px;display:flex}.kicker{text-transform:uppercase;letter-spacing:3px;color:var(--muted);margin-bottom:14px;font-size:.7rem}.headline{letter-spacing:-1px;text-shadow:0 0 40px #1be57b40;font-family:Bungee,Space Grotesk,sans-serif;font-size:clamp(2.6rem,9vw,5.8rem);line-height:.95}.headline br{display:block}.counter{margin:34px 0 6px;transition:transform .18s}.counter.pop{transform:scale(1.06)}.count-num{color:var(--green);text-shadow:0 0 34px #1be57b8c;font-variant-numeric:tabular-nums;font-family:Bungee,monospace;font-size:clamp(3.4rem,16vw,9rem);line-height:1;display:block}.count-label{color:var(--muted);text-transform:uppercase;letter-spacing:2px;align-items:center;gap:9px;margin-top:8px;font-size:.74rem;display:inline-flex}.dot{background:var(--muted);border-radius:50%;width:8px;height:8px}.dot.on{background:var(--green);box-shadow:0 0 10px var(--green);animation:1.6s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.post-btn{background:var(--green);color:#04130a;letter-spacing:1px;border-radius:14px;align-items:center;gap:10px;margin-top:26px;padding:16px 40px;font-size:1.15rem;font-weight:700;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-flex;box-shadow:0 10px 40px #1be57b59}.post-btn:hover{transform:translateY(-2px);box-shadow:0 14px 50px #1be57b80}.post-btn:active{transform:translateY(0)}.sub{max-width:560px;color:var(--muted);margin-top:24px;font-size:.95rem;line-height:1.6}.sub b{color:var(--text);font-weight:600}.stats{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:30px;display:flex}.stat{background:var(--panel);border:1px solid var(--line);border-radius:14px;min-width:130px;padding:16px 26px}.stat-accent{background:var(--green-soft);border-color:#1be57b66}.stat-v{font-variant-numeric:tabular-nums;font-size:1.7rem;font-weight:700;display:block}.stat-accent .stat-v{color:var(--green)}.stat-l{color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-top:4px;font-size:.72rem;display:block}.feed-wrap{width:100%;max-width:680px;margin:0 auto;padding:0 20px 40px}.feed-head{color:var(--muted);text-transform:uppercase;letter-spacing:2px;justify-content:space-between;align-items:center;padding:0 4px 12px;font-size:.72rem;display:flex}.feed-dot.on{color:var(--green)}.feed{flex-direction:column;gap:8px;display:flex}.feed-empty{text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:14px;padding:40px}.row{background:var(--panel);border:1px solid var(--line);color:var(--text);border-radius:12px;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;transition:border-color .15s,transform .15s;display:flex}.row:hover{border-color:#2b3340}.row-new{border-color:#1be57b80;animation:.5s slidein}@keyframes slidein{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.row-av{height:38px;color:var(--muted);background:#1a2029;border-radius:50%;flex:0 0 38px;place-items:center;font-weight:700;display:grid;overflow:hidden}.row-av img{object-fit:cover;width:100%;height:100%}.row-body{flex:1;min-width:0}.row-top{align-items:baseline;gap:7px;display:flex}.row-name{white-space:nowrap;text-overflow:ellipsis;max-width:130px;font-size:.9rem;font-weight:600;overflow:hidden}.row-handle{color:var(--muted);font-size:.8rem}.row-time{color:var(--muted);margin-left:auto;font-size:.74rem}.row-text{color:#c2cbd6;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2px;font-size:.84rem;line-height:1.4;display:-webkit-box;overflow:hidden}.row-right{text-align:right;flex:none}.row-paid{color:var(--green);white-space:nowrap;font-size:.9rem;font-weight:700}.row-wallet{color:var(--muted);font-family:monospace;font-size:.78rem}.row-nowallet{color:#4f5864;font-size:.72rem;font-style:italic}.footer{text-align:center;color:var(--muted);border-top:1px solid var(--line);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:auto;padding:24px;font-size:.8rem;display:flex}.footer a{color:var(--green);text-decoration:none}.footer a:hover{text-decoration:underline}@media (width<=520px){.stat{min-width:100px;padding:14px 18px}.stat-v{font-size:1.4rem}.post-btn{justify-content:center;width:100%}}
