[hidden]{display:none!important}
:root{
  --bg:#141a1f; --bezel:#1c242b; --panel:#232c34; --panel2:#2c3740; --line:#3a4651;
  --fg:#ece6d9; --mute:#93a0aa; --amber:#f2a53a; --amber-ink:#2a1a04; --cyan:#71c6d4;
  --red:#ea5d52; --green:#8fc46e; --screen:#0d1216; --pink:#ff7ac8;
  --f-disp:'Barlow Condensed','Arial Narrow',sans-serif; --f-body:'Barlow',system-ui,sans-serif; --f-mono:'IBM Plex Mono',ui-monospace,Menlo,monospace;
  color-scheme:dark;
}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--bg);color:var(--fg);font:16px/1.45 var(--f-body);-webkit-tap-highlight-color:transparent}
button,input,select{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:2px solid var(--amber);outline-offset:2px}
a{color:var(--amber)}
.brand{font:700 22px/1 var(--f-disp);letter-spacing:.05em;text-transform:uppercase;display:flex;align-items:center;gap:9px}
.brand i{display:inline-grid;grid-template-columns:repeat(3,7px);gap:1px}
.brand i b{width:7px;height:7px;background:var(--amber)} .brand i b:nth-child(2n){background:#9a6a25}
.brand em{font-style:normal;color:var(--amber)}
.btn{background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:12px 18px;font:600 17px var(--f-disp);letter-spacing:.08em;text-transform:uppercase;color:var(--fg);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.btn.primary{background:var(--amber);border-color:var(--amber);color:var(--amber-ink)}
.btn:disabled{opacity:.45;cursor:default}
.btn.big{padding:16px 22px;font-size:21px;width:100%}
input.txt,select.txt{width:100%;background:var(--screen);border:1px solid var(--line);border-radius:8px;padding:12px 14px;font-size:18px}
input.txt:focus{border-color:var(--amber);outline:none}
.mono{font-family:var(--f-mono)}
.mute{color:var(--mute)}
.card{background:var(--bezel);border:1px solid var(--line);border-radius:10px;padding:18px}
h1,h2,h3{font-family:var(--f-disp);letter-spacing:.03em;margin:0 0 .4em;line-height:1.1}
.lbl{font:600 12px var(--f-disp);letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--panel2);border:1px solid var(--line);padding:10px 16px;border-radius:8px;z-index:50;max-width:90vw}
