:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:#0d1b1e;color:#fff;overflow:hidden}.screen{min-height:100vh;padding:24px}.screen-center{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:12px}.kiosk{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px;position:relative}.qr-code{width:360px;height:360px;background:#fff;border-radius:12px;padding:16px}.qr-placeholder{width:360px;height:360px;border-radius:12px;background:#ffffff1a}.device-form{display:flex;gap:8px;margin-top:16px}.device-form input{font:inherit;padding:10px 12px;border-radius:8px;border:1px solid #555;min-width:260px}.device-form button{font:inherit;padding:10px 16px;border-radius:8px;border:none;background:#1c6e5a;color:#fff;cursor:pointer}.reset-corner{position:absolute;top:12px;right:12px;background:transparent;border:none;color:#fff6;font-size:20px;cursor:pointer}.banner{position:absolute;top:24px;left:50%;transform:translate(-50%);background:#1c6e5a;padding:10px 20px;border-radius:8px;font-weight:600}.error-banner{color:#ff8a80;font-weight:600}