:root{--bg: #f8fafc;--fg: #0f172a;--muted: #64748b;--line: #e2e8f0;--brand: #0f766e;--danger: #b91c1c;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;background:var(--bg);color:var(--fg)}.setup{min-height:100%;display:grid;place-items:center;padding:24px}.card{width:100%;max-width:400px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:0 4px 24px #0f172a0f}.card h1{margin:0 0 8px;font-size:1.35rem}.hint{margin:0 0 24px;color:var(--muted);font-size:.9rem;line-height:1.5}.card label{display:block;margin-bottom:6px;font-size:.85rem;font-weight:600}.card input{width:100%;padding:11px 13px;margin-bottom:18px;font-size:1rem;border:1px solid var(--line);border-radius:9px;background:#fff;color:inherit}.card input:focus{outline:2px solid var(--brand);outline-offset:1px;border-color:transparent}.card button[type=submit]{width:100%;padding:12px;font-size:1rem;font-weight:600;color:#fff;background:var(--brand);border:0;border-radius:9px;cursor:pointer}.card button[type=submit]:disabled{opacity:.6;cursor:default}.error{margin-bottom:16px;padding:10px 12px;font-size:.875rem;color:var(--danger);background:#fef2f2;border:1px solid #fecaca;border-radius:8px}.display{height:100%;display:grid;grid-template-rows:auto 1fr auto;padding:16px 20px 24px}.display header{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:.85rem}.display .device{font-weight:600;color:var(--fg)}.display .link{background:none;border:0;color:var(--muted);font-size:.8rem;text-decoration:underline;cursor:pointer}.display main{display:grid;place-items:center;min-height:0}.qr-card{padding:clamp(12px,2vmin,24px);background:#fff;border:1px solid var(--line);border-radius:20px}.qr-card img{display:block;width:min(70vmin,620px);height:min(70vmin,620px);image-rendering:pixelated}.placeholder{color:var(--muted);font-size:1.1rem}.display footer{text-align:center;font-size:.95rem;color:var(--muted)}.error-text{color:var(--danger);font-weight:500}