@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&display=swap";:root{color:#f4f8ff;font-synthesis:none;text-rendering:optimizelegibility;background:#03050a;font-family:Manrope,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:#03050a;min-height:100vh;overflow:hidden}button{font:inherit}.app-shell{isolation:isolate;background:radial-gradient(circle at 50% 40%,#1f3f6f2b,#0000 37%),#03050a;min-height:100dvh;position:relative;overflow:auto}.canvas-host{cursor:crosshair;outline:none;position:fixed;inset:0}.canvas-host canvas{width:100%;height:100%;display:block}.intro-panel{z-index:2;text-align:left;flex-direction:column;justify-content:center;align-items:flex-start;width:min(760px,100%);min-height:100dvh;margin:0 auto;padding:clamp(48px,10vh,120px) 32px 48px;display:flex;position:relative}.eyebrow,.brand-lockup,.field-status,.field-controls,.privacy-note,.field-hint,.capture-toast{letter-spacing:.02em;font-family:DM Mono,ui-monospace,monospace}.eyebrow{color:#7dd3fc;text-transform:uppercase;margin:0 0 24px;font-size:12px}h1{color:#f8fbff;letter-spacing:-.07em;text-wrap:balance;max-width:700px;margin:0;font-size:clamp(40px,5.6vw,78px);font-weight:500;line-height:.96}.intro-copy{color:#e3edffb3;max-width:460px;margin:22px 0 26px;font-size:clamp(15px,1.5vw,18px);line-height:1.6}.enter-button,.control-button{color:#e9fbff;cursor:pointer;background:#0e2339b3;border:1px solid #7dd3fc73;border-radius:999px;transition:border-color .18s,background .18s,transform .18s}.enter-button{padding:15px 23px;font-size:16px}.enter-button:hover,.control-button:hover,.enter-button:focus-visible,.control-button:focus-visible{background:#1b4661cc;border-color:#67e8f9;transform:translateY(-1px)}.privacy-note{color:#e3edff66;margin:18px 0 0;font-size:11px}.brand-lockup,.field-status,.field-controls,.field-hint,.capture-toast{z-index:2;position:absolute}.brand-lockup{color:#eff8ffd1;align-items:center;gap:10px;font-size:12px;display:flex;top:28px;left:32px}.brand-dot,.status-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.brand-dot{background:#67e8f9;box-shadow:0 0 16px #67e8f9}.field-status{color:#eff8ff94;align-items:center;gap:8px;font-size:11px;display:flex;top:29px;right:32px}.status-dot{background:#fbbf24;box-shadow:0 0 12px #fbbf24}.status-live{background:#67e8f9;box-shadow:0 0 12px #67e8f9}.status-local{background:#fbbf24}.status-error{background:#fb7185}.status-divider{color:#eff8ff40}.field-controls{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex;bottom:30px;right:32px}.control-button{color:#eff8ffbd;padding:9px 12px;font-size:11px}.capture-button{color:#fef3c7;border-color:#fbbf2466}.field-hint{color:#eff8ff6b;max-width:320px;margin:0;font-size:11px;bottom:34px;left:32px}.capture-toast{color:#fef3c7;margin:0;font-size:11px;top:68px;right:32px}@media (max-width:620px){.intro-panel{justify-content:flex-start;padding:84px 24px 48px}h1{font-size:clamp(40px,12vw,58px)}.brand-lockup{top:20px;left:20px}.field-status{top:20px;right:20px}.field-controls{bottom:20px;right:20px}.field-hint{bottom:76px;left:20px}.capture-toast{top:56px;right:20px}}@media (max-height:820px) and (min-width:621px){.intro-panel{justify-content:flex-start;padding-top:56px}h1{font-size:clamp(40px,5vw,64px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}