:root{color-scheme:dark;--bg: #0a0a0a;--surface: #141414;--border: #2a2a2a;--text: #f5f5f5;--text-muted: #8a8a8a;--accent: #4ade80;--error: #ef4444}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,system-ui,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}.page{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4vh 4vw;gap:4vh}.brand{font-size:14px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted)}.heading{font-size:clamp(20px,3vw,32px);font-weight:600;margin:0;text-align:center;color:var(--text)}.subheading{font-size:clamp(14px,1.6vw,18px);color:var(--text-muted);margin:0;text-align:center}.qr-frame{width:min(72vmin,720px);aspect-ratio:1 / 1;background:#fff;padding:5vmin;border-radius:24px;box-shadow:0 0 0 1px var(--border)}.qr-frame canvas,.qr-frame img{display:block;width:100%;height:100%;image-rendering:pixelated}.code-label{display:flex;flex-direction:column;align-items:center;gap:8px}.code-mono{font-family:SF Mono,JetBrains Mono,ui-monospace,monospace;font-size:clamp(18px,2vw,28px);letter-spacing:.08em;color:var(--text)}.code-meta{font-size:13px;color:var(--text-muted)}.error{max-width:520px;padding:24px;background:var(--surface);border:1px solid var(--error);border-radius:12px;text-align:center}.error h2{margin:0 0 8px;font-size:18px;color:var(--error)}.error p{margin:0;font-size:14px;color:var(--text-muted)}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}