:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;--canvas:#080907;--ink:#f5f1e8;--quiet-ink:#f5f1e8b8;--hairline:#ffffff29;--warm:#e8b35a;background:var(--canvas);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root,.app-shell{min-height:100%;margin:0}body{background:var(--canvas);min-width:320px;min-height:100svh;color:var(--ink);overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent;min-height:44px}button{color:inherit;font:inherit}a{color:inherit;text-decoration:none}:where(a,button):focus-visible,h1[tabindex="-1"]:focus{outline:2px solid var(--environment-accent,var(--browse-accent,var(--warm)));outline-offset:4px}.app-shell{position:relative}.app-shell>main{width:100%}.app-shell>audio{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed}.browse{isolation:isolate;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(19rem,.8fr) minmax(32rem,1.2fr);gap:2rem clamp(3rem,7vw,8rem);min-height:100svh;padding:clamp(2rem,5vw,5.5rem);display:grid;position:relative;overflow:hidden}.browse:before{z-index:-2;border:1px solid var(--hairline);content:"";background-image:linear-gradient(90deg,#080907d1,#0000 48%),linear-gradient(#0000 52%,#080907ad);border-radius:clamp(1.75rem,3vw,3rem);transition:background-image .4s;position:absolute;inset:clamp(1rem,2vw,2rem) clamp(1rem,2vw,2rem) clamp(1rem,2vw,2rem) 35%;box-shadow:0 2rem 8rem #00000075}.browse__media{z-index:-3;border-radius:clamp(1.75rem,3vw,3rem);position:absolute;inset:clamp(1rem,2vw,2rem) clamp(1rem,2vw,2rem) clamp(1rem,2vw,2rem) 35%;overflow:hidden;container-type:size}.browse__media>[data-browse-tile]{background-repeat:no-repeat;max-width:none;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.browse:after{z-index:-1;background:radial-gradient(circle at 38% 80%, color-mix(in srgb, var(--browse-accent) 12%, transparent), transparent 30rem), linear-gradient(90deg, var(--canvas) 0 23%, transparent 64%);content:"";pointer-events:none;transition:background .3s;position:absolute;inset:0}.browse__intro{z-index:1;grid-row:2;align-self:center;position:relative}.browse__kicker,.environment__kicker{color:var(--browse-accent,var(--environment-accent));letter-spacing:.2em;text-transform:uppercase;margin:0 0 1.4rem;font-size:.68rem;font-weight:600}.browse h1,.environment__preview-panel h1{letter-spacing:-.075em;text-wrap:balance;margin:0;font-family:Georgia,Times New Roman,Songti SC,serif;font-size:clamp(5rem,9vw,9.5rem);font-weight:400;line-height:.83}.browse__invitation{max-width:25rem;color:var(--quiet-ink);letter-spacing:.08em;margin:2rem 0 0;font-size:.88rem;line-height:1.8}.browse nav{border-top:1px solid var(--hairline);grid-area:3/2;place-self:end;width:min(100%,43rem);margin-right:clamp(0rem,2vw,2rem)}.browse nav a{border-bottom:1px solid var(--hairline);color:#ffffffad;grid-template-columns:2rem minmax(7rem,.6fr) minmax(12rem,1.4fr) auto;align-items:center;gap:1rem;min-height:72px;transition:color .22s,transform .22s;display:grid}.browse--catalog{overflow-y:auto}.browse--catalog nav a{min-height:56px}.browse--variants nav a{grid-template-columns:2rem minmax(8rem,.6fr) minmax(12rem,1.4fr) auto auto}.browse nav a[data-active=true],.browse nav a:hover{color:#fff;transform:translate(.4rem)}.browse__intuition{border:1px solid var(--hairline);color:#f5f1e8c2;cursor:pointer;letter-spacing:.1em;background:#08090761;border-radius:999px;justify-content:center;justify-self:end;align-items:center;min-height:44px;margin:.7rem 0 .2rem;padding:0 1rem;font-size:.68rem;display:inline-flex}.browse__intuition:hover{color:var(--ink);border-color:#f5f1e85c}.browse__index,.browse__intensity{color:var(--browse-accent);letter-spacing:.13em;text-transform:uppercase;font-size:.64rem}.browse__name{font-family:Georgia,Times New Roman,Songti SC,serif;font-size:clamp(1.2rem,2vw,1.7rem)}.browse__hint{color:var(--quiet-ink);letter-spacing:.04em;font-size:.75rem;line-height:1.55}.browse__note{max-width:20rem;color:var(--quiet-ink);letter-spacing:.08em;grid-area:3/1;align-self:end;margin:0;font-size:.7rem;line-height:1.7}.browse__back{color:var(--quiet-ink);letter-spacing:.1em;grid-area:1/1;place-self:start;align-items:center;font-size:.72rem;display:inline-flex}@media (width>=901px) and (height<=760px){.browse{gap:1.25rem clamp(2rem,5vw,5rem);padding-block:.875rem}.browse h1{font-size:clamp(3.5rem,7.5vw,6.5rem)}.browse__kicker{margin-bottom:.8rem}.browse__invitation{margin-top:1rem}.browse--catalog nav a{min-height:44px}.browse__intuition{margin-block:.3rem}}.environment,.neutral-transition{z-index:10;isolation:isolate;background:#10100e;min-height:100svh;position:fixed;inset:0;overflow:hidden}.environment{overflow:clip}.environment:after{z-index:-1;background-color:inherit;content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 -42svh 35svh #000000a8,inset 0 18svh 20svh #0000003d}.environment>:where(img,video,[role=img]){z-index:-2;object-fit:cover;background-repeat:no-repeat;width:100%;height:100%;animation:18s ease-in-out infinite alternate scene-breathe;position:absolute;inset:0}.environment__scene-tile{overflow:hidden}.environment__scene-tile>[data-scene-tile]{background-repeat:no-repeat;max-width:none;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.environment__preview-panel{z-index:1;width:min(42rem,100% - 3rem);position:absolute;bottom:clamp(1.5rem,6vh,5rem);left:clamp(1.5rem,6vw,7rem)}.environment__back{color:#ffffffbd;letter-spacing:.1em;align-items:center;font-size:.72rem;display:inline-flex;position:fixed;top:clamp(1.5rem,4vw,3rem);left:clamp(1.5rem,4vw,3rem)}.environment__description{letter-spacing:.06em;max-width:31rem;margin:1.5rem 0 2rem;font-size:clamp(.92rem,1.3vw,1.08rem);line-height:1.8}.environment__setup{flex-wrap:wrap;align-items:flex-end;gap:.75rem;margin-bottom:1rem;display:flex}.environment__setup fieldset{border:1px solid var(--hairline);-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);background:#08090761;border-radius:999px;gap:.25rem;margin:0;padding:.25rem;display:flex}.environment__setup legend{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.environment__setup button,.environment__sound,.environment__enter{cursor:pointer;letter-spacing:.09em;background:#08090775;border:0;border-radius:999px;font-size:.72rem}.environment__setup button{padding:0 1rem}.environment__setup button[aria-pressed=true]{background:color-mix(in srgb, var(--environment-accent) 36%, #080907b3)}.environment__sound{border:1px solid var(--hairline);padding:0 1.15rem}.environment__enter{border:1px solid color-mix(in srgb, var(--environment-accent) 76%, white);background:color-mix(in srgb, var(--environment-accent) 24%, #0809075c);-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);min-width:11rem;padding:0 1.7rem}.environment__safety{color:#ffffffa3;letter-spacing:.08em;margin:0 0 0 .8rem;font-size:.66rem;display:inline-block}.environment__active-title{letter-spacing:.22em;text-transform:uppercase;text-shadow:0 2px 1rem #000000d9;margin:0;font-size:.68rem;position:absolute;top:clamp(1.5rem,4vw,3rem);left:clamp(1.5rem,4vw,3rem)}.environment__beat{width:min(47rem,100% - 3rem);min-height:7rem;position:absolute;bottom:clamp(5.5rem,12vh,9rem);left:clamp(1.5rem,6vw,7rem)}.environment__beat p{letter-spacing:-.035em;text-shadow:0 2px 1.7rem #000000e6;margin:0;font-family:Georgia,Times New Roman,Songti SC,serif;font-size:clamp(2rem,4vw,4.3rem);line-height:1.12;animation:.9s ease-out both line-arrive}.experience-controls{z-index:2;align-items:center;gap:.35rem;display:flex;position:absolute;bottom:clamp(1rem,3vw,2.5rem);right:clamp(1rem,3vw,2.5rem)}.experience-controls button,.experience-controls__secondary{border:1px solid var(--hairline);-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);background:#08090780;border-radius:999px;min-height:44px}.experience-controls button{cursor:pointer;letter-spacing:.08em;padding:0 1rem;font-size:.68rem}.experience-controls__secondary{align-items:center;gap:.3rem;padding:.25rem;animation:.18s ease-out both controls-arrive;display:flex}.experience-controls__secondary button{background:0 0;border:0}.experience-controls__secondary span{color:#ffffffb3;white-space:nowrap;padding:0 .8rem 0 .3rem;font-size:.66rem}.experience-controls__exit{border-color:color-mix(in srgb, var(--environment-accent) 52%, transparent)!important}.neutral-transition{background:radial-gradient(circle,#e8b35a1a,#0000 32rem),#11110f;place-items:center;display:grid}.neutral-transition p{color:var(--quiet-ink);letter-spacing:-.04em;margin:0;font-family:Georgia,Times New Roman,Songti SC,serif;font-size:clamp(2.4rem,6vw,5rem)}.reflection{background:radial-gradient(circle at 50% 25%,#e8b35a1a,#0000 32rem),#11110f;place-items:center;min-height:100svh;padding:2rem 1.5rem;display:grid}.reflection__panel{text-align:center;width:min(100%,32rem)}.reflection h1{margin:0 0 2rem;font-family:Georgia,Times New Roman,Songti SC,serif;font-size:clamp(1.8rem,5vw,3rem);font-weight:400}.reflection button{border:1px solid var(--hairline);cursor:pointer;background:#ffffff08;border-radius:999px;min-width:44px;min-height:48px;padding:.7rem 1rem}.reflection__responses{gap:.5rem;margin-bottom:2.5rem;display:flex}.reflection__responses button{flex:1}.reflection__responses button:disabled{cursor:default}.reflection__responses button[aria-pressed=true]{border-color:var(--warm);color:var(--warm);background:#e8b35a2e}.reflection__actions{gap:.75rem;display:grid}.content-note{z-index:5;color:#f5f1e894;letter-spacing:.08em;pointer-events:none;max-width:25rem;margin:0;font-size:.66rem;line-height:1.5;position:fixed;bottom:clamp(1rem,3vw,2.5rem);right:clamp(1.5rem,3vw,2.5rem)}body:has(.app-shell>audio) .content-note{opacity:0;visibility:hidden}.app-shell>main:not(.browse):not(.environment):not(.neutral-transition){place-items:center;min-height:100svh;padding:2rem;display:grid}@keyframes scene-breathe{0%{transform:scale(1.01)}to{transform:scale(1.055)}}@keyframes line-arrive{0%{opacity:0;transform:translateY(.75rem)}to{opacity:1;transform:translateY(0)}}@keyframes controls-arrive{0%{opacity:0;transform:translate(.5rem)}to{opacity:1;transform:translate(0)}}@media (width<=900px){.browse{flex-direction:column;justify-content:flex-end;gap:1rem;padding:48svh clamp(1.25rem,5vw,3rem) 5rem;display:flex}.browse:before{background-image:linear-gradient(#0000 48%,#080907d6);border-radius:1.5rem;inset:.75rem .75rem 48svh}.browse__media{border-radius:1.5rem;inset:.75rem .75rem 48svh}.browse:after{background:linear-gradient(0deg, var(--canvas) 0 42%, transparent 70%)}.browse__intro{align-self:stretch}.browse h1{font-size:clamp(4rem,16vw,7rem)}.browse__kicker{margin-bottom:.8rem}.browse__invitation{margin-top:1rem}.browse nav{width:100%;margin:0}.browse nav a,.browse--variants nav a{grid-template-columns:1.6rem minmax(6.5rem,.7fr) minmax(8rem,1.3fr) auto;min-height:64px}.browse--catalog{justify-content:flex-start;padding-top:43svh;overflow-y:auto}.browse--catalog nav a{min-height:58px}.browse--variants .browse__intensity,.browse__note{display:none}.browse__back{z-index:2;position:absolute;top:1.5rem;left:1.5rem}}@media (width<=600px){.browse{padding:43svh 1.25rem 4.5rem}.browse:before{inset:.75rem .75rem 56svh}.browse h1{font-size:clamp(3.8rem,19vw,5.5rem)}.browse__hint{display:none}.browse nav a,.browse--variants nav a{grid-template-columns:1.5rem 1fr auto}.browse__intensity{display:block!important}.browse nav a>span:last-child{display:none}.environment__preview-panel{width:calc(100% - 2.5rem);bottom:1.25rem;left:1.25rem}.environment__preview-panel h1{font-size:clamp(4.3rem,22vw,6.5rem)}.environment__description{margin:1rem 0 1.3rem}.environment__setup{gap:.5rem}.environment__setup fieldset{width:100%}.environment__setup fieldset button{flex:1}.environment__sound,.environment__enter{width:100%}.environment__safety{text-align:center;margin:.7rem 0 0;display:block}.environment__active-title{top:1.25rem;left:1.25rem}.environment__beat{width:calc(100% - 2.5rem);bottom:7rem;left:1.25rem}.environment__beat p{font-size:clamp(1.8rem,8vw,2.7rem)}.experience-controls{bottom:.75rem;left:.75rem;right:.75rem}.experience-controls__toggle{order:1}.experience-controls__secondary{position:absolute;bottom:3.4rem;right:0}.experience-controls__exit{margin-left:auto}.content-note{bottom:1rem;left:1.25rem;right:1.25rem}.browse+.content-note{margin:0 1.25rem 1rem;position:static}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.environment>:where(img,video,[role=img]){transform:none}}