@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#101113;--ink:#eeeee7;--muted:#999b9f;--line:#ffffff19;--mint:#bce4ce;--lav:#c4b5ea}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;background-image:radial-gradient(ellipse at 50% 47%,#25252f55 0,transparent 47%);min-height:100svh}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--mint);outline-offset:6px}header{height:104px;margin:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-family:'Space Grotesk',sans-serif;color:var(--ink);text-decoration:none;font-weight:600;font-size:24px;letter-spacing:-1px}.brand>span:last-child{font-weight:400;color:var(--muted)}.brand-icon{display:inline-block;margin-right:10px;font-size:32px;color:var(--lav);vertical-align:-2px}.system,.eyebrow,.coordinate,.hint,footer,.dialog-tag,label,.privacy,.exit-note,.about-bottom,article>span{font-family:monospace;font-size:10px;letter-spacing:1.2px}.system{color:#b1b5ac}.system i,.dialog-tag i{width:5px;height:5px;border-radius:50%;background:var(--mint);display:inline-block;margin-right:9px;box-shadow:0 0 12px #bce4ce60}.quiet{border:0;background:none;color:#c8c8c5;font-size:12px}.quiet span{margin-left:18px;color:var(--mint)}main{text-align:center;padding:49px 20px 45px;min-height:calc(100svh - 184px)}.eyebrow{display:flex;align-items:center;justify-content:center;gap:17px;color:#929398;font-size:8px;letter-spacing:1.8px}.eyebrow b{color:var(--lav);border:1px solid #c4b5ea40;border-radius:50%;height:25px;width:25px;display:grid;place-items:center;font-size:9px;font-weight:400}h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(34px,4.2vw,64px);font-weight:400;letter-spacing:-2.9px;margin:22px 0 11px;line-height:1.12}em{font-style:normal;color:var(--lav)}.intro{font-size:14px;color:#a6a6ac;margin:0}.portal-area{position:relative;display:flex;align-items:center;justify-content:center;max-width:760px;margin:9px auto -7px;height:365px}.chao-button{position:relative;background:none;border:0;width:370px;height:370px;padding:0;color:var(--ink)}.chao{position:absolute;inset:8%;width:84%;height:84%;animation:spin 80s linear infinite;filter:drop-shadow(0 0 9px #b9a6ee14);transition:filter .4s}.chao-button:hover .chao{filter:drop-shadow(0 0 10px #b9a6ee45)}.orbit{position:absolute;inset:8%;border:1px solid #ffffff0c;border-radius:50%;transform:rotate(-28deg) scaleX(1.17) scaleY(.83)}.o2{transform:rotate(35deg) scaleX(1.08) scaleY(1.05);border-style:dashed;border-color:#ffffff12;animation:spin 130s linear infinite}.cross{position:absolute;font-family:monospace;color:#96929d;font-size:13px}.c1{top:16%;left:18%}.c2{bottom:17%;right:18%}.coordinate{color:#a6a6aa;text-align:left;font-size:9px;letter-spacing:1.7px;line-height:2.1;position:absolute}.coordinate span{color:#515257;font-size:8px}.coordinate.left{left:30px}.coordinate.right{right:30px}.touch-ring{position:absolute;left:calc(50% - 2px);bottom:8%;width:4px;height:4px;border-radius:50%;background:var(--mint);box-shadow:0 0 11px var(--mint)}.enter{border:1px solid #626462;background:#171a19;color:#daebdf;border-radius:30px;padding:13px 22px;font-size:12px;transition:background .2s,transform .2s}.enter:hover{background:#26322c;transform:translateY(-2px)}.enter span{margin-left:22px;color:var(--mint)}.hint{font-size:8px;color:#67696f;letter-spacing:1.5px;margin-top:18px}footer{min-height:80px;margin:0 5%;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:8px;color:#777a80;letter-spacing:.6px}footer button{border:0;background:none;padding:12px 0;color:#b3b5b6;font-family:monospace;font-size:9px;letter-spacing:.4px}footer button span{margin-left:10px;color:var(--lav)}.muted{padding:0 8px;color:#46484e}.footer-love{letter-spacing:0;font-size:10px;font-family:'DM Sans',Arial,sans-serif}dialog{width:min(500px,calc(100% - 32px));max-height:90svh;overflow:auto;background:#17181b;color:var(--ink);border:1px solid #45454c;border-radius:16px;padding:42px;box-shadow:0 30px 120px #0009}dialog::backdrop{background:#08090bdd;backdrop-filter:blur(12px)}.close{position:absolute;top:13px;right:16px;padding:0 7px;border:0;background:none;color:#8b8b93;font-size:27px}.dialog-tag{font-size:8px;color:var(--mint);line-height:1.8}.mini-chao{display:block;font-size:36px;margin:22px 0 13px;color:var(--lav)}h2{font-family:'Space Grotesk',sans-serif;font-size:32px;font-weight:400;letter-spacing:-1.2px;line-height:1.2;margin:20px 0 14px}.dialog-intro,dialog>p{font-size:13px;line-height:1.7;color:#a7a7af}.dialog-intro{margin-bottom:27px}label{display:block;font-size:9px;margin:19px 0 9px;color:#a3a3ac}input,select{width:100%;background:#101113;border:1px solid #37383e;color:var(--ink);border-radius:6px;padding:13px 12px;font-size:12px;outline:none}input:focus,select:focus{border-color:var(--lav)}.identity-row{display:flex;gap:8px}.identity-row button{background:#24252c;color:var(--lav);border:1px solid #393a44;border-radius:6px;font-size:25px;width:48px;flex-shrink:0}.privacy{font-size:9px;letter-spacing:0;color:#868790;line-height:1.7;margin:17px 0}.privacy strong{color:#b6b6bd;font-weight:500}.launch{display:flex;justify-content:space-between;width:100%;border:0;border-radius:6px;background:var(--lav);color:#19151f;padding:15px;font-size:13px;margin-top:22px}.launch:hover{background:#d5c9f4}.exit-note{font-size:9px;letter-spacing:0;text-align:center;line-height:1.7;color:#7e8089;margin-bottom:0}.destination{font-size:12px}.destination a{color:var(--mint)}.about-bottom{font-size:8px;line-height:1.8;padding-top:22px;margin-top:25px;border-top:1px solid var(--line);color:var(--mint)}#dispatch{width:min(660px,calc(100% - 32px))}article{border-top:1px solid var(--line);margin-top:24px;padding-top:24px}article>span{color:var(--mint);font-size:8px}article h3{font-weight:400;font-size:20px;letter-spacing:-.5px;margin:10px 0}article p{font-size:13px;line-height:1.7;color:#92949d}.boot{position:fixed;inset:0;z-index:100;background:#101113;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:22px;font-family:monospace;font-size:10px;letter-spacing:2px;transition:opacity .45s,visibility .45s;pointer-events:none}.boot.done{opacity:0;visibility:hidden}.boot-star{color:var(--lav);font-size:48px;animation:spin 4s linear infinite}.boot-track{width:180px;height:1px;background:#333}.boot-track i{display:block;height:1px;background:var(--mint);animation:load 1.6s ease-out forwards}.boot small{color:#777b82;font-size:9px;letter-spacing:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes load{from{width:0}to{width:100%}}@media(min-height:900px){main{padding-top:70px}.portal-area{height:420px}.chao-button{width:420px;height:420px}}@media(max-width:700px){header{height:78px}.brand{font-size:21px}.system{display:none}.quiet{font-size:11px}main{padding-top:40px;min-height:calc(100svh - 186px)}h1{letter-spacing:-1.8px;margin-top:24px;font-size:38px;max-width:400px;margin-left:auto;margin-right:auto}.intro{font-size:12px}.eyebrow{gap:9px;font-size:6px;letter-spacing:1px}.portal-area{height:340px;max-width:400px;margin-top:7px}.chao-button{height:330px;width:330px}.coordinate{display:none}.hint{font-size:6px;letter-spacing:1.1px}footer{padding:20px 0;flex-wrap:wrap;justify-content:center;gap:12px;text-align:center}footer>span:first-child{order:2;font-size:7px}footer button{width:100%;padding:0}.footer-love{display:none}dialog{padding:36px 24px}h2{font-size:29px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important}.boot{display:none}.chao-button:hover,.enter:hover{transform:none}}
.chao-fallback,#chao-scene{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.chao-fallback{padding:12%}.chao-button .orbit{opacity:.4}#uplink{width:min(570px,calc(100% - 32px));padding:35px 38px}#uplink h2{font-size:30px;margin-bottom:0}.hive-visual{position:relative;margin:4px 0 10px;overflow:hidden}.hive-visual svg{width:100%;display:block}.hive-links{stroke-width:.7;stroke-dasharray:8 10;opacity:.5;animation:telemetry 2s linear infinite}.hive-pulse{transform-origin:210px 115px;animation:radar 2.4s ease-out infinite}.scan-line{position:absolute;inset:0;background:linear-gradient(transparent 48%,#bce4ce0b 50%,transparent 52%);animation:scan 3s ease-in-out infinite;pointer-events:none}.uplink-readout{display:flex;justify-content:space-between;font:9px monospace;letter-spacing:1.2px;color:var(--mint)}.uplink-progress{height:2px;background:#333841;margin:12px 0 23px}.uplink-progress i{display:block;height:100%;background:var(--mint);box-shadow:0 0 10px #bce4ce66;width:0;transition:width .08s linear}.uplink-log{list-style:none;padding:0;margin:0;font:10px/2.5 monospace;color:#535962;letter-spacing:.4px}.uplink-log li:before{content:'○';margin-right:12px}.uplink-log li.current{color:var(--ink)}.uplink-log li.current:before{content:'›';color:var(--mint)}.uplink-log li.complete{color:#91b6a2}.uplink-log li.complete:before{content:'✓'}.uplink-actions{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:24px;padding-top:16px;gap:15px}.uplink-actions button{font:10px monospace;color:#9fa2ac;border:0;background:none;padding:8px 0}.uplink-actions button:last-child{color:var(--lav)}.simulation-note{font:8px monospace;color:#727782;margin:14px 0 0;line-height:1.5;letter-spacing:0}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes telemetry{to{stroke-dashoffset:-36}}@keyframes radar{from{transform:scale(.5);opacity:.7}to{transform:scale(3);opacity:0}}@keyframes scan{0%,100%{transform:translateY(-55%)}50%{transform:translateY(55%)}}@media(max-width:700px){#uplink{padding:30px 24px}#uplink h2{font-size:25px}.uplink-log{font-size:9px}.hive-visual{margin:10px -10px}.uplink-readout{font-size:8px}}@media(prefers-reduced-motion:reduce){.uplink-progress i{transition:none}}

.symbol-controls{display:flex;justify-content:center;gap:14px;align-items:center;color:#4c4e56;margin-top:10px}.symbol-controls button{font:8px monospace;letter-spacing:.4px;color:#92949e;border:0;background:none;padding:6px}.symbol-controls button:hover{color:var(--mint)}