.nvo-scene{isolation:isolate;contain:layout paint;background:#000;width:100%;min-width:0;height:100%;min-height:0;position:relative;overflow:hidden}.nvo-node{will-change:transform, opacity;backface-visibility:hidden;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.nvo-node>*{width:100%;height:100%}.nvo-gesture{-webkit-user-select:none;user-select:none}@media (prefers-reduced-motion:reduce){.nvo-node{will-change:auto}}:root{color:#f5f7ff;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#07090f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button,input{color:inherit;font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,summary:focus-visible{outline-offset:3px;outline:2px solid #8edfff}.demo-shell{width:100%;height:100dvh;position:relative}.lab-page{width:100%;height:100%;padding:max(2rem, env(safe-area-inset-top)) max(1.5rem, env(safe-area-inset-right)) max(2rem, env(safe-area-inset-bottom)) max(1.5rem, env(safe-area-inset-left));flex-direction:column;justify-content:center;gap:1.15rem;display:flex;position:relative;overflow:hidden}.lab-page h1,.lab-page p{max-width:43rem;margin:0}.lab-page h1{letter-spacing:-.062em;font-size:clamp(2.6rem,7vw,6.4rem);line-height:.93}.lab-page p{color:#ffffffad;font-size:clamp(1rem,1.6vw,1.2rem);line-height:1.58}.eyebrow{color:#ffffff94;letter-spacing:.15em;text-transform:uppercase;font-size:.72rem;font-weight:780}.primary-action,.view-back,.photo-toolbar button,.player-header button,.track-copy button,.player-controls button,.chat-header button,.composer button{color:inherit;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:999px}.primary-action{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-self:flex-start;padding:.82rem 1.15rem;font-weight:720}.view-back{top:max(1.25rem, env(safe-area-inset-top));left:max(1.5rem, env(safe-area-inset-left));z-index:2;padding:.58rem .85rem;font-size:.8rem;position:absolute}.instance-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0000002b;border:1px solid #ffffff24;border-radius:1rem;grid-template-columns:auto auto;align-self:flex-start;align-items:center;gap:.12rem .7rem;min-width:12rem;padding:.75rem .9rem;display:grid}.instance-card span{color:#ffffff8a;letter-spacing:.08em;text-transform:uppercase;font-size:.66rem}.instance-card strong{grid-area:span 2/2;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.15rem}.instance-card small{color:#8dffc0;font-size:.7rem}.gesture-hint{align-items:center;gap:.6rem;margin-top:.75rem;font-weight:720;display:flex}.gesture-hint span{font-size:1.55rem}.gesture-hint--back{align-self:flex-start}.edge-marker{z-index:4;color:#ffffff61;letter-spacing:.12em;text-transform:uppercase;writing-mode:vertical-rl;pointer-events:none;padding:.35rem .32rem;font-size:.54rem;position:absolute;top:50%;transform:translateY(-50%)rotate(180deg)}.edge-marker--left{border-right:1px solid #ffffff29;left:0}.proof,.metric-grid>div{background:#00000024;border:1px solid #ffffff24;border-radius:1rem;padding:.9rem 1rem}.proof strong{margin-left:.35rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.metric-grid{grid-template-columns:repeat(2,minmax(0,13rem));gap:.75rem;display:grid}.metric-grid>div{flex-direction:column;gap:.25rem;display:flex}.metric-grid span{color:#ffffff85;letter-spacing:.08em;text-transform:uppercase;font-size:.68rem}.hub-view{overscroll-behavior:contain;background:radial-gradient(circle at 14% -10%,#313375 0,#0000 35rem),radial-gradient(circle at 100% 70%,#173c4c 0,#0000 34rem),#090b12;justify-content:flex-start;overflow:auto}.hub-header,.section-header{justify-content:space-between;align-items:flex-end;gap:2rem;width:min(100%,76rem);margin:0 auto;padding-top:clamp(2rem,7vh,5rem);display:flex}.hub-header>div:first-child,.section-header>div:first-child{flex-direction:column;gap:.8rem;display:flex}.hub-header h1{max-width:62rem;font-size:clamp(3rem,7.4vw,7.5rem)}.hub-header p{max-width:52rem}.lab-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:.85rem;width:min(100%,76rem);margin:1.2rem auto 0;display:grid}.lab-card{color:#fff;text-align:left;background:linear-gradient(145deg,#ffffff17,#ffffff05),#10131c;border:1px solid #ffffff21;border-radius:1.4rem;flex-direction:column;grid-column:span 4;align-items:flex-start;gap:1.2rem;min-height:15rem;padding:1.2rem;transition:border-color .18s,transform .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 1.3rem 4rem #0000001f}.lab-card:first-child,.lab-card:nth-child(2){grid-column:span 6}.lab-card:hover{border-color:#ffffff4d;transform:translateY(-3px)}.lab-card:after{background:var(--lab-glow);filter:blur(30px);content:"";opacity:.42;border-radius:50%;width:12rem;height:12rem;position:absolute;bottom:-5rem;right:-3rem}.lab-card--violet{--lab-glow:#8c57ff}.lab-card--cyan{--lab-glow:#28d5ff}.lab-card--amber{--lab-glow:#ff9f3d}.lab-card--green{--lab-glow:#53e69b}.lab-card--rose{--lab-glow:#ff527b}.lab-number{color:#ffffff6b;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem}.lab-copy{flex-direction:column;gap:.55rem;max-width:25rem;display:flex}.lab-copy strong{letter-spacing:-.045em;font-size:clamp(1.5rem,2.4vw,2.4rem)}.lab-copy small{color:#ffffff94;font-size:.9rem;line-height:1.5}.tag-row{flex-wrap:wrap;gap:.35rem;margin-top:auto;display:flex}.tag-row em{color:#ffffff8c;border:1px solid #ffffff1f;border-radius:999px;padding:.28rem .5rem;font-size:.62rem;font-style:normal}.lab-arrow{font-size:1.25rem;position:absolute;top:1rem;right:1.1rem}.hub-footer{color:#fff6;justify-content:space-between;gap:1rem;width:min(100%,76rem);margin:.8rem auto 0;padding-bottom:1rem;font-size:.7rem;display:flex}.scene-debug{z-index:20;top:max(.75rem, env(safe-area-inset-top));right:max(.75rem, env(safe-area-inset-right));color:#ffffffb3;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#07090fd1;border:1px solid #ffffff24;border-radius:1rem;width:min(20rem,100vw - 1.5rem);font-size:.7rem;position:fixed;box-shadow:0 .8rem 2.5rem #00000047}.scene-debug summary{color:#fff;cursor:pointer;align-items:center;gap:.45rem;padding:.65rem .8rem;font-weight:720;list-style:none;display:flex}.scene-debug summary::-webkit-details-marker{display:none}.debug-pulse{background:#5f6b7b;border-radius:50%;width:.5rem;height:.5rem}.debug-pulse.live{background:#65ffac;box-shadow:0 0 0 .25rem #65ffac21}.debug-content{flex-direction:column;gap:.9rem;max-height:min(70vh,36rem);padding:0 .8rem .8rem;display:flex;overflow:auto}.debug-content section{border-top:1px solid #ffffff17;flex-direction:column;gap:.4rem;padding-top:.7rem;display:flex}.debug-content ol,.event-log{flex-direction:column;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.debug-content ol li{justify-content:space-between;display:flex}.debug-content code{color:#8edfff}.debug-operation{grid-template-columns:1fr auto;gap:.25rem .5rem;display:grid}.debug-operation progress{accent-color:#65ffac;grid-column:1/-1;width:100%;height:.3rem}.debug-operation small{color:#ffffff6b;grid-column:1/-1}.event-log li{color:#ffffff85}.event-log time{color:#ffffff47;margin-right:.35rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.chain-view{padding-left:max(2.4rem, env(safe-area-inset-left))}.chain-view h1{max-width:54rem}.chain-view p{max-width:40rem}.view-one{background:radial-gradient(circle at 80% 15%,#6b36a2 0,#0000 39%),linear-gradient(145deg,#24133b,#0d0e18 70%)}.view-two{background:radial-gradient(circle at 20% 15%,#1976a9 0,#0000 42%),linear-gradient(145deg,#073b5a,#081525 70%)}.view-three{background:radial-gradient(circle at 80% 15%,#c96f2c 0,#0000 40%),linear-gradient(145deg,#713817,#1d110c 70%)}.view-four{background:radial-gradient(circle at 20% 20%,#d8ff86 0,#0000 34%),linear-gradient(145deg,#294a3a,#08140f 70%)}.direction-view{background:linear-gradient(#ffffff08 1px,#0000 1px) 0 0/3rem 3rem,linear-gradient(90deg,#ffffff08 1px,#0000 1px) 0 0/3rem 3rem,radial-gradient(circle at 80% 20%,#163c55 0,#0000 38rem),#090d14}.direction-compass{grid-template:".up."7rem"left core."8rem/8rem 8rem 1fr;gap:.75rem;display:grid;position:absolute;bottom:clamp(4rem,12vh,9rem);right:clamp(2rem,10vw,10rem)}.compass-action,.compass-core{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff12;border:1px solid #ffffff26;border-radius:1.4rem;flex-direction:column;justify-content:center;align-items:center;display:flex}.compass-action{gap:.2rem}.compass-action span{font-size:1.4rem}.compass-action small,.compass-core span{color:#ffffff6b;text-transform:uppercase;font-size:.58rem}.compass-action--up{grid-area:up}.compass-action--left{grid-area:left}.compass-core{background:#38d8ff1f;border-radius:50%;grid-area:core;box-shadow:inset 0 0 2rem #38d8ff14}.gesture-map{flex-wrap:wrap;gap:.35rem;display:flex}.gesture-map span{color:#ffffff85;border:1px solid #ffffff1f;border-radius:999px;padding:.35rem .55rem;font-size:.66rem}.direction-result{background:radial-gradient(circle at 70% 30%, color-mix(in srgb, var(--result-accent), transparent 45%), transparent 35rem), #091019}.direction-result h1,.direction-result p,.direction-result .instance-card,.direction-result .primary-action,.direction-result .gesture-hint{z-index:1;position:relative}.result-orbit{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--result-accent), transparent 65%);width:min(74vw,50rem);box-shadow:0 0 0 4rem color-mix(in srgb, var(--result-accent), transparent 94%), 0 0 0 9rem color-mix(in srgb, var(--result-accent), transparent 97%);border-radius:50%;position:absolute;bottom:-24vw;right:-12vw}.gallery-view{background:radial-gradient(circle at 90% 0,#4a2d22 0,#0000 34rem),#0c0d12;justify-content:flex-start;overflow:auto}.section-header{align-items:flex-end;padding-top:clamp(3rem,8vh,6rem)}.section-header h1{max-width:52rem;font-size:clamp(2.6rem,5.6vw,5.5rem)}.photo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;width:min(100%,76rem);margin:1.5rem auto 0;padding-bottom:2rem;display:grid}.photo-card{color:#fff;text-align:left;border:1px solid #ffffff29;border-radius:1.4rem;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:.25rem;min-height:clamp(18rem,45vh,34rem);padding:1.15rem;transition:transform .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 1.3rem 3rem #0000002e}.photo-card:hover{transform:translateY(-4px)scale(1.006)}.photo-card:after{content:"";background:linear-gradient(#0000,#0000009e);position:absolute;inset:45% 0 0}.photo-card>*{z-index:1;position:relative}.photo-card span{color:#ffffff85;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.66rem}.photo-card strong{letter-spacing:-.05em;font-size:clamp(1.7rem,3vw,3rem)}.photo-card small{color:#ffffff9e}.photo-detail{width:100%;height:100%;position:relative;overflow:hidden}.photo-vignette{background:linear-gradient(90deg,#00000094,#0000 70%),linear-gradient(#0000 52%,#00000073);position:absolute;inset:0}.photo-toolbar{z-index:2;top:max(1.2rem, env(safe-area-inset-top));right:max(1.2rem, env(safe-area-inset-right));left:max(1.2rem, env(safe-area-inset-left));justify-content:space-between;display:flex;position:absolute}.photo-toolbar button{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:.55rem .8rem}.photo-copy{z-index:1;right:max(1.5rem, env(safe-area-inset-right));bottom:max(2rem, env(safe-area-inset-bottom));left:max(1.5rem, env(safe-area-inset-left));flex-direction:column;gap:.85rem;display:flex;position:absolute}.photo-copy h1,.photo-copy p{max-width:42rem;margin:0}.photo-copy h1{letter-spacing:-.075em;font-size:clamp(3.5rem,11vw,9rem);line-height:.84}.photo-copy p{color:#ffffffb8;line-height:1.55}.player-view{width:100%;height:100%;padding:max(1.4rem, env(safe-area-inset-top)) max(1.5rem, env(safe-area-inset-right)) max(1.5rem, env(safe-area-inset-bottom)) max(1.5rem, env(safe-area-inset-left));background:radial-gradient(circle at 50% 38%,#345f4c 0,#0000 34rem),linear-gradient(#183528,#08130e);flex-direction:column;justify-content:space-between;align-items:center;gap:1rem;display:flex;position:relative}.player-header,.track-copy,.timeline,.player-controls{align-items:center;width:min(100%,34rem);display:flex}.player-header{text-transform:uppercase;justify-content:space-between;font-size:.8rem;font-weight:720}.player-header button,.track-copy button,.player-controls button{place-items:center;width:2.7rem;height:2.7rem;padding:0;display:grid}.album-art{aspect-ratio:1;background:radial-gradient(circle at 30% 24%,#c9ff9e 0,#0000 20%),conic-gradient(from 40deg,#1d5840,#86c179,#153a2a,#d2ed9d,#1d5840);border:1px solid #ffffff24;border-radius:2.2rem;place-items:center;width:min(63vw,25rem);display:grid;position:relative;overflow:hidden;box-shadow:0 2.4rem 7rem #00000059}.album-ring{border:1px solid #ffffff47;border-radius:50%;position:absolute}.album-ring--one{width:74%;height:74%}.album-ring--two{width:48%;height:48%}.album-center{color:#102519;background:#d9ffaf;border-radius:50%;place-items:center;width:5rem;height:5rem;font-size:2rem;font-weight:850;display:grid}.track-copy{justify-content:space-between}.track-copy h1,.track-copy p{margin:0}.track-copy h1{letter-spacing:-.045em;font-size:clamp(1.7rem,4vw,2.4rem)}.track-copy p{color:#ffffff85;margin-top:.2rem}.timeline{color:#ffffff7a;grid-template-columns:1fr auto;gap:.3rem .7rem;font-size:.66rem;display:grid}.timeline input{accent-color:#d9ffaf;grid-column:1/-1;width:100%}.timeline span:last-child{text-align:right}.player-controls{justify-content:center;gap:1.5rem}.player-controls .play-button{color:#102519;background:#d9ffaf;width:4rem;height:4rem;font-size:1.2rem}.policy-note{color:#ffffff7a;text-align:center;max-width:28rem;margin:0;font-size:.74rem}.drag-handle{background:#ffffff4d;border-radius:999px;width:2.5rem;height:.25rem;position:absolute;top:.5rem}.chat-view{color:#f5f7ff;background:radial-gradient(circle at 50% 0,#3a1e48 0,#0000 28rem),#0c0b12;grid-template-rows:auto 1fr auto;width:100%;height:100%;display:grid}.chat-header{padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) .8rem max(1rem, env(safe-area-inset-left));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#09080e9e;border-bottom:1px solid #ffffff17;align-items:center;gap:.75rem;display:flex}.chat-header button{width:2.5rem;height:2.5rem}.chat-avatar{background:linear-gradient(145deg,#ff8dce,#8a55ff);border-radius:50%;place-items:center;width:2.4rem;height:2.4rem;font-weight:850;display:grid}.chat-header>div:nth-child(3){flex-direction:column;display:flex}.chat-header span{color:#8dffc0;font-size:.65rem}.chat-lock{text-transform:uppercase;border:1px solid #ffffff1f;border-radius:999px;margin-left:auto;padding:.3rem .5rem;color:#ffffff73!important}.messages{padding:1rem max(1rem, env(safe-area-inset-right)) 1rem max(1rem, env(safe-area-inset-left));flex-direction:column;gap:.6rem;display:flex;overflow:auto}.message{background:#ffffff1a;border-radius:1rem 1rem 1rem .25rem;align-self:flex-start;max-width:min(80%,32rem);padding:.75rem .9rem;line-height:1.45}.message--mine{background:#7449d8;border-radius:1rem 1rem .25rem;align-self:flex-end}.messages .instance-card{margin-top:auto}.composer{padding:.75rem max(1rem, env(safe-area-inset-right)) max(.75rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));border-top:1px solid #ffffff17;gap:.6rem;display:flex}.composer input{background:#ffffff14;border:1px solid #ffffff21;border-radius:999px;flex:1;min-width:0;padding:.75rem .95rem}.composer button{background:#7449d8;padding:.7rem 1rem}@media (width<=760px){.lab-page{justify-content:flex-end}.hub-view,.gallery-view{justify-content:flex-start}.scene-debug{top:max(4.75rem, calc(env(safe-area-inset-top) + 4rem))}.scene-debug:not([open]){width:auto}.lab-page h1{font-size:clamp(2.5rem,12vw,4.6rem)}.hub-header,.section-header{flex-direction:column;align-items:flex-start;padding-top:3.6rem}.hub-header h1{font-size:clamp(3rem,13vw,5.2rem)}.lab-grid{grid-template-columns:1fr}.lab-card,.lab-card:first-child,.lab-card:nth-child(2){grid-column:auto;min-height:12rem}.hub-footer{flex-direction:column}.direction-view{justify-content:flex-start;padding-top:7rem}.direction-compass{align-self:center;margin:auto 0;position:relative;bottom:auto;right:auto;transform:scale(.86)}.metric-grid,.photo-grid{grid-template-columns:1fr}.photo-card{min-height:18rem}.photo-copy h1{font-size:clamp(4rem,20vw,7rem)}.player-view{justify-content:space-between}.album-art{width:min(72vw,22rem)}}@media (height<=700px){.album-art{width:min(45vh,18rem)}.player-view .instance-card,.policy-note{display:none}}