*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:#fff;color:#111;font-family:Noto Sans Thai,system-ui,sans-serif}#root{min-height:100%}.qr-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;background:#fff;padding:0 16px 16px}.statusbar{width:100%;display:flex;gap:12px;align-items:center;font-size:14px;color:#555;padding:10px 4px}.statusbar b{color:#000;font-size:16px}.statusbar .ok{color:#16a34a;margin-left:auto}.statusbar .off{color:#b91c1c;margin-left:auto}.clock-warning{width:100%;background:#dc2626;color:#fff;font-weight:700;padding:14px;border-radius:10px;margin-bottom:8px;font-size:16px}.qr-holder{background:#fff}.qr-holder canvas{display:block}.countdown-track{width:100%;max-width:480px;height:4px;background:#eee;border-radius:999px;overflow:hidden;margin:6px 0 10px}.countdown-fill{height:100%;background:#999;transition:width .25s linear}.backup-code{font-size:64px;font-weight:800;letter-spacing:6px;font-variant-numeric:tabular-nums;color:#000}.backup-hint{color:#666;font-size:15px;margin-top:2px;text-align:center}.actions{display:flex;gap:12px;margin-top:auto;padding-top:18px}.actions button{font-family:inherit;font-size:15px;padding:12px 18px;border:1px solid #ccc;background:#f7f7f7;border-radius:10px;cursor:pointer}.setup{max-width:420px;margin:0 auto;padding:32px 20px;display:flex;flex-direction:column;gap:16px}.setup h1{font-size:22px}.setup p{color:#555}.setup label{display:flex;flex-direction:column;gap:6px;font-weight:600}.setup input{font-size:20px;padding:12px;border:1px solid #bbb;border-radius:10px;font-family:inherit}.setup button{font-size:18px;font-weight:700;padding:14px;background:#111;color:#fff;border:none;border-radius:10px;cursor:pointer}.setup button:disabled{opacity:.4}.setup .err{color:#b91c1c;font-weight:600}.setup .hint{font-size:14px}