.auth-page{min-width:360px;background:radial-gradient(ellipse at 75% 20%,#00391c55,transparent 55%),#080808;min-height:100vh}.auth-nav{max-width:1280px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:24px 36px}.auth-nav nav{display:flex;gap:20px;align-items:center;font-size:12px}.primary-link{display:inline-flex;align-items:center;justify-content:center;background:var(--green);color:#00230e;padding:14px 22px;border-radius:7px;font-weight:600;border:0}.auth-card{max-width:440px;margin:45px auto;padding:32px}.auth-card h1{font-size:28px;margin:15px 0 10px}.auth-card p{color:var(--muted);line-height:1.7;font-size:12px}.auth-card label{display:block;margin:20px 0 8px;font-size:11px;color:#cad4cc}.auth-card input{font:14px Sora,sans-serif;background:#080b09;border:1px solid #ffffff25;border-radius:6px;padding:13px;width:100%;color:var(--text)}.auth-card button{width:100%;margin-top:24px}.auth-card .auth-switch{text-align:center;margin-top:22px}.auth-switch a{color:var(--green)}.form-error{color:#ff6a84!important;min-height:20px}.account-link{font-size:10px;color:var(--green);background:transparent;border:1px solid var(--border);padding:7px 10px;border-radius:5px}@media(max-width:800px){.auth-nav{padding:20px}.auth-card{margin:24px 16px}}

[hidden]{display:none!important}
@media(min-width:1000px){.topbar-right{gap:8px}}

@media(max-width:1150px){.topbar-right>.muted{display:none}.topbar{gap:14px}}

/* Eight database-backed coin buttons fit across a laptop header. */
@media(min-width:1000px){.topbar{gap:16px}.topbar .coin-picker{gap:2px}.topbar .coin-button{padding:6px;gap:5px;font-size:9px}.topbar .coin-button img{width:21px;height:21px}.topbar .brand{font-size:18px}}
@media(max-width:1200px){.topbar .coin-button span{display:none}.topbar .coin-button{padding:7px}.topbar-right>.muted{display:none}}

.logout-control{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;cursor:pointer;font-size:12px;white-space:nowrap}
.logout-control svg{width:18px;height:18px;flex-shrink:0}
.logout-control:hover{background:var(--raised);border-color:var(--green)}
.logout-control:focus-visible{outline:2px solid var(--green);outline-offset:3px}
.logout-control:disabled{opacity:.6;cursor:wait}
#account-status{color:var(--red);font-size:12px;text-align:center}
#account-status:empty{display:none}

.auth-secret-field{position:relative}.auth-card .auth-secret-field input{padding-right:74px}.auth-card .auth-secret-field .secret-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:auto;margin:0;padding:7px 9px;border:0;border-radius:4px;background:transparent;color:var(--green);font-size:12px}.secret-toggle:focus-visible{outline:2px solid var(--cyan);outline-offset:1px}