@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Manrope:wght@300;400;500;600&display=swap";:root{font-family:Manrope,system-ui,sans-serif;color:#e8e4da;background:#050807;font-synthesis:none;--mint: #71c7b8;--amber: #d8a85c;--line: rgba(213, 226, 217, .14);--muted: #85908a}*{box-sizing:border-box}html,body,#root{margin:0;min-width:320px;min-height:100%;background:#050807}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:1px solid var(--mint);outline-offset:4px}.landing-header{position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between}.viewing-toggle{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:7px 10px;border:1px solid var(--line);background:#080d0b6b;color:#9ca7a1;cursor:pointer;font:400 8px DM Mono;letter-spacing:.1em;text-transform:uppercase}.viewing-toggle svg{color:var(--amber)}.landing{position:relative;min-height:100vh;overflow:hidden;padding:34px 5vw;background:radial-gradient(circle at 82% 45%,rgba(42,97,82,.15),transparent 29%),radial-gradient(circle at 30% 85%,rgba(128,91,40,.07),transparent 34%),#060908}.landing:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(to right,transparent 20%,#000);mask-image:linear-gradient(to right,transparent 20%,#000)}.site-mark{display:inline-flex;gap:10px;align-items:center;text-transform:uppercase;font:500 10px/1 DM Mono,monospace;letter-spacing:.14em}.site-mark>span:last-child{color:#58635f;margin-left:5px}.site-mark em{color:var(--mint);font-style:normal;border-left:1px solid var(--line);padding-left:10px}.mark-dot{width:7px;height:7px;border:1px solid var(--mint);border-radius:50%;box-shadow:0 0 10px #71c7b880}.hero-copy{position:relative;z-index:2;width:min(630px,57vw);margin:clamp(110px,18vh,180px) 0 0 7vw}.eyebrow{font:400 10px/1.4 DM Mono,monospace;letter-spacing:.18em;color:var(--mint)}.hero-copy h1{margin:26px 0 24px;font-size:clamp(60px,7vw,112px);line-height:.89;font-weight:300;letter-spacing:-.065em}.hero-intro{color:#9ba49f;font-size:clamp(15px,1.2vw,18px);line-height:1.7;max-width:490px}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:28px;border:1px solid rgba(113,199,184,.38);background:#4a80731f;padding:15px 18px;margin-top:24px;font-size:12px;cursor:pointer;transition:.25s ease}.primary-button:hover{background:#67b19f33;border-color:var(--mint);transform:translateY(-1px)}.headphone-note{display:flex;gap:9px;align-items:center;color:#68736e;font:400 9px DM Mono;text-transform:uppercase;letter-spacing:.12em;margin-top:17px}.drop-card{position:absolute;z-index:3;right:7vw;bottom:13vh;width:min(350px,31vw);padding:23px;border:1px solid var(--line);background:#080e0cad;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:grid;grid-template-columns:auto 1fr;gap:8px 17px;align-items:start;transition:.2s ease}.drop-card.dragging{border-color:var(--mint);background:#285b4f47;transform:scale(1.015)}.drop-glyph{color:var(--amber);margin-top:3px}.drop-card strong,.drop-card span{display:block}.drop-card strong{font-size:13px;font-weight:500}.drop-card span{color:#77827c;font-size:11px;line-height:1.5;margin-top:5px}.text-button,.experience-header button{display:inline-flex;align-items:center;gap:7px;background:none;padding:0;border:0;cursor:pointer;font:400 9px DM Mono;color:#a7b1ab;text-transform:uppercase;letter-spacing:.1em}.text-button{grid-column:2;margin-top:8px;color:var(--mint)}.landing-error{position:absolute;right:7vw;bottom:7.5vh;max-width:350px;color:#e7a87a;font-size:11px}.privacy{position:absolute;bottom:34px;left:5vw;display:flex;align-items:center;gap:9px;color:#56615c;font:400 9px DM Mono;letter-spacing:.07em}.ambient-orbit{position:absolute;width:min(57vw,780px);aspect-ratio:1;top:5%;right:-8%;border:1px solid rgba(115,172,158,.07);border-radius:50%}.ambient-orbit i{position:absolute;top:12%;right:12%;bottom:12%;left:12%;border:1px solid rgba(115,172,158,.06);border-radius:50%}.ambient-orbit i:nth-child(2){top:28%;right:28%;bottom:28%;left:28%}.ambient-orbit i:nth-child(3){top:43%;right:43%;bottom:43%;left:43%;background:#6cbca909;box-shadow:0 0 100px #63b29f1f}.loading-screen,.error-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle,#0b1713,#050807 55%)}.loading-screen p{margin:28px 0 8px;font-weight:300;font-size:23px}.loading-screen span{color:#69746e;font:9px DM Mono;letter-spacing:.12em;text-transform:uppercase}.loading-ring{width:60px;height:60px;border:1px solid rgba(113,199,184,.15);border-top-color:var(--mint);border-radius:50%;animation:spin 1.7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-screen>svg{color:#d4a05d;width:30px;height:30px;margin-bottom:25px}.error-screen h1{font-size:clamp(35px,5vw,68px);letter-spacing:-.05em;font-weight:300;margin:13px 0}.error-screen>p:not(.eyebrow){color:var(--muted);max-width:520px}.error-screen .primary-button{gap:10px}.experience{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#050807}.experience:after{content:"";pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 180px #000000b8}.experience-canvas{position:absolute!important;top:0;right:0;bottom:0;left:0}.canvas-fallback{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,#102019,#050807 60%)}.grain{position:absolute;top:-100%;right:-100%;bottom:-100%;left:-100%;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");animation:grain .25s steps(2) infinite}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(3%,-2%)}50%{transform:translate(-2%,3%)}75%{transform:translate(2%,2%)}}.guided-overlay,.lab-ui{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;pointer-events:none}.guided-overlay button,.lab-ui button,.lab-ui input,.lab-ui label{pointer-events:auto}.advance-surface{position:absolute;z-index:0;top:77px;right:0;bottom:0;left:0;border:0;background:transparent;cursor:e-resize}.experience-header{position:absolute;top:0;left:0;right:0;height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 3.2vw}.experience-header button{color:#78837d}.experience-header button:hover{color:#e8e4da}.experience-header>div{display:flex;gap:27px}.scale-label{position:absolute;top:103px;left:50%;transform:translate(-50%);color:#5d6963;font:8px DM Mono;letter-spacing:.15em;white-space:nowrap}.guided-caption{position:absolute;left:8vw;bottom:15vh;width:min(620px,65vw);animation:caption-in .9s ease both}@keyframes caption-in{0%{opacity:0;transform:translateY(18px)}}.guided-caption>span{color:var(--amber);font:9px DM Mono;letter-spacing:.14em}.guided-caption h2{font-weight:300;font-size:clamp(34px,4.4vw,70px);line-height:1;letter-spacing:-.05em;margin:20px 0 15px}.guided-caption p{color:#8a958f;line-height:1.6;font-size:13px;max-width:480px}.continue-button{display:inline-flex;align-items:center;gap:11px;margin-top:14px;padding:0 0 5px;border:0;border-bottom:1px solid rgba(113,199,184,.45);background:none;color:var(--mint);cursor:pointer;font:9px DM Mono;letter-spacing:.13em;text-transform:uppercase}.guided-progress{position:absolute;height:1px;left:8vw;right:8vw;bottom:7vh;background:#ffffff21}.guided-progress i{display:block;height:1px;background:var(--mint);box-shadow:0 0 8px var(--mint);transition:width .2s linear}.guided-navigation{position:absolute;left:50%;bottom:calc(7vh - 14px);transform:translate(-50%);display:flex;align-items:center;gap:13px}.guided-navigation button{width:29px;height:29px;display:grid;place-items:center;border:1px solid var(--line);background:#050908c2;cursor:pointer}.guided-navigation button:disabled{opacity:.25;cursor:default}.guided-navigation span{color:#58635e;font:8px DM Mono;letter-spacing:.12em}.round-control{width:39px;height:39px;display:grid;place-items:center;border:1px solid rgba(208,220,213,.3);border-radius:50%;background:#080d0bcc;cursor:pointer}.guided-play{position:absolute;right:8vw;bottom:calc(7vh - 19px)}.mode-description{position:absolute;left:3.2vw;top:108px}.mode-description span{color:var(--mint);font:10px DM Mono;letter-spacing:.16em}.mode-description p{color:#79847e;font-size:11px;margin:8px 0}.view-tabs{position:absolute;left:3.2vw;bottom:119px;display:flex}.view-tabs button{min-width:110px;padding:13px 17px;text-align:left;background:#060a0985;border:1px solid var(--line);color:#66716b;text-transform:uppercase;font:400 9px DM Mono;letter-spacing:.12em;cursor:pointer}.view-tabs button+button{border-left:0}.view-tabs button.active{color:#e8e4da;background:#54837824;box-shadow:inset 0 -1px var(--mint)}.view-tabs span{color:#4e5b55;margin-right:12px}.process-labels{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;color:#65716b;font:7px DM Mono;letter-spacing:.13em}.process-labels span{position:absolute;top:50%;padding-top:11px;border-top:1px solid rgba(113,199,184,.24);white-space:nowrap}.process-labels i{color:#947b53;font-style:normal;font-size:6px}.perception-process span:nth-child(1){left:8.2vw}.perception-process span:nth-child(2){left:41%;transform:translate(-50%)}.perception-process span:nth-child(3){right:8vw}.parameter-panel{position:absolute;top:105px;right:3.2vw;width:245px;padding:18px;background:#070c0abd;border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mode-perception .parameter-panel{display:none}.parameter-panel>p{margin:0 0 20px;font:9px DM Mono;letter-spacing:.12em}.parameter-panel>p span{float:right;color:#56625c;font-size:7px}.parameter-panel label{display:grid;grid-template-columns:1fr auto;gap:9px;color:#8c9691;font:9px DM Mono;text-transform:uppercase;letter-spacing:.08em;margin-top:17px}.parameter-panel output{color:#d2d6d2}.parameter-panel input{grid-column:1 / -1;width:100%}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:1px;background:#e6f0ea33;accent-color:var(--mint)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 7px #71c7b8b3}.transport{position:absolute;left:0;right:0;bottom:0;height:88px;border-top:1px solid var(--line);background:#050908e0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;align-items:center;padding:0 3.2vw;gap:15px}.track-meta{display:flex;align-items:center;gap:13px;width:225px;min-width:0}.track-meta i{width:31px;height:31px;flex:0 0 auto;background:radial-gradient(circle,rgba(113,199,184,.5),transparent 65%),repeating-radial-gradient(circle,#263c36 0,#263c36 1px,#0e1714 2px,#0e1714 4px);border-radius:50%}.track-meta div{min-width:0}.track-meta strong,.track-meta span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-meta strong{font-size:11px;font-weight:500}.track-meta span{color:#66716b;font-size:9px;margin-top:4px}.icon-button{border:0;background:none;color:#6e7973;cursor:pointer}.transport time{color:#717c76;font:9px DM Mono}.seek{flex:1;min-width:80px}.volume{display:flex;align-items:center;gap:10px;color:#5f6b65;font:8px DM Mono}.volume input{width:65px}.info-scrim{position:fixed;z-index:10;top:0;right:0;bottom:0;left:0;background:#010403b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:flex-end}.info-panel{width:min(560px,100%);height:100%;overflow:auto;padding:8vh 7%;background:#09100e;border-left:1px solid var(--line);animation:panel-in .45s ease both;position:relative}@keyframes panel-in{0%{transform:translate(100%)}}.info-close{position:absolute;top:28px;right:30px;background:none;border:0;cursor:pointer;color:#84908a}.info-panel h2{font-size:clamp(37px,4vw,57px);font-weight:300;letter-spacing:-.055em;line-height:1;margin:24px 0 35px}.info-panel>p:not(.eyebrow,.caveat){color:#9aa49e;line-height:1.75;font-size:14px}.info-panel dl{margin:40px 0}.info-panel dl div{display:grid;grid-template-columns:100px 1fr;padding:19px 0;border-top:1px solid var(--line)}.info-panel dt{color:var(--mint);font:10px DM Mono;text-transform:uppercase}.info-panel dd{color:#8c9791;line-height:1.6;font-size:12px;margin:0}.caveat{border-left:1px solid var(--amber);color:#777f7a;padding-left:18px;font:9px/1.7 DM Mono;text-transform:uppercase;letter-spacing:.06em}.info-sources{margin:28px 0 5px;border-top:1px solid var(--line)}.info-sources span{display:block;margin:15px 0 8px;color:var(--mint);font:8px DM Mono;letter-spacing:.13em}.info-sources a{display:block;padding:8px 0;color:#8c9791;font-size:10px;text-decoration:none}.info-sources a:hover{color:var(--mint)}.audio-gate{position:absolute;z-index:12;left:50%;bottom:112px;transform:translate(-50%);width:min(470px,calc(100% - 36px));display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:14px 16px;border:1px solid rgba(216,168,92,.42);background:#080d0bf0;box-shadow:0 16px 60px #00000047;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.audio-gate>svg{color:var(--amber)}.audio-gate strong,.audio-gate span{display:block}.audio-gate strong{font-size:11px;font-weight:500}.audio-gate span{margin-top:3px;color:#7f8a84;font-size:9px}.audio-gate button{border:1px solid rgba(113,199,184,.4);background:#4a807324;padding:9px 11px;color:var(--mint);cursor:pointer;font:8px DM Mono;text-transform:uppercase;letter-spacing:.08em}.daylight{color:#17211e;--mint: #075f57;--amber: #8a4c05;--line: rgba(25, 49, 41, .22);--muted: #53635d}.landing.daylight{background:radial-gradient(circle at 82% 45%,rgba(52,123,105,.14),transparent 31%),radial-gradient(circle at 30% 85%,rgba(157,106,31,.1),transparent 35%),#edf0e9}.daylight.landing:after{opacity:.38;background-image:linear-gradient(rgba(24,52,43,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(24,52,43,.05) 1px,transparent 1px)}.daylight .site-mark>span:last-child{color:#64716c}.daylight .hero-intro{color:#53615c}.daylight .headphone-note,.daylight .privacy{color:#596862}.daylight .primary-button{border-color:#075f5775;background:#2373641a}.daylight .primary-button:hover{background:#2373642b}.daylight .drop-card{background:#f4f6f0d1;box-shadow:0 18px 60px #31443c1a}.daylight .drop-card span,.daylight .text-button,.daylight .experience-header button{color:#465a53}.daylight .drop-card.dragging{background:#cce5dadb}.daylight .ambient-orbit,.daylight .ambient-orbit i{border-color:#185d4e21}.daylight .ambient-orbit i:nth-child(3){background:#257c670f;box-shadow:0 0 100px #257c671f}.loading-screen.daylight,.error-screen.daylight{background:radial-gradient(circle,#dce7df,#edf0e9 58%)}.daylight.loading-screen span,.daylight.error-screen>p:not(.eyebrow){color:#586761}.daylight .viewing-toggle{background:#f7f8f3bd;color:#30433c}.experience.daylight{background:#e9ede6}.experience.daylight:after{box-shadow:inset 0 0 150px #50645a1f}.daylight .canvas-fallback{background:radial-gradient(circle,#d8e4dc,#e9ede6 62%)}.daylight .grain{opacity:.055;mix-blend-mode:multiply}.daylight .experience-header{background:#e9ede68f}.daylight .experience-header button:hover{color:#15231e}.daylight .scale-label,.daylight .guided-navigation span{color:#53665e}.daylight .guided-caption p{color:#4d5d57}.daylight .guided-progress{background:#17312933}.daylight .guided-navigation button,.daylight .round-control{background:#f6f8f2d6;border-color:#1931294d}.daylight .mode-description p{color:#53635d}.daylight .view-tabs button{background:#eff2ebbd;color:#52635c}.daylight .view-tabs button.active{color:#14241e;background:#85b9a933}.daylight .view-tabs span{color:#657a71}.daylight .process-labels{color:#53645d}.daylight .process-labels span{border-top-color:#075f5747}.daylight .parameter-panel{background:#f4f6f0e0;box-shadow:0 14px 50px #2a3f3617}.daylight .parameter-panel>p span{color:#64746e}.daylight .parameter-panel label{color:#41534c}.daylight .parameter-panel output{color:#17251f}.daylight input[type=range]{background:#1931294d}.daylight .transport{background:#eff2ebeb}.daylight .track-meta i{background:radial-gradient(circle,rgba(7,95,87,.44),transparent 65%),repeating-radial-gradient(circle,#76958a 0,#76958a 1px,#d5dfd8 2px,#d5dfd8 4px)}.daylight .track-meta span,.daylight .icon-button,.daylight .transport time,.daylight .volume{color:#52645d}.daylight .info-scrim{background:#cfd6cfc2}.daylight .info-panel{background:#f0f3ed}.daylight .info-panel>p:not(.eyebrow,.caveat),.daylight .info-panel dd{color:#4f6059}.daylight .info-close{color:#40534b}.daylight .caveat{color:#53615c}.daylight .audio-gate{background:#f7f8f3f5;box-shadow:0 16px 60px #2f413929}.daylight .audio-gate span{color:#586761}.daylight .audio-gate button{background:#2373641a}.error-viewing{position:absolute;top:28px;right:3.2vw}@media(max-width:780px){.landing{padding:25px 22px 110px;overflow-y:auto}.hero-copy{width:auto;margin:16vh 0 0}.hero-copy h1{font-size:clamp(54px,17vw,82px)}.hero-intro{max-width:95%}.drop-card{position:relative;right:auto;bottom:auto;width:100%;margin-top:70px}.privacy{position:relative;left:auto;bottom:auto;margin-top:23px}.ambient-orbit{width:100vw;right:-50%;top:7%}.landing-error{position:static}.experience-header{height:63px;padding:0 18px}.experience-header .desktop-help{display:none}.guided-caption{left:23px;bottom:17vh;width:calc(100% - 46px)}.guided-caption h2{font-size:37px}.guided-caption p{font-size:11px;max-width:88%}.guided-progress{left:23px;right:23px}.guided-play{right:23px}.mode-description{left:19px;top:82px}.parameter-panel{top:auto;bottom:143px;right:16px;width:210px;max-height:196px;overflow:auto}.parameter-panel label{margin-top:12px}.process-labels{display:none}.view-tabs{left:16px;right:16px;bottom:98px}.view-tabs button{flex:1;min-width:0;text-align:center;padding:12px 4px}.view-tabs span{display:none}.transport{height:82px;padding:0 17px;gap:10px;flex-wrap:wrap;align-content:center}.track-meta{width:calc(100% - 95px)}.transport .icon-button{display:none}.transport .seek{order:8;flex-basis:calc(100% - 72px)}.transport time{order:7}.transport time+.seek+time{order:9}.volume,.viewing-toggle span{display:none}.viewing-toggle{min-width:32px;justify-content:center;padding:7px}.audio-gate{bottom:96px;grid-template-columns:auto 1fr}.audio-gate button{grid-column:1 / -1;width:100%;min-height:38px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.grain{display:none}}