:root{color-scheme:dark;--ink:#eef4ff;--muted:#a4b4d0;--quiet:#74829d;--mint:#9affe3;--violet:#c6a7ff;--glass:rgba(10,16,37,.68);--stroke:rgba(199,226,255,.15);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-synthesis:none}
*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#090c21}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--mint);outline-offset:4px}body{overflow-x:hidden}.experience{position:relative;isolation:isolate;height:100svh;min-height:570px;width:100%;overflow:hidden;background:radial-gradient(ellipse at 57% 54%,#3d3469,#090c21 68%);color:var(--ink)}canvas#world{position:absolute;inset:0;width:100%;height:100%;touch-action:none;display:block;cursor:grab}canvas#world:active{cursor:grabbing}.grain{pointer-events:none;position:absolute;inset:0;z-index:2;opacity:.09;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}.top-veil{position:absolute;pointer-events:none;inset:0;z-index:1;background:linear-gradient(90deg,rgba(5,9,25,.83) 0%,rgba(7,8,23,.35) 31%,transparent 61%),linear-gradient(180deg,rgba(6,7,24,.71) 0%,transparent 28%,transparent 65%,rgba(6,9,22,.78) 100%)}.topbar{position:absolute;z-index:5;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:28px 46px 0;gap:24px}.brand{text-decoration:none;color:white;display:flex;align-items:center;gap:11px;font-size:14px;font-weight:850;letter-spacing:.17em}.brand-mark{font-size:30px;font-weight:400;color:#b4fff1;line-height:1}.brand-soft{font-weight:350;letter-spacing:.14em}.exhibit-tag{letter-spacing:.24em;font-size:10px;color:#b3c4d8;font-weight:650;margin-left:auto}.pulse-dot,.live-dot{display:inline-block;vertical-align:middle;width:6px;height:6px;border-radius:50%;background:#aaf9db;box-shadow:0 0 16px #6bf7bf;margin-right:8px;animation:blink 2.7s infinite}.dot-separator{padding:0 10px;color:#607086}.icon-button{border:1px solid #76849c66;color:white;background:#ffffff14;border-radius:50%;width:34px;height:34px;font-weight:600}.hero{position:absolute;z-index:4;left:6.3%;top:20%;width:min(475px,35vw);pointer-events:none}.eyebrow,.section-index{font-weight:750;color:#aef5ea;font-size:9px;letter-spacing:.31em}.eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:23px}.mini-line{height:1px;width:25px;background:#bafff0}.hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(54px,7vw,113px);line-height:.84;letter-spacing:-.09em;font-weight:500;margin:0 0 19px;white-space:nowrap;text-shadow:0 2px 48px #15172e}.light-word{font-style:italic;color:#d7e6fd}.accent-period{color:#91ffea}.subtitle{font-size:11px;font-weight:750;letter-spacing:.39em;color:#d2fff4;margin:0 0 25px}.hero-desc{font-family:Georgia,serif;color:#c8d2e4;font-size:clamp(14px,1.12vw,17px);line-height:1.65;max-width:350px;font-style:italic;margin:0}.hero-action{pointer-events:auto;display:flex;align-items:center;gap:23px;margin-top:31px}.tour-button{border:1px solid #a0eadc99;color:#eafffa;border-radius:2px;background:#b7ffec14;font-size:10px;font-weight:750;letter-spacing:.16em;padding:14px 17px;box-shadow:inset 0 0 15px #74cdbc12;transition:background .2s}.tour-button:hover{background:#b7ffec33}.tour-button span{color:#b1ffe4;font-size:14px;margin-right:5px}.scene-caption{font-size:10px;letter-spacing:.15em;color:#a1a9c0}.control-panel{position:absolute;z-index:6;top:13.6%;right:4.1%;width:302px;max-height:calc(100% - 190px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#61708933 transparent;background:linear-gradient(155deg,rgba(14,22,47,.86),rgba(11,14,36,.75));backdrop-filter:blur(32px) saturate(150%);border:1px solid var(--stroke);box-shadow:0 25px 85px #0007;padding:23px 22px 19px;border-radius:3px}.panel-top{display:flex;justify-content:space-between}.panel-top h2{font-family:Georgia,serif;font-style:italic;font-size:24px;letter-spacing:-.025em;font-weight:400;line-height:1.15;margin:12px 0 5px}.panel-top h2 span{color:#a1ffe8}.panel-intro{color:#a7b8cd;font-size:11px;line-height:1.65;margin:10px 0 22px}.panel-close{display:none}.control{margin:0 0 20px}.control-label{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:12px}.control-label label{font-size:9px;font-weight:780;letter-spacing:.12em;color:#c5d3e5}.control-label output{color:#b3ffee;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums}.control input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:2px;margin:0;cursor:pointer;border-radius:4px;background:linear-gradient(90deg,#91ffdf var(--progress,65%),#56607775 var(--progress,65%))}.control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:11px;height:11px;border-radius:50%;background:#dffff5;border:2px solid #84eddd;box-shadow:0 0 0 4px #9affea1b,0 0 14px #94ffe199}.control input[type=range]::-moz-range-thumb{width:10px;height:10px;border:2px solid #84eddd;background:#dffff5;border-radius:50%}.range-ends{display:flex;justify-content:space-between;color:#657991;font-size:8px;font-weight:600;letter-spacing:.1em;margin-top:10px}.presets{display:flex;gap:6px;margin-top:1px}.preset{flex:1;min-width:0;border:1px solid #bdcadb35;color:#94a6c1;background:#19284055;padding:10px 2px;font-size:8px;font-weight:750;letter-spacing:.12em;transition:.2s}.preset.selected{color:#b6ffec;border-color:#91f5e9aa;background:#4bead618}.preset:hover{color:#fff}.panel-foot{border-top:1px solid var(--stroke);margin-top:18px;padding-top:16px;display:flex;align-items:center;justify-content:space-between;gap:8px}.panel-foot span{font-size:7px;letter-spacing:.08em;color:#72849f;text-align:right}.text-button{border:0;background:none;color:#c4e3e5;font-weight:700;letter-spacing:.1em;font-size:9px;padding:0}.inspector{z-index:4;position:absolute;bottom:17%;right:4.1%;width:302px;background:linear-gradient(90deg,#070c21b9,#111834a1);padding:19px 21px 17px;border:1px solid #c5f3ef2c;backdrop-filter:blur(21px);box-shadow:0 12px 50px #03091a55}.inspector-kicker{font-size:8px;letter-spacing:.16em;display:flex;align-items:center;color:#b3f7ec;font-weight:750}.inspector-kicker #inspectorNum{margin-left:auto;color:#8596b5}.pulse-dot.blue{background:#88c5ff;box-shadow:0 0 12px #759eff}.inspector h2{font-family:Georgia,serif;font-style:italic;font-size:25px;font-weight:400;margin:12px 0;color:#f0f7ff}.inspector-figure{float:right;position:relative;width:50px;height:62px;margin:-5px 0 0 14px}.diamond-a,.diamond-b{display:block;position:absolute;inset:7px;border:1px solid #bbdfff9c;transform:rotate(45deg) scale(.62);box-shadow:0 0 19px #a5d6ff33}.diamond-b{transform:rotate(60deg) scale(.52);border-color:#db9ef89c}.center-glyph{position:absolute;left:16px;top:18px;color:#bafce9;font-size:25px}.inspector p{font-size:11px;line-height:1.7;color:#b6c5d9;margin:0 0 13px}.inspector-divider{border-top:1px solid #cae8f72e;clear:both;margin-bottom:13px}.inspector-data{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.14em;color:#a8b8c8}.inspector-data strong{color:#e5fffa;font-size:12px}.mini-meter{height:2px;background:#50627a66;margin:12px 0 16px}.mini-meter>div{height:100%;background:linear-gradient(90deg,#93afff,#95ffe2);transition:width .25s}.inspect-button{background:none;border:0;color:#aaf5ec;font-size:9px;font-weight:720;letter-spacing:.14em;padding:0;width:100%;display:flex;justify-content:space-between}.bottom-left{position:absolute;z-index:4;left:6.3%;bottom:38px;display:flex;align-items:flex-end;gap:35px}.coordinate span,.coordinate strong{display:block}.coordinate span{color:#7f92a9;font-size:8px;letter-spacing:.17em;margin-bottom:7px}.coordinate strong{color:#ccdded;font-weight:650;font-size:11px;letter-spacing:.12em}.view-tools{display:flex;gap:10px}.view-tools button{background:#ffffff0a;border:1px solid #a4b1cf40;color:#d0e4f4;padding:8px 10px;font-size:9px;letter-spacing:.06em}.view-tools button[aria-pressed=true]{color:#99ffe2;border-color:#99ffe2}.bottom-right{position:absolute;right:4.1%;bottom:35px;z-index:4;width:302px}.live-mark{font-size:9px;font-weight:700;color:#b9c8d7;letter-spacing:.15em}.live-mark #renderMode{float:right;color:#9df2e0}.metrics{display:flex;justify-content:space-between;gap:15px;margin:15px 0 11px;border-top:1px solid #ffffff30;padding-top:14px}.metrics>div{flex:1}.metrics>div span{display:block;font-size:8px;white-space:nowrap;letter-spacing:.09em;color:#b4c3d3;margin-bottom:5px}.metrics strong{font-family:Georgia,serif;font-size:25px;font-weight:400;color:#eef8ff}.metrics strong small{font:10px Inter,Arial,sans-serif;color:#98adbb}.gesture-hint{font-size:8px;letter-spacing:.08em;color:#8093aa;white-space:nowrap;margin:0}.gesture-hint span{padding:0 5px}.left-edge-annotation{position:absolute;left:14px;top:52%;z-index:4;writing-mode:vertical-rl;transform:rotate(180deg);font-size:8px;letter-spacing:.2em;color:#8899ad}.left-edge-annotation span{color:#9cf5ea}.crosshair{position:absolute;top:50%;left:51%;z-index:2;width:20px;height:20px;pointer-events:none;opacity:.3}.crosshair i{display:block;position:absolute;background:#cefef0}.crosshair i:first-child{width:20px;height:1px;top:10px}.crosshair i:last-child{height:20px;width:1px;left:10px}.mobile-controls-button{display:none}.loading{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#080c1f;gap:23px;transition:opacity .8s,visibility .8s}.loading.gone{opacity:0;visibility:hidden;pointer-events:none}.loading-symbol{color:#a8ffe6;font-size:65px;animation:spin 12s linear infinite;text-shadow:0 0 48px #91c9f0}.loading>span{letter-spacing:.35em;color:#c4efe8;font-size:10px}.loading-track{width:130px;height:1px;background:#ffffff29}.loading-track i{display:block;height:100%;width:80%;background:#a6ffe4;animation:load 1.2s ease-in-out infinite}.guide-dialog{max-width:min(460px,calc(100% - 36px));color:#e5edf9;background:linear-gradient(140deg,#171a3a,#0c1433);border:1px solid #8feadd70;padding:31px 33px;box-shadow:0 30px 110px #000b}.guide-dialog::backdrop{background:#030818a9;backdrop-filter:blur(9px)}.guide-dialog h2{font:italic 37px Georgia,serif;margin:18px 0}.guide-dialog p{font-size:13px;line-height:1.7;color:#bdcadc}.dialog-close{position:absolute;right:13px;top:13px;border:0;background:none;color:white;font-size:23px}.keyline{display:flex;align-items:center;gap:8px;font-size:11px;color:#acc3d5}.keyline kbd{padding:5px 9px;border:1px solid #cedeff55;color:#f2fbff}.dialog-cta{margin-top:24px;background:#a4fce6;color:#0e1931;padding:12px 15px;font-weight:800;letter-spacing:.12em;font-size:10px;border:0}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes blink{50%{opacity:.3}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes load{0%{width:5%}100%{width:100%}}
@media(max-height:820px) and (min-width:901px){.hero{top:19%}.control-panel{top:10.5%;max-height:65%;padding:15px 17px}.control{margin-bottom:12px}.panel-intro{margin:5px 0 14px}.panel-top h2{font-size:21px;margin:6px 0}.inspector{bottom:14.5%;padding:12px 16px}.inspector h2{font-size:21px;margin:7px 0}.inspector p{font-size:10px;line-height:1.4}.bottom-right{bottom:21px}.bottom-left{bottom:20px}}
@media(min-width:1500px){.control-panel{width:325px}.inspector,.bottom-right{width:325px}.hero{top:24%}.hero-desc{max-width:390px}.inspector{bottom:17%}}
@media(max-width:1100px){.hero{top:19%;left:5%;width:42vw}.hero h1{font-size:clamp(53px,6.6vw,80px)}.control-panel,.inspector,.bottom-right{right:2.3%;width:272px}.control-panel{padding:18px}.inspector{padding:15px}.bottom-left{left:5%}.exhibit-tag{font-size:8px}}
@media(max-width:900px){.experience{min-height:500px}.topbar{padding:18px 22px}.exhibit-tag{display:none}.hero{left:5.5%;top:14%;width:76vw}.hero h1{font-size:clamp(57px,13vw,98px)}.hero-desc{max-width:330px}.control-panel{top:auto;right:0;left:0;bottom:0;width:100%;max-height:74%;padding:23px 26px calc(25px + env(safe-area-inset-bottom));transform:translateY(110%);transition:transform .35s ease;background:linear-gradient(145deg,#141a39f5,#09122df8);border-radius:15px 15px 0 0;z-index:9}.control-panel.open{transform:translateY(0)}.panel-close{display:block;border:0;background:transparent;color:#d4e8f3;font-size:29px;line-height:1}.mobile-controls-button{display:flex;position:absolute;z-index:7;bottom:calc(24px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);align-items:center;justify-content:space-between;gap:15px;background:linear-gradient(110deg,#c1ffed,#acb7ff);color:#0f1637;padding:13px 20px;min-width:205px;border:0;border-radius:4px;box-shadow:0 8px 30px #02081b66;font-size:10px;font-weight:850;letter-spacing:.16em}.mobile-controls-button span{font-size:16px}.inspector{right:16px;bottom:calc(88px + env(safe-area-inset-bottom));width:min(300px,39vw);padding:14px}.inspector p{font-size:10px}.bottom-left{bottom:calc(24px + env(safe-area-inset-bottom));left:16px}.bottom-right{display:none}.left-edge-annotation{display:none}.coordinate{display:none}.hero-action{margin-top:22px}.hero-desc{font-size:15px}.tour-button{font-size:9px}.view-tools{display:none}}
@media(max-width:600px){.hero{left:23px;top:18%;width:calc(100% - 46px)}.hero h1{font-size:clamp(56px,15.7vw,89px);margin-bottom:12px}.eyebrow{font-size:8px;margin-bottom:17px;letter-spacing:.19em}.subtitle{font-size:9px;letter-spacing:.26em;margin-bottom:14px}.hero-desc{font-size:14px;max-width:295px;line-height:1.5}.hero-action{margin-top:19px}.scene-caption{display:none}.topbar{padding:20px 22px 0}.brand{font-size:12px}.brand-mark{font-size:26px}.inspector{left:20px;right:auto;bottom:calc(97px + env(safe-area-inset-bottom));width:min(312px,calc(100% - 40px));padding:14px 16px;transform:scale(.93);transform-origin:bottom left}.inspector h2{font-size:20px;margin:8px 0}.inspector p{line-height:1.45}.inspector-figure{height:43px}.inspector-divider{margin-bottom:10px}.inspector .mini-meter{margin:8px 0 10px}.control-panel{max-height:83%;padding:22px 23px calc(25px + env(safe-area-inset-bottom))}.panel-top h2{font-size:25px}.panel-intro{margin-bottom:17px}.control{margin-bottom:19px}.crosshair{left:50%;top:57%}.mobile-controls-button{left:auto;right:20px;transform:none;min-width:170px;bottom:calc(23px + env(safe-area-inset-bottom));padding:13px 11px;font-size:8px}.bottom-left{display:none}}
@media(max-width:380px){.hero{top:14%}.hero h1{font-size:56px}.inspector{bottom:85px}.inspector p{font-size:9px}.hero-desc{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* Keep both systems panels visible on desktop: the discovery inspector lives below the title. */
@media(min-width:901px){.inspector{left:6.3%;right:auto;bottom:12%;width:330px}}
@media(min-width:901px) and (max-width:1100px){.inspector{left:5%;width:285px}}
@media(min-width:901px) and (max-height:800px){.inspector{bottom:12%;padding:12px 16px}.inspector p{font-size:10px;line-height:1.4}.inspector h2{font-size:20px}}

/* Long-form SEO reading experience, published below the interactive viewport. */
html{scroll-behavior:smooth}.journal-nav{text-decoration:none;color:#c4fcef;border-bottom:1px solid #9df5e377;padding-bottom:5px;white-space:nowrap;font-size:10px;letter-spacing:.14em;font-weight:700}.journal-nav span{font-size:14px;margin-left:5px}.journal-nav:hover{color:white}.journal-section{position:relative;background:linear-gradient(155deg,#111b35,#090e23 26%,#0a1128 76%,#151b36);color:#eaf2f9;padding:110px 24px 120px;overflow:hidden}.journal-section:before{content:'✳';position:absolute;top:-80px;right:-3%;font-size:600px;font-family:Georgia;color:#b0fff1;opacity:.024;pointer-events:none}.journal-inner{position:relative;max-width:900px;margin:auto}.journal-brow{display:flex;justify-content:space-between;gap:15px;align-items:center;color:#8ea2b6;font-size:10px;font-weight:700;letter-spacing:.2em;border-bottom:1px solid #aec3d329;padding-bottom:23px}.journal-number{color:#a5ffe8}.journal-hero{display:flex;gap:30px;align-items:center;margin:70px 0 80px}.journal-star{font-size:80px;line-height:1;color:#9bffe5}.journal-hero p{color:#afc8da;font-size:11px;font-weight:750;letter-spacing:.26em}.journal-hero h2{font:italic 55px/1.06 Georgia,serif;letter-spacing:-.05em;margin:15px 0;color:#fff}.journal-content{font-size:16px;line-height:1.9;color:#b8c9d8;max-width:755px;margin:0 auto}.journal-content h2{font-family:Georgia,serif;font-style:italic;letter-spacing:-.04em;font-size:45px;line-height:1.1;font-weight:400;color:#e7f8f2;margin:70px 0 27px}.journal-content h3{font-family:Georgia,serif;font-size:29px;line-height:1.2;letter-spacing:-.02em;color:#d7f4f0;font-weight:400;margin:55px 0 19px}.journal-content h4{font-size:19px;font-weight:700;line-height:1.45;color:#e8f3ff;margin:34px 0 8px}.journal-content p{margin:0 0 24px}.journal-content strong{font-weight:700;color:#f0fff9}.journal-content em{color:#cee8e8}.journal-content code{font-size:14px;white-space:normal;color:#b7ffea;border:1px solid #8bf5e944;background:#b2ffe70d;padding:9px 11px;line-height:2.4}.journal-content hr{border:0;border-top:1px solid #ffffff26;margin:50px 0}.journal-end{text-align:center;border-top:1px solid #a5d0df38;margin-top:100px;padding-top:55px}.end-symbol{color:#acffeb;font-size:50px}.journal-end p{letter-spacing:.18em;font-size:11px;color:#bfd5df}.journal-end a{display:inline-block;margin:22px 0 38px;color:#9ffff1;font-weight:750;font-size:11px;letter-spacing:.18em}.journal-end span{display:block;color:#7289a1;letter-spacing:.23em;font-size:9px}
@media(max-width:900px){.journal-nav{font-size:9px}.journal-section{padding:70px 24px}.journal-hero{margin:55px 0}.journal-hero h2{font-size:42px}.journal-star{font-size:55px}.journal-content{font-size:15px}.journal-content h2{font-size:37px}.journal-content h3{font-size:25px}}
@media(max-width:600px){.journal-nav{position:absolute;top:75px;right:22px;font-size:8px}.journal-section{padding:55px 22px 90px}.journal-brow{font-size:7px;letter-spacing:.14em}.journal-hero{gap:12px;align-items:flex-start;margin:48px 0}.journal-star{font-size:42px}.journal-hero h2{font-size:38px}.journal-hero p{font-size:8px}.journal-content{font-size:14px;line-height:1.85}.journal-content h2{font-size:32px;margin:55px 0 20px}.journal-content h3{font-size:24px;margin:40px 0 16px}.journal-content h4{font-size:18px}}
