:root{--bg:#0d0b09;--panel:#1a1511;--panel2:#241d17;--gold:#c9a24b;--gold-d:#8a6d2b;--text:#d9cfbd;--muted:#948a78;--bad:#b5473d;--good:#6fa05a}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(ellipse at top,#1d1710 0,var(--bg) 60%) fixed;color:var(--text);font:16px/1.5 Georgia,"Times New Roman",serif}
a{color:var(--gold);text-decoration:none}a:hover{color:#f0d68a}
.top{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;padding:14px 24px;background:linear-gradient(#2a2119,#14100c);border-bottom:2px solid var(--gold-d);box-shadow:0 2px 12px #000}
.brand{font-size:1.5rem;color:var(--gold);letter-spacing:.08em;text-transform:uppercase;text-shadow:0 0 8px #000}
.brand small{display:block;font-size:.7rem;color:var(--muted);letter-spacing:.15em}
.crest{margin-right:6px}
nav a{margin-left:18px;text-transform:uppercase;letter-spacing:.1em;font-size:.9rem}
main{max-width:900px;margin:24px auto;padding:0 16px}
.panel{background:linear-gradient(var(--panel2),var(--panel));border:1px solid var(--gold-d);border-radius:3px;padding:16px 22px;margin-bottom:18px;box-shadow:inset 0 0 0 1px #000,0 4px 14px #000a}
.panel h2{margin:0 0 10px;color:var(--gold);font-weight:normal;letter-spacing:.06em;border-bottom:1px solid var(--gold-d);padding-bottom:6px}
.narrow{max-width:460px}
label{display:block;margin:10px 0;color:var(--muted);font-size:.9rem}
input{display:block;width:100%;margin-top:4px;padding:8px 10px;background:#0f0c09;border:1px solid var(--gold-d);color:var(--text);font:inherit;border-radius:2px}
input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 6px #c9a24b66}
button{margin-top:8px;padding:9px 22px;cursor:pointer;color:#1a1208;font:inherit;text-transform:uppercase;letter-spacing:.08em;background:linear-gradient(#e0bd66,#9b7a2e);border:1px solid #5c4515;border-radius:2px}
button:hover{background:linear-gradient(#f0d68a,#b08a35)}
.msg{min-height:1.4em;margin:8px 0 0}.msg.ok{color:var(--good)}.msg.bad{color:var(--bad)}
.muted{color:var(--muted)}
table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:6px 8px;border-bottom:1px solid #3a2f22}th{color:var(--gold)}
footer{text-align:center;color:var(--muted);font-size:.8rem;padding:24px}
[hidden]{display:none!important}

.show-pw { display: block; margin: .3rem 0; font-size: .9em; }
.show-pw input { width: auto; margin-right: .4rem; }
.notice { border-left: 4px solid #4a8; }

.btn{display:inline-block;padding:9px 22px;color:#1a1208;text-transform:uppercase;letter-spacing:.08em;background:linear-gradient(#e0bd66,#9b7a2e);border:1px solid #5c4515;border-radius:2px}
.btn:hover{color:#1a1208;background:linear-gradient(#f0d68a,#b08a35)}
.muted{color:var(--muted);font-size:.9rem}
ul.plain{list-style:none;margin:0 0 10px;padding:0}ul.plain li{padding:4px 0}
.hash{word-break:break-all;font-size:.85rem}

.hright{display:flex;align-items:center;gap:16px}
.srv{display:inline-flex;align-items:center;gap:8px;font-size:.9rem;text-transform:uppercase;letter-spacing:.1em;color:var(--gold);background:#0f0c09;border:1px solid var(--gold-d);border-radius:999px;padding:4px 12px;cursor:default;white-space:nowrap}
.srv .dot{flex:none;width:15px;height:15px;border-radius:50%;background:#777;box-shadow:0 0 0 1px #0006}
.srv b{font-weight:bold;min-width:1ch;text-align:left}
.srv.up .dot{background:#3fb950;box-shadow:0 0 8px 2px #3fb95099}
.srv.down .dot{background:#d1453b;box-shadow:0 0 6px 1px #d1453b66}
.srv.unk .dot{background:#777;box-shadow:none}
@media (max-width:600px){.hright{flex-wrap:wrap;gap:8px}}
.news{padding:8px 0;border-bottom:1px solid #3a2f22}.news:last-child{border-bottom:0}
.news time{color:var(--muted);font-size:.8rem}.news h3{margin:2px 0 4px;font-size:1.05rem;color:var(--text)}.news p{margin:0 0 4px;white-space:pre-line}
ol.steps{margin:0 0 12px;padding-left:1.6em}ol.steps>li{padding:8px 0}
ol.steps .stepbtns{margin:8px 0 2px}ol.steps .stepbtns .btn{margin:0 8px 6px 0}
ol.steps p.small{font-size:.8rem;margin:6px 0 0}
.btn.small{padding:4px 12px;font-size:.78rem;margin-left:8px;vertical-align:middle}