:root{--bg:#151515;--surface:#1f1f1f;--surface-2:#2a2a2a;--border:#333;--text:#f2efe8;--muted:#9a958c;--accent:#f2a900;--accent-ink:#1a1300;--danger:#ff5a4e;--success:#5fd18b;--radius:14px;--tabbar-h:64px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;font:16px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--accent);text-decoration:none}h1,h2,h3{margin:0 0 .5rem;line-height:1.15}input,textarea{width:100%;font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:.75rem}textarea{resize:vertical;min-height:5rem}label{color:var(--muted);gap:.35rem;font-size:.9rem;display:grid}.page{max-width:640px;padding:calc(env(safe-area-inset-top,0px) + 1rem) 1rem 1.5rem;margin:0 auto}.page.with-tabs{padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px) + 1.5rem)}.splash{place-items:center;min-height:100vh;display:grid}.brand{letter-spacing:.08em;color:var(--accent);text-transform:uppercase;font-weight:900}.muted{color:var(--muted)}.error{color:var(--danger);margin:0}.success{color:var(--success);margin:0}.empty{text-align:center;color:var(--muted);padding:2rem 0}.row{align-items:center;gap:.5rem;display:flex}.row.between{justify-content:space-between}.stack{gap:.5rem;display:grid}.grow{flex:1;min-width:0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.75rem;padding:1rem}.auth-card{gap:1rem;max-width:420px;margin:10vh auto 0;display:grid}.btn{border:1px solid var(--border);background:var(--surface-2);min-height:44px;color:var(--text);font:inherit;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:.35rem;padding:0 1rem;font-weight:600;display:inline-flex}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.danger{color:var(--danger)}.btn.big{min-height:52px;font-size:1.05rem}.link{font:inherit;cursor:pointer;background:0 0;border:0;padding:.25rem 0}.avatar{background:var(--surface-2);color:var(--accent);object-fit:cover;border-radius:50%;flex:none;place-items:center;font-weight:800;display:inline-grid}.tabbar{height:calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);border-top:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#151515f5;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tab{color:var(--muted);align-content:center;place-items:center;gap:2px;font-size:.72rem;display:grid}.tab.active{color:var(--accent)}.tab-icon{font-size:1.35rem}.composer{gap:.75rem;display:grid}.composer-preview{object-fit:cover;border-radius:10px;max-height:240px}.post-head{align-items:center;gap:.6rem;margin-bottom:.5rem;display:flex}.post-head time{font-size:.8rem;display:block}.post-body{white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 .6rem}.post-photo{cursor:zoom-in;border-radius:10px;width:100%;margin-bottom:.6rem;display:block}.reactions{flex-wrap:wrap;gap:.4rem;display:flex}.reaction{border:1px solid var(--border);background:var(--surface-2);min-width:48px;min-height:40px;color:var(--text);font:inherit;cursor:pointer;border-radius:999px;padding:0 .7rem}.reaction.mine{border-color:var(--accent);background:#f2a90026}.lightbox{z-index:20;background:#000000eb;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.lightbox img{border-radius:8px;max-height:100%}.sheet-backdrop{z-index:10;background:#0009;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{width:100%;max-width:640px;max-height:80vh;padding:1rem 1rem calc(env(safe-area-inset-bottom,0px) + 1rem);background:var(--surface);border-radius:var(--radius) var(--radius) 0 0;margin:0 auto;overflow-y:auto}.sheet form{gap:.75rem;display:grid}ul.plain{gap:.5rem;margin:0 0 1rem;padding:0;list-style:none;display:grid}.chips{gap:.4rem;margin-bottom:.5rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.chip{border:1px solid var(--border);background:var(--surface);min-height:40px;color:var(--text);font:inherit;cursor:pointer;border-radius:999px;flex:none;padding:0 1rem}.chip.active{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:700}.log-actions{margin-bottom:1rem}.log-actions .primary{flex:1}.board{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.board-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:.6rem;padding:.6rem .8rem;display:flex}.rank{text-align:center;width:1.8rem;color:var(--accent);font-weight:800}.trend{text-align:center;width:1.2rem;font-size:.8rem}.trend.up{color:var(--success)}.trend.down{color:var(--danger)}.trend.same,.trend.new{color:var(--muted)}.profile{text-align:center;justify-items:center;gap:.5rem;display:grid}.profile .stack{width:100%}.admin-user{gap:.5rem;display:grid}.tag{background:var(--surface-2);color:var(--muted);border-radius:999px;padding:.1rem .45rem;font-size:.7rem}.small{font-size:.78rem}.accent{color:var(--accent)}.user-link{color:inherit}.stat-row{flex-wrap:wrap;justify-content:center;gap:.5rem;width:100%;margin:.25rem 0 .75rem;display:flex}.stat{background:var(--surface-2);border-radius:10px;flex:5rem;gap:.1rem;padding:.5rem;display:grid}.stat strong{color:var(--accent);font-size:1.3rem}.stat span{color:var(--muted);font-size:.72rem}.trophies{grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:.5rem;margin:.5rem 0 0;padding:0;list-style:none;display:grid}.trophy{text-align:center;background:var(--surface-2);border:1px solid #f2a90059;border-radius:12px;align-content:start;justify-items:center;gap:.2rem;padding:.75rem .5rem;display:grid}.trophy strong{font-size:.85rem;line-height:1.2}.trophy-icon{font-size:2rem}.trophy.locked{border-color:var(--border);opacity:.55}.trophy.locked .trophy-icon{filter:grayscale()}.post-achievement{background:linear-gradient(135deg, #f2a9001f, var(--surface) 60%);border-color:#f2a90080}.post-challenge_complete{border-left:4px solid var(--success)}