:root{--bg:#0d0e14;--surface:#161824;--fg:#eceef6;--muted:#9aa0b8;--line:#2a2e40;--accent:#9d8cff;--accent2:#e0a54e;
--f-display:"Helvetica Neue",Arial,system-ui,sans-serif;--f-body:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--f-mono:ui-monospace,Menlo,Consolas,monospace}
*{box-sizing:border-box}
html{color-scheme:dark}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--f-body);font-size:16px;line-height:1.6}
a{color:var(--fg)}
.wrap{max-width:1080px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
nav.top{display:flex;justify-content:space-between;align-items:center;padding:20px 0}
nav.top .logo{font-family:var(--f-display);font-weight:800;letter-spacing:.18em;text-decoration:none;font-size:18px}
nav.top ul{display:flex;gap:20px;list-style:none;margin:0;padding:0;font-size:14px}
nav.top ul a{text-decoration:none;color:var(--muted)}
nav.top ul a:hover{color:var(--fg)}
@media (max-width:560px){nav.top ul{gap:12px;font-size:13px}}
.hero{padding:72px 0 64px;border-bottom:1px solid var(--line)}
.eyebrow{font-family:var(--f-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
h1{font-family:var(--f-display);font-weight:800;font-size:clamp(44px,9vw,104px);line-height:.95;letter-spacing:-.02em;margin:12px 0 20px}
.hero p{max-width:60ch;color:var(--muted);font-size:18px;margin:0}
section{padding:56px 0;border-bottom:1px solid var(--line)}
h2{font-family:var(--f-display);font-size:28px;margin:0 0 24px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:20px;display:grid;gap:8px}
.card h3{font-family:var(--f-display);margin:0;font-size:20px}
.card p{margin:0;color:var(--muted);font-size:14.5px}
.card .meta{font-family:var(--f-mono);font-size:12px;color:var(--accent2)}
.feed{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.post{background:var(--surface);border:1px solid var(--line);border-radius:8px;overflow:hidden;display:grid}
.post img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;background:#222}
.post .body{padding:16px;display:grid;gap:8px}
.post .body p{margin:0;font-size:14.5px}
.post .src{font-family:var(--f-mono);font-size:12px;color:var(--muted);display:flex;justify-content:space-between}
.empty{color:var(--muted)}
.note{font-size:13px;color:var(--muted);margin-top:16px}
footer{padding:32px 0 48px;font-size:14px;color:var(--muted);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}
footer a{color:var(--muted)}
.legal h1{font-size:clamp(36px,6vw,56px)}
.legal h2{font-size:20px;margin:32px 0 8px}
.legal p,.legal li{color:#cfd3e2;max-width:72ch}