:root { --bg:#0a0a0a; --fg:#f2f2f2; --muted:#9ca3af; --brand:#00e676; --card:#111; --border:#222 }
* { box-sizing:border-box }
body { margin:0; font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; background:var(--bg); color:var(--fg) }
a { color:var(--brand); text-decoration:none }
header, footer { padding:24px; border-bottom:1px solid var(--border) }
footer { border-top:1px solid var(--border); border-bottom:none; color:var(--muted) }
.container { max-width:960px; margin:0 auto; padding:24px }
.nav a { margin-right:16px }
.card { background:var(--card); padding:16px; border:1px solid var(--border); border-radius:16px; box-shadow:0 8px 24px rgba(0,0,0,.25) }
.grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:16px }
input, textarea, select { width:100%; background:#0f0f0f; color:var(--fg); border:1px solid var(--border); border-radius:12px; padding:10px 12px }
label { display:block; margin:12px 0 6px; color:#cbd5e1 }
button, .btn { background:var(--brand); color:#001b0f; border:0; padding:10px 14px; border-radius:12px; font-weight:600; cursor:pointer }
.badge { display:inline-block; padding:4px 8px; border-radius:999px; background:#0c2; color:#001b0f; font-weight:700; font-size:12px }
.meta { color:var(--muted); font-size:14px }
.hidden-seo { display:none !important }
.table { width:100%; border-collapse:collapse }
.table th, .table td { border-bottom:1px solid var(--border); padding:10px 8px; vertical-align:top }
img.responsive { max-width:100%; height:auto; border-radius:12px }
hr { border:0; border-top:1px solid var(--border); margin:24px 0 }
.actions { display:flex; gap:8px; flex-wrap:wrap }
code.kbd { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, monospace; background:#0d0d0d; padding:2px 6px; border-radius:6px; border:1px solid var(--border) }
.editor-toolbar { display:flex; gap:8px; margin:8px 0 6px }
.editor-toolbar button { background:#1a1a1a; color:#e2e8f0; border:1px solid var(--border) }
.lang-switch { margin: 0 0 16px 0 }
.lang-switch a { margin-right: 10px; }