:root{--bg:#14161c;--card:#1d212b;--fg:#e6e8ee;--muted:#8b93a7;--acc:#c9a24b;--err:#e0645f}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:15px/1.5 system-ui,sans-serif}
.topbar{padding:12px 20px;border-bottom:1px solid #262b36;background:#181b22}
.brand{color:var(--acc);text-decoration:none;font-weight:700;letter-spacing:.5px}
.wrap{max-width:640px;margin:32px auto;padding:0 16px}
h1{margin:0 0 16px;font-size:24px}
h2{margin:0 0 12px;font-size:16px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}
.card{background:var(--card);border:1px solid #262b36;border-radius:12px;padding:20px;margin:0 0 20px}
form.card label{display:block;margin:0 0 14px}
input{display:block;width:100%;margin-top:4px;padding:10px;border:1px solid #333a48;border-radius:8px;background:#11141a;color:var(--fg)}
button{padding:10px 18px;border:0;border-radius:8px;background:var(--acc);color:#1a1a1a;font-weight:600;cursor:pointer}
button.ghost{background:transparent;border:1px solid #333a48;color:var(--muted)}
.err{color:var(--err)}
.muted{color:var(--muted)}
a{color:var(--acc)}
.profile-head{display:flex;justify-content:space-between;align-items:center}
.bars{display:flex;gap:10px;margin-bottom:12px;flex-wrap:wrap}
.bar{padding:6px 12px;border-radius:8px;background:#11141a;font-variant-numeric:tabular-nums}
.bar span{color:var(--muted);margin-right:6px;font-size:12px}
.bar.hp{border-left:3px solid #e0645f}.bar.mp{border-left:3px solid #5f8fe0}.bar.en{border-left:3px solid #6bcf6b}
table.skills{width:100%;border-collapse:collapse}
table.skills td{padding:6px 0;border-bottom:1px solid #262b36}
table.skills .lvl{color:var(--acc);text-align:right;width:70px}
table.skills .muted{text-align:right;width:80px;font-size:13px}