:root{--navy: #0a0f1e;--navy-2: #10182e;--navy-3: #16203a;--gold: #c9a84c;--gold-soft: #c9a84c33;--ink: #e8eaf0;--muted: #7a8199;--ok: #4caf7d;--bad: #e0685f}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:radial-gradient(120% 100% at 50% 0%,#16203a 0%,var(--navy) 55%);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,sans-serif;-webkit-font-smoothing:antialiased}.app{max-width:460px;margin:0 auto;min-height:100%;padding:24px 20px 48px;display:flex;flex-direction:column}.logo{display:flex;align-items:center;gap:10px;margin-bottom:28px}.logo img{width:34px;height:34px}.logo b{color:var(--gold);letter-spacing:1.5px;font-size:15px}h1{font-size:24px;margin:0 0 6px}h2{font-size:18px;margin:0 0 4px}.sub{color:var(--muted);font-size:14px;margin:0 0 24px;line-height:1.5}.card{background:var(--navy-2);border:1px solid var(--gold-soft);border-radius:18px;padding:20px;margin-bottom:14px}.field{margin-bottom:14px}.field label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}.field input{width:100%;background:var(--navy-3);border:1px solid var(--gold-soft);color:var(--ink);border-radius:12px;padding:14px;font-size:16px;outline:none}.field input:focus{border-color:var(--gold)}.field input:disabled{color:var(--muted)}.btn{width:100%;background:var(--gold);color:#1a1405;border:none;border-radius:14px;padding:16px;font-size:16px;font-weight:700;cursor:pointer;transition:transform .08s,opacity .2s}.btn:active{transform:scale(.985)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.ghost{background:transparent;color:var(--gold);border:1px solid var(--gold-soft)}.btn.danger{background:transparent;color:var(--bad);border:1px solid #e0685f55}.btn.danger.solid{background:var(--bad);color:#2a0d0a;border:none}.row{display:flex;gap:10px}.row .btn{flex:1}.steps{display:flex;gap:6px;margin-bottom:22px}.steps i{flex:1;height:4px;border-radius:2px;background:var(--navy-3)}.steps i.on{background:var(--gold)}.pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:5px 10px;border-radius:999px;background:var(--navy-3);color:var(--muted)}.pill.ok{color:var(--ok)}.pill.bad{color:var(--bad)}.center{text-align:center}.spacer{flex:1}.mono{font-family:ui-monospace,Menlo,monospace;letter-spacing:1px}.big{font-size:30px;font-weight:800;color:var(--gold)}.list-item{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid var(--gold-soft);cursor:pointer}.list-item:last-child{border-bottom:none}.list-item .arrow{color:var(--gold)}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%);background:var(--navy-3);border:1px solid var(--gold-soft);color:var(--ink);padding:12px 18px;border-radius:12px;font-size:14px;max-width:90%}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#000a;display:flex;align-items:flex-end;justify-content:center;z-index:50}.modal{background:var(--navy-2);border:1px solid var(--gold-soft);border-radius:20px 20px 0 0;padding:24px;width:100%;max-width:460px}.qr-img{width:180px;height:180px;border-radius:14px}.reveal{animation:pop .6s cubic-bezier(.2,.9,.2,1.2)}@keyframes pop{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.spin{width:38px;height:38px;border:3px solid var(--navy-3);border-top-color:var(--gold);border-radius:50%;animation:r 1s linear infinite;margin:24px auto}@keyframes r{to{transform:rotate(360deg)}}pre{background:var(--navy);border:1px solid var(--gold-soft);border-radius:12px;padding:14px;font-size:11px;overflow-x:auto;color:#b9c2dc}a{color:var(--gold)}