:root{color-scheme:dark;--bg-app: #09090b;--bg-landing-story: #0b1018;--bg-landing-auth: #111318;--border-subtle: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .14);--text-primary: #f4f4f5;--text-secondary: #a1a1aa;--text-muted: #71717a;--accent: #5b8def;--accent-soft: rgba(91, 141, 239, .16);--shadow-panel: 0 16px 48px rgba(0, 0, 0, .35);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg-app);color:var(--text-primary)}#app{margin:0;width:100%;height:100%;background:var(--bg-app);color:var(--text-primary);position:relative;display:flex;flex-direction:column;min-height:0;overflow:hidden}.hidden{display:none!important}.shell-help-overlay{position:fixed;inset:0;z-index:1000;background:var(--bg-app)}.shell-help-overlay__frame{display:block;width:100%;height:100%;border:0;background:var(--bg-app)}html[data-shell-route=session] #landing{display:none!important}html[data-shell-route=session] #app.viewer-shell{display:flex!important}.viewer-shell{width:100%;height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-app)}.viewer-frame-host{position:relative;flex:1 1 0;min-height:0;width:100%;overflow:hidden}.viewer-frame{display:block;width:100%;height:100%;border:0;background:#606366}.viewer-mount-status{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:var(--bg-app);color:var(--text-secondary);font-size:.95rem;text-align:center;line-height:1.5;pointer-events:none;z-index:2}.shell-fallback-overlay{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#09090b8c;pointer-events:none;animation:shell-fallback-overlay-in .18s ease-out}.shell-fallback-notice{max-width:22rem;padding:1rem 1.25rem;border-radius:.625rem;border:1px solid rgba(91,141,239,.4);background:#111318f5;box-shadow:var(--shadow-panel);color:var(--text-primary);font-size:.92rem;line-height:1.5;text-align:center}@keyframes shell-fallback-overlay-in{0%{opacity:0}to{opacity:1}}.landing-page{position:fixed;inset:0;z-index:50;background:var(--bg-app)}.landing-page.hidden{display:none}.landing-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%;height:100%}.landing-story{position:relative;min-width:0;min-height:0;overflow:auto;background:radial-gradient(circle at 18% 12%,rgba(56,189,248,.1),transparent 34%),radial-gradient(circle at 82% 88%,rgba(91,141,239,.12),transparent 38%),linear-gradient(160deg,#09090b 0%,var(--bg-landing-story) 48%,#10151f 100%);border-right:1px solid var(--border-subtle)}.landing-story-content{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;gap:1.75rem;width:100%;max-width:42rem;min-height:100%;margin:0 auto;padding:clamp(1.75rem,4vw,3.25rem)}.landing-eyebrow{margin:0;color:#93c5fd;font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.landing-story-content h1{margin:0;display:grid;gap:.2rem;font-size:clamp(2rem,3.8vw,2.85rem);line-height:1.02;letter-spacing:-.035em}.landing-title-line{display:block}.landing-title-line--accent{background:linear-gradient(90deg,#dbeafe,#7dd3fc 48%,#5b8def);-webkit-background-clip:text;background-clip:text;color:transparent}.landing-lead{margin:0;max-width:36rem;color:#c7d2e3;font-size:1.02rem;line-height:1.7}.landing-pipeline{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);gap:.55rem;align-items:stretch;padding:.9rem;border:1px solid rgba(255,255,255,.1);border-radius:1rem;background:#090c129e;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:inset 0 1px #ffffff0d}.landing-pipeline-node{display:flex;flex-direction:column;gap:.45rem;min-width:0}.landing-pipeline-icon{display:flex;align-items:center;justify-content:flex-start;width:2.75rem;height:2.75rem;border-radius:.7rem;border:1px solid rgba(255,255,255,.1);background:#ffffff0a}.landing-tech-logo{display:block;width:auto;max-width:2.2rem;max-height:1.35rem;margin-left:.45rem;-o-object-fit:contain;object-fit:contain}.landing-tech-logo--usd{max-width:1.55rem;max-height:1.55rem}.landing-tech-logo--threejs{max-width:1.55rem;max-height:1.55rem;filter:invert(1) brightness(1.15)}.landing-pipeline-label{margin:0;color:var(--text-primary);font-size:.82rem;font-weight:600;letter-spacing:.02em}.landing-pipeline-caption{margin:0;color:var(--text-muted);font-size:.74rem;line-height:1.45}.landing-pipeline-connector{display:flex;align-items:center;justify-content:center;align-self:center;min-height:2.75rem}.landing-pipeline-arrow{position:relative;display:block;width:1.35rem;height:1px;background:linear-gradient(90deg,#7dd3fc33,#5b8defd9)}.landing-pipeline-arrow:after{content:"";position:absolute;top:50%;right:-1px;width:.42rem;height:.42rem;border-top:1px solid rgba(125,211,252,.9);border-right:1px solid rgba(125,211,252,.9);transform:translateY(-50%) rotate(45deg)}.landing-deploy{display:grid;gap:.75rem}.landing-section-kicker{margin:0;color:#7dd3fc;font-size:.68rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.landing-section-title{margin:0;font-size:1.05rem;font-weight:600;letter-spacing:-.01em}.landing-deploy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.landing-deploy-card{display:flex;align-items:flex-start;gap:.75rem;min-width:0;padding:.85rem .9rem;border:1px solid rgba(255,255,255,.08);border-radius:.85rem;background:#0f11158c}.landing-deploy-logo{flex-shrink:0;width:2rem;height:2rem;-o-object-fit:contain;object-fit:contain}.landing-deploy-copy h3{margin:0;font-size:.86rem;font-weight:600}.landing-deploy-copy p{margin:.3rem 0 0;color:var(--text-muted);font-size:.76rem;line-height:1.45}.landing-auth{position:relative;min-width:0;min-height:0;height:100%;overflow:hidden;background:var(--bg-landing-auth)}.landing-mesh-canvas{position:absolute;inset:0;z-index:0;width:100%;height:100%;display:block;pointer-events:none;mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.45) 10%,#000 22%,#000 48%,rgba(0,0,0,.35) 68%,transparent 88%),linear-gradient(90deg,transparent 0%,#000 12%,#000 88%,transparent 100%);-webkit-mask-composite:source-in,xor;mask-composite:intersect;-webkit-mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.45) 10%,#000 22%,#000 48%,rgba(0,0,0,.35) 68%,transparent 88%),linear-gradient(90deg,transparent 0%,#000 12%,#000 88%,transparent 100%);-webkit-mask-composite:source-in}.landing-auth-top{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;width:100%;padding:clamp(2rem,7vh,3.5rem) clamp(1.5rem,4vw,2.5rem) 0}.landing-auth-signin{position:absolute;top:50%;left:50%;z-index:3;display:grid;justify-items:center;gap:.85rem;transform:translate(-50%,-50%)}.landing-about-link{color:#ffffffc7;font-size:.84rem;font-weight:500;letter-spacing:.02em;text-decoration:none;transition:color .14s ease}.landing-about-link:hover{color:#fff;text-decoration:underline}.landing-logo{width:min(100%,13.5rem);height:auto;flex-shrink:0;-o-object-fit:contain;object-fit:contain}.sign-in-button{border:0;border-radius:.75rem;background:#e4e4e7;color:#18181b;cursor:pointer;font-weight:600;padding:.9rem 1rem}.sign-in-button:hover:not(:disabled){background:#fafafa}.sign-in-button:disabled{opacity:.7;cursor:wait}.landing-auth .sign-in-button{display:inline-flex;align-items:center;justify-content:center;width:3.25rem;height:3.25rem;padding:0;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:linear-gradient(180deg,#f4f4f5,#e4e4e7);color:#18181b;box-shadow:0 10px 28px #00000047,inset 0 1px #ffffffa6;transition:transform .14s ease,background .14s ease,box-shadow .14s ease}.landing-auth .sign-in-button:hover:not(:disabled){transform:translateY(-1px);background:linear-gradient(180deg,#fff,#f4f4f5);box-shadow:0 14px 32px #00000052,inset 0 1px #fffc}.landing-auth .sign-in-button:disabled{opacity:.85}.sign-in-button__icon,.sign-in-button__spinner{width:1.35rem;height:1.35rem}.sign-in-button__spinner{display:none;animation:landing-signin-spin .8s linear infinite}.sign-in-button.is-loading .sign-in-button__icon{display:none}.sign-in-button.is-loading .sign-in-button__spinner{display:block}.landing-viewer-status{margin:.75rem 0 0;color:var(--text-muted);font-size:.82rem;line-height:1.45;text-align:center}.landing-page--awaiting-viewer .landing-about-link{pointer-events:none;opacity:.55}@keyframes landing-signin-spin{to{transform:rotate(360deg)}}.sign-in-note{margin:0;color:var(--text-muted);font-size:.82rem;line-height:1.45}.local-viewer-setup{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:1.5rem}.local-viewer-setup-card{width:min(100%,36rem);border:1px solid var(--border-subtle);border-radius:1rem;background:#0f1115eb;padding:1.75rem;box-shadow:var(--shadow-panel)}.local-viewer-setup-card h2{margin:0 0 .75rem;font-size:1.25rem}.local-viewer-setup-card p{margin:0 0 1rem;color:var(--text-secondary);line-height:1.5}.local-viewer-setup-targets{margin:0 0 1rem 1.25rem;color:var(--text-secondary)}.local-viewer-setup-targets code{word-break:break-all}.local-viewer-setup-cmd{margin:0 0 1.25rem;padding:.85rem 1rem;border-radius:.5rem;background:#00000059;color:#e4e4e7;font-size:.8rem;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.local-viewer-setup-actions{display:flex;flex-wrap:wrap;gap:.75rem}.sign-in-button-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border-subtle)}.sign-in-button-secondary:hover:not(:disabled){background:#ffffff0f}@media(max-width:900px){.landing-split{grid-template-columns:1fr;grid-template-rows:auto auto}.landing-story{border-right:0;border-bottom:1px solid var(--border-subtle)}.landing-story-content{max-width:none;min-height:auto;justify-content:flex-start;padding-bottom:1.75rem;gap:1.25rem}.landing-auth{min-height:24rem}.landing-auth-top{padding-top:1.75rem}.landing-pipeline{grid-template-columns:1fr;gap:.65rem}.landing-pipeline-connector{min-height:auto;padding-left:1.35rem}.landing-pipeline-arrow{width:1px;height:1rem;background:linear-gradient(180deg,#7dd3fc33,#5b8defd9)}.landing-pipeline-arrow:after{inset:auto auto -1px 50%;transform:translate(-50%) rotate(135deg)}.landing-deploy-grid{grid-template-columns:1fr}.landing-auth{padding:1.75rem 1.5rem 2rem}}@media(prefers-reduced-motion:reduce){.landing-mesh-canvas{opacity:.65}}