:root{
  --orange:#E8751A;--orange-2:#F4923F;--orange-soft:#FCEEE2;--orange-deep:#A8530F;
  --ink:#171717;--muted:#6B6B6B;--soft:#9C9C9C;--line:#ECEAE6;--line2:#F5F3F0;
  --bg:#FFFFFF;--panel:#FBFAF8;--green:#1FA463;--g-bg:#E6F6EE;--red:#DC4B4B;--r-bg:#FCEAEA;--s-bg:#EEF1F6;--slate:#64708A;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'DM Sans',system-ui,sans-serif;background:
  radial-gradient(1100px 500px at 50% -10%,var(--orange-soft),transparent 60%),var(--panel);
  color:var(--ink);-webkit-font-smoothing:antialiased;min-height:100vh}
button,input,select{font-family:inherit}
button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
.syne{font-family:'Syne','DM Sans',sans-serif}
.mono{font-family:'Space Mono',ui-monospace,monospace}
.wrap{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:22px}
.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px 26px 22px;width:min(420px,94vw);box-shadow:0 18px 50px rgba(23,23,23,.07)}
.brand{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.brand .dot{width:32px;height:32px;border-radius:50%;background:var(--orange);display:flex;align-items:center;justify-content:center;color:#fff;font-family:'Syne';font-weight:800}
.brand b{font-family:'Syne';font-weight:800;font-size:19px;letter-spacing:-.02em}
h1{font-family:'Syne';font-weight:800;font-size:22px;letter-spacing:-.02em;line-height:1.15}
.sub{font-size:13.5px;color:var(--muted);margin:6px 0 20px}
.fld{margin-bottom:13px}
.fld label{display:block;font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--soft);font-weight:700;margin-bottom:6px}
.fld input,.fld select{width:100%;border:1px solid var(--line);border-radius:10px;padding:11px 13px;font-size:15px;background:#fff;color:var(--ink)}
.fld input.pin{font-family:'Space Mono';font-size:20px;text-align:center;letter-spacing:.4em;text-transform:uppercase}
.cta{width:100%;border:none;border-radius:11px;background:linear-gradient(135deg,var(--orange),var(--orange-2));color:#fff;font-family:'Syne';font-weight:700;font-size:15px;padding:13px;cursor:pointer;margin-top:4px}
.cta:hover{filter:brightness(1.05)}
.cta:disabled{opacity:.55;cursor:wait}
.err{font-size:12.5px;color:var(--red);min-height:17px;margin-top:9px}
.foot{font-family:'Space Mono';font-size:10px;color:var(--soft);margin-top:18px;text-align:center;line-height:1.8}
.live{display:inline-flex;align-items:center;gap:7px;font-family:'Space Mono';font-size:10.5px;font-weight:700;color:var(--green);background:var(--g-bg);padding:5px 11px;border-radius:20px}
.live .d{width:7px;height:7px;border-radius:50%;background:var(--green);animation:blink 1.4s infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.25}}
.caps{background:#fff;border:1px solid var(--line);border-left:4px solid var(--orange);border-radius:0 14px 14px 0;padding:14px 16px;margin-top:16px;min-height:84px}
.caps .cap{font-size:10.5px;color:var(--soft);font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px}
.caps .l1{font-size:13px;color:var(--muted);line-height:1.45}
.caps .l2{font-size:15px;font-weight:500;margin-top:5px;line-height:1.45}
.bar{display:flex;gap:9px;margin-top:16px;flex-wrap:wrap}
.btn{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 14px;font-size:13.5px;font-weight:600;cursor:pointer}
.btn:hover{border-color:var(--soft)}
.btn.danger{color:var(--red);border-color:#F4C9C9}
.btn.danger:hover{background:var(--r-bg)}
.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;font-size:12.5px;padding:10px 16px;border-radius:9px;opacity:0;transition:.2s;z-index:80;pointer-events:none}
.toast.show{opacity:1}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}