:root{color-scheme:dark;font-family:Segoe UI,Arial,sans-serif;background:#101925;color:#f6f9ff}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle at top,#20334c,#101925 70%)}main{width:min(1024px,94vw);text-align:center;padding:32px 20px}h1{font-weight:600;letter-spacing:.02em;font-size:clamp(2.4rem,4vw,3.5rem);margin:0 0 20px}h2{font-size:clamp(1.5rem,2.8vw,2.25rem);font-weight:500;margin:20px 0}p{font-size:clamp(1.05rem,1.7vw,1.45rem);color:#c9d5e6;line-height:1.55}.mark{height:70px;width:70px;border:2px solid #46627f;border-radius:20px;margin:0 auto 22px;display:flex;align-items:center;justify-content:center;font-size:36px}.code{font-family:Consolas,monospace;font-variant-numeric:tabular-nums;letter-spacing:.08em;word-break:break-word;font-size:clamp(1.5rem,3.15vw,2.9rem);padding:28px 22px;margin:26px auto;border:1px solid #526984;border-radius:15px;background:#223348;max-width:920px}.hint{font-size:clamp(1rem,1.3vw,1.2rem);color:#aebfd3}.error{color:#ffc2c2}.chip{display:inline-block;border-radius:99px;padding:8px 16px;border:1px solid #556b82;color:#cdd9eb}a{color:#bbdaff}#code-container[hidden],#active-container[hidden],#wait-container[hidden]{display:none}