:root{--bg:#0b0d10;--fg:#e6e9ef;--muted:#9da3af;--primary:#7c3aed;--card:#111418;--border:#1f2430}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial}
a{color:var(--fg)}
.container{max-width:880px;margin:0 auto;padding:24px}
.header{display:flex;align-items:center;gap:14px}
.logo img{height:24px;display:block;filter:drop-shadow(0 1px 0 rgba(0,0,0,.3))}
.muted{color:var(--muted)}
.btn{display:inline-block;padding:8px 14px;border:1px solid var(--border);border-radius:8px;text-decoration:none}
.btn.primary{background:var(--primary);color:#fff;border-color:transparent}
.card{background:var(--card);padding:16px;border:1px solid var(--border);border-radius:10px}
textarea{width:100%;padding:10px;border-radius:8px;border:1px solid var(--border);background:#0d1014;color:var(--fg)}
.list{list-style:none;padding:0;margin:0}
.list li{padding:6px 0;border-bottom:1px dashed var(--border)}
header h1 a{text-decoration:none}
footer{margin-top:32px;font-size:14px}
.footer{display:flex;justify-content:center}

/* Centered error page */
.error-page{min-height:60vh;display:flex;align-items:center;justify-content:center;text-align:center}
.error-box{padding:32px;border:1px solid var(--border);border-radius:12px;background:var(--card)}
.error-code{font-size:56px;margin:0 0 8px}
.error-logo{height:48px;margin-bottom:12px;opacity:.9}