:root{--bg: #0f172a;--fg: #e2e8f0;--muted: #94a3b8;--accent: #22d3ee}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background:var(--bg);color:var(--fg)}.container{min-height:100dvh;display:grid;grid-template-rows:auto 1fr}.navbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #1f2937;background:#0b1220;position:sticky;top:0;z-index:10}.brand{font-weight:700;letter-spacing:.3px}nav{display:flex;gap:12px}.link{text-decoration:none;color:var(--muted);padding:6px 10px;border-radius:8px}.link:hover{color:var(--fg);background:#0d1b2a}.link.active{color:#0f172a;background:var(--accent);font-weight:600}.content{max-width:920px;margin:0 auto;padding:20px}section h1{margin:0 0 12px}.card{border:1px solid #1f2937;background:#0b1220;padding:16px;border-radius:12px;margin:16px 0}.row{display:flex;gap:8px}button{border:none;padding:8px 12px;border-radius:10px;background:var(--accent);color:#0f172a;font-weight:700;cursor:pointer}button:hover{filter:brightness(.95)}.list{list-style:none;padding:0;margin:12px 0;display:grid;gap:10px}.list-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border:1px solid #1f2937;border-radius:10px;background:#0b1220}.pill{background:#111827;color:var(--fg);padding:4px 10px;border-radius:999px;border:1px solid #1f2937}