@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--background: hsl(0 0% 100%);--foreground: hsl(0 0% 4%);--card: hsl(0 0% 100%);--border: hsl(0 0% 86%);--muted: hsl(0 0% 45%);--primary: hsl(0 0% 7%);--primary-foreground: hsl(0 0% 98%);--secondary: hsl(0 0% 96%);--secondary-foreground: hsl(0 0% 10%);--danger: hsl(0 65% 42%)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:Inter,system-ui,sans-serif;color:var(--foreground);background:radial-gradient(circle at top right,hsl(0 0% 95%),transparent 35%),radial-gradient(circle at bottom left,hsl(0 0% 94%),transparent 40%),var(--background)}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--border);background:#ffffffbf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.brand{font-weight:700;letter-spacing:.03em}.nav-tabs{display:flex;gap:.45rem}.tab{border:1px solid var(--border);border-radius:999px;padding:.35rem .8rem;font-size:.9rem;color:var(--muted)}.tab-active{color:var(--foreground);background:var(--secondary)}.page-shell{flex:1;width:min(100%,980px);margin:0 auto;padding:2rem 1rem 3rem;display:grid;place-items:center}.card{width:min(100%,640px);border:1px solid var(--border);border-radius:16px;background:var(--card);padding:1.25rem;box-shadow:0 20px 50px #0000000f}.headline{margin:0;font-size:clamp(1.35rem,1.9vw,1.7rem)}.muted{color:var(--muted);margin:.65rem 0 1rem}.button{border:1px solid var(--border);border-radius:10px;padding:.66rem 1rem;font-size:.95rem;font-weight:600;cursor:pointer}.button:disabled{opacity:.55;cursor:not-allowed}.button-primary{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.button-secondary{background:var(--secondary);color:var(--secondary-foreground)}.host-card{text-align:center}.otp-container{display:grid;justify-items:center;gap:.8rem}.qr-wrap{display:grid;place-items:center;background:#fff;border:1px solid var(--border);border-radius:14px;padding:.9rem}.otp-text{display:inline-block;width:100%;max-width:560px;border:1px dashed var(--border);border-radius:10px;padding:.6rem;font-size:.88rem;word-break:break-all}.inline-code{display:inline-block;border:1px solid var(--border);border-radius:999px;padding:.35rem .85rem;font-size:.85rem;background:var(--secondary)}.camera-wrap{margin-top:1rem;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:#000}.camera-preview{width:100%;max-height:420px;display:block;object-fit:cover}.hidden-canvas{display:none}.button-row{display:flex;justify-content:center}.error{margin-top:.9rem;color:var(--danger)}.jwt-box{border:1px dashed var(--border);background:var(--secondary);border-radius:12px;padding:.8rem;margin-top:1rem}.jwt-box code{display:inline-block;max-width:100%;word-break:break-all}@media(max-width:640px){.card{padding:1rem}.topbar{padding-inline:.8rem}}