:root{--radius:16px}*{box-sizing:border-box}body,html{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica Neue,Arial,Apple Color Emoji,Segoe UI Emoji;background:#fafafa;color:#111}a{color:inherit;text-decoration:none}.container{max-width:960px;margin:0 auto;padding:24px}.card{border-radius:var(--radius);box-shadow:0 4px 16px rgba(0,0,0,.06);padding:16px}.btn,.card{background:#fff}.btn{border:1px solid #ddd;padding:10px 14px;border-radius:12px;cursor:pointer}.input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid #ddd}.grid{display:grid;grid-gap:16px;gap:16px}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.badge{font-size:12px;border:1px solid #eee;padding:4px 8px;border-radius:999px;background:#f4f4f5}nav{display:flex;gap:12px;align-items:center;padding:12px 0}nav a{padding:8px 12px;border-radius:10px}nav a.active,nav a:hover{background:#efefef}footer{color:#666;font-size:12px;padding:24px 0}hr{border:none;border-top:1px solid #eee;margin:16px 0}label{font-weight:600;font-size:14px}small.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;color:#666}@media (prefers-color-scheme:dark){body{background:#0b0b0c;color:#f4f4f5}.card{background:#141416;border:1px solid #1f1f22}.btn,.input{background:#0f0f12;color:#f4f4f5;border-color:#2a2a2e}nav a.active,nav a:hover{background:#1a1a1e}}