:root{--bg:#09090f;--panel:#11111a;--line:#2a2618;--gold:#d4a94a;--gold-2:#f3d38a;--text:#ece7da;--muted:#a59f90;--danger:#e0806b;--ok:#8fc18f;color-scheme:dark}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 ui-serif,Georgia,"Times New Roman",serif;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}
body{min-height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
a{color:var(--gold-2)}
.wrap{max-width:440px;margin:0 auto;padding:48px 20px}
.wide{max-width:1100px}
.mark{display:block;margin:0 auto 18px;width:64px;height:64px;filter:drop-shadow(0 0 10px rgba(212,169,74,.35))}
h1{font-weight:400;letter-spacing:.04em;text-align:center;margin:0 0 4px;font-size:1.6rem}
.sub{text-align:center;color:var(--muted);margin:0 0 28px;font-style:italic}
.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:22px}
label{display:block;font:500 .82rem/1.2 system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:14px 0 6px}
input,select,textarea{width:100%;min-height:44px;padding:10px 12px;border-radius:10px;border:1px solid #3a3424;background:#0c0c13;color:var(--text);font:16px system-ui,sans-serif}
input:focus,select:focus,textarea:focus{outline:2px solid var(--gold);outline-offset:1px}
button{min-height:44px;padding:10px 16px;border-radius:10px;border:1px solid var(--gold);background:linear-gradient(180deg,#d4a94a,#b98d34);color:#16120a;font:600 .95rem system-ui,sans-serif;cursor:pointer}
button.ghost{background:transparent;color:var(--gold-2)}
button.danger{background:transparent;border-color:var(--danger);color:var(--danger)}
button:active{transform:translateY(1px);opacity:.9}
button[disabled]{opacity:.5}
.full{width:100%;margin-top:20px}
.msg{min-height:1.4em;margin-top:12px;font:.9rem system-ui,sans-serif}
.msg.err{color:var(--danger)}.msg.ok{color:var(--ok)}
.tabs{display:flex;gap:8px;margin-bottom:6px}
.tabs button{flex:1;background:transparent;color:var(--muted);border-color:var(--line)}
.tabs button[aria-selected=true]{color:var(--gold-2);border-color:var(--gold)}
.foot{text-align:center;color:var(--muted);font:.8rem system-ui,sans-serif;margin-top:22px}
table{width:100%;border-collapse:collapse;font:.9rem system-ui,sans-serif}
th,td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line);vertical-align:middle}
th{color:var(--muted);font-weight:500}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:end}
.row>*{flex:1 1 180px}
.row>button{flex:0 0 auto}
.actions{display:flex;gap:6px;flex-wrap:wrap}
.actions button{min-height:44px;padding:6px 10px;font-size:.82rem}
section{margin-bottom:28px}
h2{font-weight:400;color:var(--gold-2);letter-spacing:.03em;border-bottom:1px solid var(--line);padding-bottom:6px}
.pill{display:inline-block;padding:2px 8px;border-radius:999px;border:1px solid var(--line);font-size:.75rem;color:var(--muted)}
.pill.admin{color:var(--gold-2);border-color:var(--gold)}.pill.banned{color:var(--danger);border-color:var(--danger)}
.secret{font-family:ui-monospace,monospace;word-break:break-all;background:#0c0c13;border:1px dashed var(--gold);padding:10px;border-radius:8px}
dialog{background:var(--panel);color:var(--text);border:1px solid var(--gold);border-radius:14px;max-width:440px;width:calc(100% - 32px)}
dialog::backdrop{background:rgba(0,0,0,.6)}
.scroll{overflow-x:auto;overscroll-behavior:contain}
@media (hover:hover) and (pointer:fine){button:hover{filter:brightness(1.08)}a:hover{color:var(--gold)}}
@media (max-width:640px){
  dialog{margin:auto 0 0;width:100%;max-width:none;border-radius:16px 16px 0 0;padding-bottom:calc(16px + env(safe-area-inset-bottom))}
  table.users thead{display:none}
  table.users tr{display:block;border-bottom:1px solid var(--line);padding:8px 0}
  table.users td{display:block;border:0;padding:4px 0}
}