:root{color:#eef2ff;background:#080b12;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #eef2ff;--muted: #929bb2;--panel: rgba(18, 24, 40, .88);--line: rgba(148, 163, 184, .18);--violet: #a78bfa;--violet-bright: #c4b5fd;--cyan: #67e8f9;--danger: #fb7185}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100dvh;background:radial-gradient(circle at 15% 5%,rgba(91,33,182,.18),transparent 34rem),radial-gradient(circle at 92% 90%,rgba(8,145,178,.11),transparent 30rem),#080b12}button,canvas{touch-action:none}button{font:inherit}.boot,.status-page,.sso-shell,.home-shell{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:max(2rem,env(safe-area-inset-top)) 1.25rem max(2rem,env(safe-area-inset-bottom))}.boot{gap:1.5rem}.brand-mark{font-size:1.05rem;font-weight:720;letter-spacing:-.025em;white-space:nowrap}.brand-mark span{color:var(--violet-bright)}.spinner{width:1.65rem;height:1.65rem;display:inline-block;border:2px solid rgba(196,181,253,.2);border-top-color:var(--violet-bright);border-radius:50%;animation:spin .72s linear infinite}.spinner.large{width:2.5rem;height:2.5rem;margin:2rem 0 1rem}@keyframes spin{to{transform:rotate(360deg)}}.embed-shell{width:min(100%,28rem);min-height:22rem;margin:0 auto;padding:1.25rem;display:flex;flex-direction:column;align-items:center;text-align:center;overflow:hidden}.embed-shell:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(167,139,250,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(167,139,250,.025) 1px,transparent 1px);background-size:28px 28px}.qr-panel{margin-top:1.25rem;width:100%}.qr-stage{width:min(70vw,15.5rem);aspect-ratio:1;margin:0 auto 1.2rem;padding:.65rem;display:grid;place-items:center;background:#fff;border-radius:1rem;box-shadow:0 0 0 1px #c4b5fd38,0 1.5rem 4rem #00000059}.qr-stage img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.qr-stage .spinner{border-color:#ddd;border-top-color:#6d28d9}.qr-panel h1,.completion h1{margin:.5rem 0;font-size:1.25rem}.qr-panel p,.completion p,.status-page p,.sso-shell p{color:var(--muted);line-height:1.55;margin:0 auto;max-width:28rem}.embed-shell footer{margin-top:auto;padding-top:1.2rem;color:var(--muted);font-size:.75rem}.status-dot{display:inline-block;width:.42rem;height:.42rem;border-radius:50%;background:#34d399;box-shadow:0 0 .7rem #34d399;margin-right:.4rem}.error-copy{color:#fda4af;font-size:.85rem}.error-panel{justify-content:center;color:#fda4af}.completion{margin:auto 0}.completion-icon{width:4.5rem;height:4.5rem;display:grid;place-items:center;border-radius:50%;font-size:2rem;margin:1rem auto;background:#34d39921;color:#6ee7b7;border:1px solid rgba(52,211,153,.35)}.completion.failed .completion-icon{color:#fda4af;background:#fb71851f;border-color:#fb718559}.phone-shell{min-height:100dvh;width:min(100%,36rem);margin:0 auto;padding:max(1.25rem,env(safe-area-inset-top)) 1rem max(1.5rem,env(safe-area-inset-bottom))}.phone-shell>.brand-mark{text-align:center;margin-bottom:1rem}.drawing-board{border:1px solid var(--line);border-radius:1.25rem;padding:1rem;background:var(--panel);box-shadow:0 1.5rem 4rem #00000040}.drawing-header{display:flex;align-items:center;justify-content:space-between}.eyebrow{color:var(--cyan);font-size:.72rem;font-weight:750;letter-spacing:.16em;text-transform:uppercase}.drawing-progress{display:flex;gap:.4rem}.drawing-progress span,.step-track span{width:1.8rem;height:.22rem;background:#94a3b833;border-radius:1rem}.drawing-progress span.active,.step-track span.active{background:linear-gradient(90deg,var(--violet),var(--cyan))}.drawing-prompt{display:flex;align-items:center;justify-content:space-between;margin:1rem 0;padding:.8rem 1rem;border:1px solid var(--line);border-radius:.85rem;color:var(--muted)}.drawing-prompt strong{color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:2.5rem;line-height:1;text-shadow:0 0 1.2rem rgba(103,232,249,.5)}.drawing-surface{position:relative;height:min(48vh,22rem);min-height:16rem;overflow:hidden;border-radius:.9rem;border:1px solid rgba(196,181,253,.25)}.drawing-surface canvas{width:100%;height:100%;display:block;cursor:crosshair}.drawing-hint{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;color:#667085;font-size:.9rem}.drawing-actions{display:grid;grid-template-columns:1fr 1.5fr;gap:.75rem;margin-top:1rem}.button{min-height:3rem;border-radius:.75rem;border:1px solid transparent;padding:.75rem 1.1rem;font-weight:720;cursor:pointer;transition:transform .12s ease,opacity .12s ease}.button:active:not(:disabled){transform:scale(.98)}.button:disabled{opacity:.35;cursor:not-allowed}.button.primary{color:#100b1d;background:linear-gradient(135deg,var(--violet-bright),var(--cyan))}.button.secondary{color:var(--ink);background:#94a3b814;border-color:var(--line)}.privacy-note{color:var(--muted);text-align:center;font-size:.72rem;margin:.85rem 0 0}.status-page h1,.sso-shell h1{font-size:1.6rem;margin:1rem 0 .6rem}.sso-shell{gap:.5rem}.sso-shell .brand-mark{margin-bottom:2rem}.sso-shell .button{margin-top:1.5rem;min-width:10rem}.step-track{display:flex;gap:.45rem;margin-bottom:.6rem}.home-shell{align-items:flex-start;text-align:left;max-width:60rem;margin:0 auto}.home-shell .brand-mark{position:absolute;top:2rem}.home-shell h1{font-size:clamp(3.2rem,10vw,6.5rem);letter-spacing:-.065em;line-height:.9;margin:.5rem 0 1.5rem}.home-shell>p:not(.eyebrow){max-width:34rem;color:var(--muted);font-size:1.1rem;line-height:1.6}.home-shell .button{margin-top:1.5rem}@media(max-width:420px){.drawing-board{padding:.8rem;border-radius:1rem}.drawing-surface{min-height:14rem}.drawing-progress span{width:1.3rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}