@font-face{font-family:Space;src:url('assets/space-grotesk-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Space;src:url('assets/space-grotesk-500.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Plex;src:url('assets/ibm-plex-mono-400.ttf') format('truetype');font-display:swap}
:root{color-scheme:dark;--ink:#08090d;--cream:#f5eedf;--gold:#e0bd76;--rose:#ef9fc0;--muted:#b6a9b3}
*{box-sizing:border-box}html{background:var(--ink)}body{margin:0;background:var(--ink);color:var(--cream);font:400 16px/1.5 Space,Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--rose);outline-offset:6px}button{border:0}img{display:block;max-width:100%}button[hidden],[hidden]{display:none!important}.sr-only{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.prototype{position:relative;isolation:isolate;overflow:clip;min-height:840px;background:var(--ink)}.signal-field{position:absolute;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none}.connections{position:absolute;pointer-events:none;z-index:-1}.hero-copy h1{font-weight:400;letter-spacing:-.075em;line-height:.98;margin:0}.hero-copy h1 span{display:block;background:linear-gradient(100deg,#f2d894 0%,#e6b878 27%,#ed98bc 65%,#f4c7d4 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.atlas-label,.signal-count{font:400 11px/1.6 Plex,monospace;color:var(--gold);letter-spacing:.2em}.signal-count{color:#d1c3bb}.world-index{position:relative;z-index:4}.app-node{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-width:0;min-height:44px;text-align:center;background:none;padding:12px;color:var(--cream);transition:transform .35s ease,filter .35s ease;--node-glow:#e0bd7640}.app-number{font:10px/1 Plex,monospace;letter-spacing:.08em;color:var(--gold)}.app-icon{position:relative;display:grid;place-items:center;flex-shrink:0;width:76px;height:76px;margin:12px 0;border:1px solid #c69b554f;border-radius:22px;background:linear-gradient(140deg,#292117dd,#101115ef 60%);box-shadow:inset 0 1px 0 #fff1c02d,0 14px 28px #0009;transition:box-shadow .35s ease,border-color .35s ease,transform .35s ease}.app-icon img{width:calc(100% - 12px);height:calc(100% - 12px);object-fit:cover;border-radius:17px}.app-title{font-size:13px;line-height:1.25;max-width:145px;overflow-wrap:anywhere;text-wrap:balance}.app-status{font:9px/1.6 Plex,monospace;letter-spacing:.06em;color:var(--gold);min-height:16px;margin-top:5px}.app-node[aria-pressed=true]{--node-glow:#ef9fc070}.app-node[aria-pressed=true] .app-icon{border-color:var(--rose);box-shadow:0 0 0 3px #ef9fc020,0 0 28px #ef9fc05e,inset 0 1px 0 #fff2}.app-node[aria-pressed=true] .app-title{color:#ffdae7}.app-node:hover .app-icon{transform:translateY(-5px);border-color:#edd8a5}.app-node[aria-pressed=true]:hover .app-icon{border-color:var(--rose)}
.phone-host{position:relative;z-index:3;aspect-ratio:78/163.4}.signal-device,.signal-device-float{width:100%;position:relative}.signal-device-rotator{position:relative;display:block;width:100%;aspect-ratio:78/163.4;background:none;touch-action:pan-y;user-select:none;cursor:grab;border-radius:15%;will-change:transform}.signal-device[data-dragging=true] .signal-device-rotator{cursor:grabbing}.phone-render-fallback{position:absolute;left:-16%;top:-8%;width:132%;height:116%;max-width:none;object-fit:contain;pointer-events:none}.device-glass{position:absolute;inset:0;opacity:0;pointer-events:none}.signal-device-screen{width:100%;height:100%;object-fit:contain}.signal-device-rotator[data-renderer=webgl] .phone-render-fallback{display:none}.phone-webgl{display:block}.phone-hint{position:absolute;top:calc(100% + 20px);left:-10%;right:-10%;text-align:center;font:10px/1.6 Plex,monospace;letter-spacing:.04em;color:#c4b1bd;pointer-events:none}.selected-world{position:relative;z-index:5;display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;min-height:56px}.selected-identity{display:flex;flex-direction:column;gap:3px;min-width:0}.selected-title{font-weight:500;font-size:15px}.selected-status{font:10px/1.5 Plex,monospace;color:var(--gold)}.explore-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 18px;border:1px solid #e0bd7670;border-radius:100px;background:#0c0d12dd;color:var(--cream);font-size:12px;white-space:nowrap}.explore-link:hover{border-color:var(--rose);color:#ffcce0}.screen-next{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;color:#d7bcc8;font:10px/1.5 Plex,monospace;background:#0c0d1299;border-radius:100px}.screen-next:hover{color:var(--rose)}
.preview-navigation{display:flex;justify-content:center;flex-wrap:wrap;align-items:center;gap:4px 22px;padding:20px 24px;background:var(--ink);color:var(--muted);font:11px/1.5 Plex,monospace;border-top:1px solid #e0bd761c}.preview-navigation a{display:inline-flex;align-items:center;min-height:44px;padding:4px 2px}.preview-navigation [aria-current=page]{color:var(--rose)}.preview-navigation a:hover{color:var(--cream)}.preview-navigation .back-to-designs{color:var(--gold)}
body[data-motion=paused] *,body[data-motion=paused] *::before,body[data-motion=paused] *::after{animation-play-state:paused!important}
.phone-hint{display:none}
@media(max-width:600px){.app-icon{width:65px;height:65px;border-radius:19px}.app-icon img{border-radius:14px}.app-node{padding:12px 4px}.app-title{font-size:12px}.preview-navigation{gap:2px 18px;padding-inline:16px}.selected-world{gap:12px 18px}.phone-hint{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.signal-device-float,.signal-device-rotator{will-change:auto}}