:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#09111f;--panel:#121d30;--ink:#f6f8fb;--muted:#93a4bc;--accent:#56d6b0}*{box-sizing:border-box}body{background:radial-gradient(circle at top,#172541,var(--bg) 45%);color:var(--ink);min-height:100vh;margin:0;font:16px system-ui}header,main,nav{max-width:900px;margin:auto}header{justify-content:space-between;padding:24px 20px;display:flex}.badge{color:var(--accent)}main{padding:30px 20px 100px}h1{margin:.3em 0;font-size:clamp(2rem,7vw,4rem)}.muted,.empty{color:var(--muted)}.grid{grid-template-columns:repeat(3,1fr);gap:14px;margin:32px 0;display:grid}.grid article,.panel,.empty{background:color-mix(in srgb,var(--panel) 90%,transparent);border:1px solid #263955;border-radius:18px;padding:22px}.grid b{font-size:2rem;display:block}.grid span{color:var(--muted)}.button,button{background:var(--accent);color:#07120f;border:0;border-radius:12px;padding:13px 20px;font-weight:700;text-decoration:none;display:inline-block}nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0c1626e8;justify-content:space-around;padding:14px;display:flex;position:fixed;bottom:0;left:0;right:0}nav a{color:var(--muted);text-decoration:none}form{gap:18px;display:grid}label{gap:8px;display:grid}input,textarea{background:var(--panel);color:var(--ink);border:1px solid #334867;border-radius:12px;padding:14px}.panel{grid-template-columns:140px 1fr;gap:16px;display:grid}.panel span{color:var(--muted)}@media (max-width:650px){.grid,.panel{grid-template-columns:1fr}.panel span{margin-bottom:10px}}