*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow-x:hidden;overflow-y:auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;color:#e0e0e0;background:#ff4500}#app{width:100%;padding:10px}.page{width:100%;padding:0}.input{width:100%;max-width:300px;height:40px;border:2px solid #fff;border-radius:6px;background:#2a2a4a;color:#fff;font-size:16px;padding:0 10px;margin-bottom:8px;outline:none;transition:border-color .2s;display:block}.input:focus{border-color:#5b8def}.input::placeholder{color:#7a7a9a}.btn{width:100%;max-width:300px;height:40px;border:none;border-radius:6px;background:#fff;color:#ff4500;font-size:16px;font-weight:700;cursor:pointer;margin-top:8px;display:block;transition:opacity .2s,transform .1s}.btn:active{transform:scale(.96);opacity:.9}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn--secondary{background:linear-gradient(135deg,#4a4a6a,#3a3a5c)}.qr-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.qr-img{width:80vmin;height:80vmin;max-width:280px;max-height:280px;border-radius:12px;background:#fff;padding:8px;object-fit:contain}.status-text{font-size:13px;color:#aaa;text-align:center}.countdown{font-size:12px;color:#5b8def;font-weight:500}.error-text{font-size:13px;color:#ef5b5b;text-align:center;margin-bottom:12px}.spinner{width:36px;height:36px;border:3px solid #3a3a5c;border-top-color:#5b8def;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}