:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;letter-spacing:0;color:#cbc5db;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg:#050509;--surface:#0d0e14d1;--surface-strong:#161821f0;--surface-soft:#ffffff0e;--text:#cbc5db;--muted:#a49eb3;--quiet:#7f788d;--line:#ffffff24;--line-strong:#ffffff3d;--cyan:#70c6d8;--green:#83c49a;--amber:#d5b46d;--rose:#d88da2;--violet:#a99ad0;--shadow:0 24px 90px #0000006b;background:#050509;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5}*{box-sizing:border-box}html{background:var(--bg);min-height:100%}body{background:#050509;min-height:100%;margin:0;overflow-x:hidden}body,button,input{font:inherit;letter-spacing:0}button,input{color:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.62}#root{min-height:100svh}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,:before,:after{transition-duration:.001ms!important}}.app{isolation:isolate;min-height:100svh;position:relative;overflow:hidden}.app:before,.app:after{content:"";pointer-events:none;position:fixed;inset:0}.app:before{filter:saturate(1.06)contrast(1.03);z-index:-4;background:linear-gradient(90deg,#050509eb,#0505095c 42%,#050509b8),linear-gradient(#0505092e,#050509db),url(./portal-arch-exhibition-still-B7lOLGPf.jpg) 50%/cover no-repeat;transform:scale(1.012)}.app:after{mix-blend-mode:screen;opacity:.72;z-index:-3;background:radial-gradient(circle at 28% 26%,#2968ff4d,#0000 28%),radial-gradient(circle at 75% 18%,#b034e23d,#0000 31%),linear-gradient(#0000,#0000007a)}.ambient{opacity:.42;pointer-events:none;z-index:-2;position:fixed;inset:0}.ambient-one{background:linear-gradient(110deg,#115fff29,#0000 31%),linear-gradient(250deg,#ff3eb124,#0000 44%)}.ambient-two{mix-blend-mode:screen;background:conic-gradient(from 165deg at 50% 8%,#0000,#5279ff1f,#0000 28%),linear-gradient(#0000 64%,#ff94491a);animation:20s ease-in-out infinite alternate slow-spectrum}.greeting-screen{color:var(--text);background:#040309;min-height:100svh;display:grid;position:relative;overflow:hidden}.greeting-images,.greeting-image,.greeting-shade,.greeting-fold,.greeting-aperture{position:absolute;inset:0}.greeting-images{background:#090015;overflow:hidden}.greeting-image{object-fit:cover;object-position:50% 42%;width:100%;height:100%}.greeting-image-blue{filter:saturate(1.18)contrast(1.08);animation:14s ease-in-out infinite alternate greeting-drift-blue;transform:scale(1.04)}.greeting-image-magenta{filter:saturate(1.2)contrast(1.06);opacity:.72;animation:14s ease-in-out infinite alternate greeting-drift-magenta}.greeting-shade{z-index:2;background:linear-gradient(#02020814,#02020824 42%,#020208e6),linear-gradient(90deg,#0202085c,#0000 48%,#02020838)}.greeting-copy{max-width:760px;padding:36px max(24px, calc((100vw - 1100px) / 2)) max(38px, env(safe-area-inset-bottom));z-index:4;align-self:end;gap:18px;display:grid;position:relative}.greeting-eyebrow{color:#cbc5dbc2;text-transform:uppercase;font-size:.78rem;font-weight:720}.greeting-copy h1{text-wrap:balance;max-width:820px;font-size:clamp(2.9rem,12vw,6.2rem);line-height:.93}.greeting-sentence{color:#cbc5dbdb;text-wrap:balance;max-width:640px;font-size:clamp(1.05rem,4.4vw,1.45rem);line-height:1.42}.greeting-enter{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--text);background:#06060c9e;border:1px solid #ffffff57;border-radius:8px;justify-content:space-between;align-self:start;align-items:center;gap:12px;width:min(100%,330px);min-height:52px;margin-top:4px;padding:12px 16px;font-weight:720;transition:background .18s,border-color .18s,transform .18s;display:inline-flex}.greeting-enter:hover,.greeting-enter:focus-visible{background:#ffffff21;border-color:#ffffffad;transform:translateY(-2px)}.greeting-study-controls{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);left:50%;top:max(14px, env(safe-area-inset-top));z-index:6;background:#04040ab8;border:1px solid #ffffff2e;border-radius:8px;gap:9px;width:min(100% - 28px,620px);padding:9px;display:grid;position:absolute;transform:translate(-50%)}.greeting-study-controls>span{color:#cbc5db94;text-transform:uppercase;padding-left:4px;font-size:.68rem;font-weight:700}.greeting-approach-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.greeting-study-controls button{color:#cbc5dbad;background:0 0;border:1px solid #ffffff1f;border-radius:6px;grid-template-columns:auto auto;justify-content:center;align-items:center;gap:3px;min-height:48px;padding:6px;display:grid}.greeting-study-controls button small{display:none}.greeting-study-controls button.is-selected{color:var(--text);background:#ffffff21;border-color:#ffffff7a}.greeting-wording-options{grid-template-columns:1fr repeat(4,40px);align-items:center;gap:6px;display:grid}.greeting-wording-options>span{color:#cbc5db94;text-transform:uppercase;padding-left:4px;font-size:.68rem;font-weight:700}.greeting-wording-options button{min-height:34px;padding:4px}.greeting-fold{mix-blend-mode:screen;pointer-events:none;background:linear-gradient(115deg,#0000,#7e4cff40,#ff48d033,#0000)}.greeting-fold-one{clip-path:polygon(0 58%,62% 28%,100% 42%,100% 62%,55% 48%,0 78%);animation:9s ease-in-out infinite alternate greeting-fold-one}.greeting-fold-two{clip-path:polygon(10% 100%,40% 38%,64% 47%,42% 100%);background:linear-gradient(55deg,#0000,#2653ff57,#ffffff1f,#0000);animation:11s ease-in-out infinite alternate greeting-fold-two}.greeting-variant-fold .greeting-aperture{display:none}.greeting-variant-fold .greeting-image-magenta{clip-path:polygon(0 0,100% 0,100% 54%,67% 45%,39% 56%,0 44%)}.greeting-variant-attention .greeting-image-magenta{clip-path:inset(0 0 0 48%);animation:10s ease-in-out infinite alternate greeting-attention-reveal}.greeting-variant-attention .greeting-fold-one{clip-path:none;background:linear-gradient(90deg,#0000 47.7%,#ffffffad 48%,#0000 48.3%);animation:10s ease-in-out infinite alternate greeting-attention-line}.greeting-variant-attention .greeting-fold-two{display:none}.greeting-variant-attention .greeting-copy h1{max-width:670px}.greeting-variant-wink .greeting-image-blue{opacity:.54}.greeting-variant-wink .greeting-image-magenta{clip-path:circle(24% at 58% 48%);opacity:.98;animation:9s ease-in-out infinite alternate greeting-wink-pulse}.greeting-variant-wink .greeting-fold{display:none}.greeting-aperture{mix-blend-mode:screen;background:radial-gradient(circle at 58% 48%,#0000 0 22%,#ff44cf38 31%,#0000 43%),conic-gradient(from 45deg at 58% 48%,#0000,#3542ff3d,#0000 24%,#ff4cd033,#0000 52%);animation:9s ease-in-out infinite alternate greeting-aperture}@keyframes greeting-drift-blue{0%{transform:scale(1.04)translate(-1.2%,-.8%)}to{transform:scale(1.12)translate(1.5%,1%)}}@keyframes greeting-drift-magenta{0%{transform:scale(1.12)translate(1.5%,.5%)}to{transform:scale(1.03)translate(-1%,-1%)}}@keyframes greeting-fold-one{0%{transform:translate(-7%,-2%)scale(1.05)}to{transform:translate(8%,3%)scale(1.12)}}@keyframes greeting-fold-two{0%{transform:translate(4%,8%)rotate(-2deg)}to{transform:translate(-5%,-7%)rotate(3deg)}}@keyframes greeting-attention-reveal{0%{clip-path:inset(0 0 0 68%);transform:scale(1.08)}to{clip-path:inset(0 32% 0 0);transform:scale(1.03)}}@keyframes greeting-attention-line{0%{transform:translate(20%)}to{transform:translate(-20%)}}@keyframes greeting-wink-pulse{0%{clip-path:circle(18% at 58% 48%);transform:scale(1.08)}to{clip-path:circle(43% at 52%);transform:scale(1.02)}}@keyframes greeting-aperture{0%{opacity:.58;transform:rotate(-2deg)scale(.94)}to{opacity:1;transform:rotate(3deg)scale(1.08)}}@media (width>=720px){.greeting-study-controls button{grid-template-columns:auto auto minmax(0,auto)}.greeting-study-controls button small{display:inline}}@media (prefers-reduced-motion:reduce){.greeting-image-blue,.greeting-image-magenta{animation-duration:28s}.greeting-fold,.greeting-aperture{animation-duration:32s}}.home-screen,.feature-screen{max-width:980px;padding:max(28px, env(safe-area-inset-top)) 20px max(30px, env(safe-area-inset-bottom));width:100%;margin:0 auto}.home-screen{flex-direction:column;justify-content:flex-start;align-items:stretch;max-width:none;min-height:100svh;padding-top:0;padding-left:0;padding-right:0;display:flex;position:relative}.cymatic-hero{width:100%;height:clamp(260px,43svh,430px);margin:0;position:relative;overflow:hidden}.cymatic-hero:after{content:"";pointer-events:none;background:linear-gradient(90deg,#05050957,#0000 28% 74%,#05050952),linear-gradient(#0000 44%,#0505092e 68%,#050509f5 94%,#050509 100%);position:absolute;inset:0}.cymatic-hero canvas{width:100%;height:100%;display:block}.home-hero-title{color:var(--text);text-wrap:balance;z-index:2;max-width:min(760px,100% - 40px);font-size:clamp(2.65rem,10vw,5.5rem);line-height:.92;position:absolute;bottom:clamp(18px,4vw,34px);left:max(20px,50vw - 462px)}.home-intro{z-index:1;max-width:720px;padding-top:18px;padding-left:max(20px,50vw - 462px);padding-right:max(20px,50vw - 462px);position:relative}.eyebrow{color:var(--cyan);text-transform:uppercase;align-items:center;gap:8px;margin:0 0 12px;font-size:.78rem;font-weight:700;display:inline-flex}h1,h2,p{margin:0}h1,h2{color:var(--text);font-weight:550}h1{max-width:780px;margin:0;font-size:clamp(2.7rem,12vw,5.25rem);line-height:.94}h2{font-size:1.1rem;line-height:1.18}.home-subtitle,.feature-heading p,.modal-copy,.quiet-note{color:var(--muted)}.home-subtitle{max-width:650px;margin-top:0;font-size:1.08rem}.primary-actions{z-index:1;gap:12px;margin-top:38px;padding-left:max(20px,50vw - 462px);padding-right:max(20px,50vw - 462px);display:grid;position:relative}.primary-action,.ghost-button,.solid-button,.mode-button,.icon-button{border:1px solid var(--line);border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:44px;text-decoration:none;transition:border-color .16s,background .16s,transform .16s;display:inline-flex}.primary-action{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow);color:var(--text);text-align:left;background:linear-gradient(135deg,#283f846b,#3f16443d),#090a11b8;justify-content:flex-start;width:100%;padding:16px}.primary-action:hover,.primary-action:focus-visible,.ghost-button:hover,.ghost-button:focus-visible,.mode-button:hover,.mode-button:focus-visible{border-color:var(--line-strong);background:#ffffff17;transform:translateY(-1px)}.primary-action strong{color:var(--text);font-size:1rem;font-weight:650;display:block}.primary-action small{color:var(--muted);margin-top:4px;font-size:.84rem;line-height:1.35;display:block}.action-icon{color:var(--cyan);background:linear-gradient(135deg,#376bff57,#ff3eb12e),#ffffff0d;border:1px solid #ffffff29;border-radius:8px;flex:none;justify-content:center;align-items:center;width:46px;height:46px;display:inline-flex}.footer-link{color:var(--muted);text-align:left;background:0 0;border:0;align-self:flex-start;align-items:center;gap:8px;margin-top:28px;margin-left:max(20px,50vw - 462px);padding:8px 0;display:inline-flex}.footer-link:hover,.footer-link:focus-visible{color:var(--text)}.stay-connected{padding:24px 0 max(26px, env(safe-area-inset-bottom));z-index:1;border-top:1px solid #ffffff1f;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;margin:34px max(20px,50vw - 462px) 0;display:grid;position:relative}.stay-connected:before{content:"";pointer-events:none;z-index:-1;background:linear-gradient(90deg,#7be7ff1a,#ff78941a),#ffffff06;border:1px solid #ffffff14;border-radius:8px;position:absolute;inset:14px -14px 12px}.stay-connected-icon{color:var(--cyan);background:linear-gradient(135deg,#7be7ff33,#ff789429),#ffffff0d;border:1px solid #ffffff24;border-radius:8px;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex}.stay-connected-copy{gap:7px;display:grid}.stay-connected-copy .eyebrow{color:var(--green);margin-bottom:0}.stay-connected-copy h2{font-size:clamp(1.2rem,4.8vw,1.75rem)}.stay-connected-copy p{color:var(--muted);max-width:670px}.stay-connected-copy .stay-connected-support{color:var(--text)}.mailing-list-button{white-space:nowrap;min-width:190px}.stay-connected-form{align-self:stretch;min-width:min(100%,300px);margin-top:0}.stay-connected-form .form-message{margin-top:0}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.screen-header{max-width:980px;padding:max(14px, env(safe-area-inset-top)) 20px 0;z-index:4;justify-content:space-between;align-items:center;gap:12px;width:100%;margin:0 auto;display:flex;position:relative;left:0;right:0}.screen-mark{color:var(--quiet);align-items:center;gap:8px;font-size:.84rem;display:inline-flex}.feature-screen{padding-top:28px}.feature-heading{max-width:760px;margin-bottom:24px}.feature-heading h1{font-size:clamp(2.2rem,9vw,4.2rem)}.feature-heading p{max-width:680px;margin-top:16px}.ghost-button,.solid-button,.mode-button{color:var(--text);background:#ffffff0e;padding:9px 13px}.solid-button{color:#041014;background:linear-gradient(135deg,#5dbafff0,#ff62cbe0);border-color:#ffffff2e;font-weight:760}.icon-button{background:#ffffff0f;width:38px;height:38px;padding:0}.light-lab,.note-panel,.prompt-panel,.concept-block,.privacy-note,.sample-readout,.camera-error,.tone-console{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(135deg,#2c3c8447,#42124a2e),#08090fbd;border-radius:8px}.observe-screen{max-width:900px;padding-top:16px;position:relative}.observe-screen:before{background:radial-gradient(circle at 50% 0%, rgb(var(--current-light-rgb) / .48), transparent 42%), linear-gradient(180deg, rgb(var(--current-light-rgb) / .2), transparent 54%);content:"";opacity:.88;pointer-events:none;z-index:-1;position:fixed;inset:0}.observe-screen .feature-heading,.observe-screen .light-lab{z-index:1;position:relative}.observe-screen .feature-heading{margin-bottom:12px}.observe-screen .feature-heading h1{font-size:clamp(2.15rem,10vw,3.8rem)}.observe-screen .feature-heading p{margin-top:10px;font-size:1rem}.light-lab{border-color:color-mix(in srgb, var(--current-light), #ffffff1a 24%);gap:12px;padding:12px;display:grid;overflow:hidden}.light-instrument{background:linear-gradient(180deg, #08090fb8, #08090f6b), color-mix(in srgb, var(--current-light), #050509 84%);z-index:2;border-radius:8px;padding:10px;position:sticky;top:0}.light-preview{display:block}.light-swatch{background:radial-gradient(circle at 24% 28%, #ffffff2e, transparent 22%), linear-gradient(135deg, color-mix(in srgb, var(--current-light), #050509 28%), var(--current-light));border:1px solid color-mix(in srgb, var(--current-light), #fff3 34%);box-shadow:0 0 70px color-mix(in srgb, var(--current-light), transparent 50%), inset 0 -90px 100px #0003;border-radius:8px;flex-direction:column;justify-content:flex-end;width:100%;height:clamp(150px,29svh,260px);padding:18px;display:flex;position:relative;overflow:hidden}.light-swatch span{color:var(--text);text-shadow:0 2px 26px #00000080;font-size:clamp(1.6rem,7vw,3rem);font-weight:720;line-height:.98}.light-swatch strong{color:#cbc5dbc7;margin-top:8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92rem;display:block}.spectrum-control{margin-top:14px;display:block}.spectrum-label{color:var(--muted);justify-content:space-between;margin-bottom:10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8rem;display:flex}.spectrum-control input{appearance:none;background:linear-gradient(90deg,#7a00ff,#004dff,#00e5ff,#21f062,#fff264,#ff8b2a,#b30d0d);border-radius:999px;outline:none;width:100%;height:12px}.spectrum-control input::-webkit-slider-thumb{appearance:none;background:#fff;border:3px solid #050509;border-radius:50%;width:30px;height:30px;box-shadow:0 0 0 2px #ffffffb3}.spectrum-control input::-moz-range-thumb{background:#fff;border:3px solid #050509;border-radius:50%;width:24px;height:24px;box-shadow:0 0 0 2px #ffffffb3}.measurement-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:0;display:grid}.measurement-grid div{background:#00000040;border:1px solid #ffffff14;border-radius:8px;padding:12px}.measurement-grid span,.sample-readout small{color:var(--quiet);font-size:.76rem;display:block}.measurement-grid strong{margin-top:4px;font-size:1rem;display:block}.light-info-scroll{scrollbar-color:color-mix(in srgb, var(--current-light), #fff 18%) transparent;scrollbar-width:thin;gap:8px;max-height:clamp(190px,29svh,310px);padding-right:4px;display:grid;overflow-y:auto}.light-info-scroll::-webkit-scrollbar{width:7px}.light-info-scroll::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--current-light), #fff 18%);border-radius:999px}.light-info-card{background:#0000003d;border:1px solid #ffffff14;border-radius:8px;padding:12px}.light-info-card svg{color:var(--amber);margin-bottom:7px}.light-info-card p{color:var(--muted);margin-top:7px}.observe-concept{border-color:color-mix(in srgb, var(--current-light), #ffffff1a 22%)}.light-prompt-card{border-color:#f7c86a4d}.note-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:14px;display:grid}.note-panel,.prompt-panel,.concept-block{padding:16px}.note-panel svg{color:var(--amber);margin-bottom:10px}.note-panel p,.prompt-panel p,.concept-block p{color:var(--muted);margin-top:10px}.prompt-panel{border-color:#f7c86a4d;margin-top:14px}.concept-block{margin-top:14px}.mapping-stage{border:1px solid var(--line);box-shadow:var(--shadow);cursor:crosshair;touch-action:none;background:linear-gradient(135deg,#7be7ff0d,#0000),#05070b;border-radius:8px;width:100%;height:min(64svh,560px);position:relative;overflow:hidden}.mapping-camera-feed{object-fit:cover;width:100%;height:100%;display:none;position:absolute;inset:0}.mapping-stage.has-camera .mapping-camera-feed{display:block}.mapping-stage.has-camera:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#05050905,#0505092e),radial-gradient(circle at 50% 44%,#0000,#05050924);position:absolute;inset:0}.stage-grid,.stage-texture,.surface-lines,.stage-empty{pointer-events:none;position:absolute;inset:0}.stage-grid{opacity:.2;z-index:2;background-color:#0000;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:34px 34px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.mapping-stage.has-camera .stage-grid{opacity:.14}.stage-texture{filter:saturate(1.2);z-index:2;background:conic-gradient(from 40deg at 45% 48%,#7be7ff,#111827,#f7c86a,#ff7894,#97f0b2,#7be7ff),linear-gradient(120deg,#ffffff29,#0000)}.visual-grid .stage-texture{background:linear-gradient(90deg,#7be7ffeb 12.5%,#232378f0 12.5% 25%,#7be7ffeb 25% 37.5%,#232378f0 37.5% 50%,#7be7ffeb 50% 62.5%,#232378f0 62.5% 75%,#7be7ffeb 75% 87.5%,#232378f0 87.5%) 0 0/80px 80px,linear-gradient(#ffffff1f,#0000) 0 0/100% 100%}.visual-solid .stage-texture{background:radial-gradient(circle at 30% 24%,#ffffff38,#0000 24%),linear-gradient(135deg,#7be7fff2,#ff7894e0)}.stage-texture-base{opacity:.06}.mapping-stage.has-camera .stage-texture-base{opacity:0}.stage-texture-mapped{mix-blend-mode:screen;opacity:0;transition:opacity .18s}.mapping-stage.has-preview-surface .stage-texture-mapped{opacity:.46}.mapping-stage.has-camera.has-preview-surface .stage-texture-mapped{opacity:.38}.visual-grid.mapping-stage.has-preview-surface .stage-texture-mapped{opacity:.52}.visual-solid.mapping-stage.has-preview-surface .stage-texture-mapped{opacity:.34}.is-animating .stage-texture{background-size:180% 180%;animation:8s linear infinite texture-flow}.is-paused .stage-texture{animation-play-state:paused}.surface-lines{z-index:4;width:100%;height:100%}.surface-lines polyline{fill:none;stroke:#97f0b2f5;stroke-dasharray:2.6 1.2;stroke-width:.5px;vector-effect:non-scaling-stroke}.surface-point{color:#050509;z-index:5;background:#97f0b2fa;border:2px solid #050509c7;border-radius:50%;justify-content:center;align-items:center;width:31px;height:31px;padding:0;font-size:.72rem;font-weight:800;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 3px #7be7ff3d,0 0 18px #97f0b294}.map-intro-overlay{pointer-events:none;text-shadow:0 2px 22px #000000b8;z-index:6;background:linear-gradient(#05050929,#0505096b);flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(18px,7vw,44px);display:flex;position:absolute;inset:0}.map-intro-overlay p{color:var(--text);max-width:760px;margin:0;font-size:clamp(1.8rem,8vw,4.4rem);font-weight:760;line-height:.92}.map-intro-overlay p+p{color:#cbc5dbd1;margin-top:.18em}.surface-point span{pointer-events:none}.stage-empty{color:var(--muted);text-align:center;z-index:3;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:22px;display:flex}.stage-empty svg{color:var(--amber)}.stage-empty p{color:#cbc5dbd6;overflow-wrap:anywhere;background:#0505098f;border:1px solid #ffffff1f;border-radius:999px;width:fit-content;max-width:calc(100% - 44px);margin:0;padding:8px 12px;line-height:1.25}.map-close-chip,.map-status{z-index:5;position:absolute}.map-close-chip{color:#031112;background:linear-gradient(135deg,#7be7fff2,#97f0b2e6);border:1px solid #ffffff52;border-radius:999px;min-height:40px;padding:8px 14px;font-size:.84rem;font-weight:760;bottom:14px;left:50%;transform:translate(-50%)}.map-status{color:#cbc5dbd1;text-align:center;background:#050509a8;border:1px solid #ffffff1f;border-radius:999px;margin:0;padding:7px 10px;font-size:.78rem;bottom:14px;left:14px;right:14px}.visual-mode-row{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;display:grid}.visual-mode-row .mode-button{min-width:0;padding-inline:8px}.map-privacy-note{margin-top:-6px}.map-intro-card{box-shadow:var(--shadow);background:linear-gradient(135deg,#7be7ff2e,#ff789421),#050509e0;border:1px solid #7be7ff57;border-radius:8px;align-items:flex-start;gap:14px;margin-bottom:16px;padding:clamp(18px,5vw,30px);animation:.28s ease-out map-intro-arrive;display:grid}.map-intro-card h2{max-width:820px;font-size:clamp(2rem,8vw,4.25rem);line-height:.98}.map-intro-card p:not(.eyebrow){color:var(--muted);max-width:700px;font-size:clamp(1rem,3.5vw,1.35rem)}.map-intro-card .solid-button{justify-self:start;margin-top:4px}.tool-row{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.quiet-note{margin-top:12px;font-size:.86rem}.projector-button{border-color:#7be7ff6b}.projector-page{color:#cbc5db;background:#000;width:100vw;height:100svh;position:fixed;overflow:hidden}.projector-output{cursor:none;background:#000;width:100%;height:100%;position:relative;overflow:hidden}.projector-output .stage-texture{inset:0}.projector-output .stage-texture-base{opacity:0}.projector-output .stage-texture-mapped{filter:saturate(1.35)contrast(1.08);opacity:1}.projector-output.visual-grid .stage-texture{background-size:120px 120px,100% 100%}.projector-lines{pointer-events:none;z-index:4;width:100%;height:100%;position:absolute;inset:0}.projector-lines polyline{fill:none;stroke:#97f0b2c7;stroke-dasharray:5 3;stroke-width:.28px;vector-effect:non-scaling-stroke}.projector-standby{color:#cbc5dba3;pointer-events:none;text-align:center;z-index:5;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:28px;display:flex;position:absolute;inset:0}.projector-standby svg{color:var(--cyan)}.projector-fullscreen-button{bottom:max(18px, env(safe-area-inset-bottom));color:#cbc5dbd1;cursor:pointer;min-height:42px;right:max(18px, env(safe-area-inset-right));z-index:8;background:#0505099e;border:1px solid #ffffff2e;border-radius:8px;align-items:center;gap:9px;padding:10px 14px;display:inline-flex;position:fixed}.projector-page:fullscreen .projector-fullscreen-button{opacity:0;pointer-events:none}.privacy-note{color:var(--muted);align-items:flex-start;gap:10px;margin-bottom:14px;padding:12px;display:flex}.privacy-note svg{color:var(--green);flex:none;margin-top:2px}.lens-frame{aspect-ratio:4/3;border:1px solid var(--line);background:linear-gradient(135deg,#ffffff14,#0000),#07080d;border-radius:8px;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.lens-video-source{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.lens-canvas{object-fit:cover;width:100%;height:100%;display:block}.lens-placeholder{color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:100%;display:flex}.lens-placeholder svg{color:var(--amber)}.lens-activate{width:100%;margin-top:14px}.mode-button{color:var(--muted)}.mode-button.is-active{color:var(--text);background:#7be7ff26;border-color:#7be7ff6b}.sample-marker{pointer-events:none;border:2px solid #fff;border-radius:50%;width:24px;height:24px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #050509c7}.sample-readout{align-items:center;gap:12px;margin-top:14px;padding:12px;display:inline-flex}.sample-chip{border:1px solid #ffffff59;border-radius:8px;width:42px;height:42px}.sample-readout strong{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:block}.camera-error{color:#ffd6df;border-color:#ff78946b;margin-top:14px;padding:12px}.komorebi-screen{max-width:1060px}.komorebi-stage{aspect-ratio:16/10;background:#040011;border:1px solid #ff78d64d;border-radius:8px;position:relative;overflow:hidden;box-shadow:0 26px 100px #00000080,0 0 90px #ff36a533,0 0 130px #00dcd229}.komorebi-stage:after{content:"";mix-blend-mode:soft-light;pointer-events:none;background:radial-gradient(circle at 24% 24%,#ee00da29,#0000 30%),radial-gradient(circle at 78% 20%,#1e16d829,#0000 34%),linear-gradient(#03001005,#0300104d);position:absolute;inset:0}.komorebi-stage canvas{filter:brightness(1.04)saturate(2.25)contrast(1.18);width:100%;height:100%;display:block}.komorebi-caption{color:#cbc5dbc7;bottom:0;pointer-events:none;background:linear-gradient(#0000,#00000080);padding:80px 18px 18px;font-size:.92rem;position:absolute;inset-inline:0}.komorebi-tools{justify-content:center}.komorebi-tools .solid-button,.komorebi-tools .ghost-button{min-width:160px}.komorebi-note{max-width:760px;margin-left:auto;margin-right:auto}.tone-field-compact{max-width:760px;margin-top:14px;padding:0}.tone-field-screen{isolation:isolate}.tone-inline-heading{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:8px;display:flex}.tone-inline-heading h2{font-size:1.1rem}.tone-inline-heading p{color:var(--muted);font-size:.86rem}.tone-field-compact .tone-console{margin-top:0}.tone-field-compact .sound-grid{grid-template-columns:1fr}.tone-field-compact .sound-card{gap:10px;padding:12px}.tone-field-compact .sound-card p{display:none}.tone-field-compact .master-slider{margin-top:12px}.tone-start-panel{z-index:6;background:linear-gradient(135deg,#7be7ff21,#ff78d61f),#080812c7;border:1px solid #7be7ff38;border-radius:8px;align-items:center;gap:12px;margin:14px 0;padding:14px;display:grid;position:sticky;top:8px;overflow:hidden;box-shadow:0 18px 50px #00000038}.sound-power-button{min-height:58px;font-size:1.05rem;position:relative}.sound-power-button:after{content:"";opacity:.34;pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff5c,#0000);position:absolute;inset:0;transform:translate(-110%)}.tone-field-screen.is-sound-active .sound-power-button{box-shadow:inset 0 0 0 1px #ffffff2e,0 0 36px #7be7ff52}.tone-field-screen.is-sound-active .sound-power-button:after{animation:3.4s ease-in-out infinite sound-button-sheen}.tone-stage{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(135deg,#080a14eb,#221729b8),#07080d;border-radius:8px;align-items:center;min-height:260px;padding:18px;display:grid;position:relative;overflow:hidden}.tone-stage:before{content:"";opacity:.34;pointer-events:none;background-color:#0000;background-image:linear-gradient(90deg,#7be7ff14 1px,#0000 1px),linear-gradient(0deg,#ffffff0a 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:42px 42px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.tone-waveform{align-items:center;gap:7px;height:100%;padding:32px 24px;display:grid;position:absolute;inset:0}.tone-waveform span{--wave-index:0;opacity:.22;height:2px;transform:scaleX(calc(.32 + (var(--wave-index) % 8) * .07));transform-origin:50%;background:linear-gradient(90deg,#0000,#7be7ff9e,#ff789475,#0000);border-radius:999px;display:block}.tone-stage.is-sounding .tone-waveform span{animation:3.4s ease-in-out infinite tone-line;animation-delay:calc(var(--wave-index) * -.08s);opacity:.5}.tone-layer-visual{z-index:1;place-items:center;width:min(210px,56vw);height:min(210px,56vw);margin:auto;display:grid;position:relative}.tone-layer-visual:before,.tone-layer-visual:after{content:"";pointer-events:none;border:1px solid #7be7ff29;border-radius:50%;position:absolute;inset:8%}.tone-layer-visual:after{border-color:#ff78d629;inset:22%;transform:rotate(45deg)}.tone-stage.is-sounding .tone-layer-visual:before{border-left-color:#7be7ffad;border-right-color:#f7c86a6b;animation:18s linear infinite tone-orbit-turn}.tone-stage.is-sounding .tone-layer-visual:after{border-top-color:#7be7ff75;border-bottom-color:#ff78d6a3;animation:12s linear infinite reverse tone-orbit-turn}.tone-layer-orbit{position:absolute;inset:0}.tone-layer-node{--node-level:0;color:#cbc5db5c;background:#05050cb8;border:1px solid #ffffff24;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:border-color .22s,color .22s,opacity .22s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tone-layer-node:first-child{transform:translate(-50%,-50%)translateY(-86px)}.tone-layer-node:nth-child(2){transform:translate(-50%,-50%)translate(86px)}.tone-layer-node:nth-child(3){transform:translate(-50%,-50%)translateY(86px)}.tone-layer-node:nth-child(4){transform:translate(-50%,-50%)translate(-86px)}.tone-layer-node.is-active{box-shadow:0 0 calc(12px + var(--node-level) * 24px) #7be7ff42;color:var(--text);background:radial-gradient(circle at 36% 30%,#ffffff38,#0000 30%),linear-gradient(135deg,#2978bab8,#a73696b8);border-color:#7be7ff9e}.tone-stage.is-sounding .tone-layer-node.is-active{animation:3.2s ease-in-out infinite tone-node-pulse;animation-delay:calc(var(--node-index) * -.48s)}.tone-status{text-align:center;z-index:1;width:112px;height:112px;position:relative}.tone-status span{color:var(--quiet);text-transform:uppercase;white-space:nowrap;font-size:.78rem;font-weight:760;position:absolute;top:-27px;left:50%;transform:translate(-50%)}.tone-status strong{box-shadow:0 0 42px rgba(123, 231, 255, calc(var(--active-layer-count) * .045)), inset 0 0 34px #ff78d614;color:var(--text);background:radial-gradient(circle at 36% 28%,#7be7ff24,#0000 36%),#05050cad;border:1px solid #ffffff2e;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:112px;height:112px;display:flex}.tone-status strong b{font-size:3.7rem;font-weight:480;line-height:.72}.tone-status strong small{color:#cbc5dbad;text-transform:uppercase;margin-top:10px;font-size:.66rem;font-weight:760}.tone-stage.is-sounding .tone-status strong{animation:4.2s ease-in-out infinite tone-core-breathe}.tone-console{background:radial-gradient(circle at 20% 0,#7be7ff17,#0000 34%),radial-gradient(circle at 86% 18%,#ff78d61a,#0000 36%),#05040d4d;border:1px solid #ffffff12;border-radius:8px;margin-top:14px;padding:16px;position:relative;overflow:hidden}.tone-console:before{content:"";filter:blur(12px)saturate(1.35);opacity:.42;pointer-events:none;z-index:-1;background:radial-gradient(circle at 18% 42%,#7be7ff29,#0000 20%),radial-gradient(circle at 74% 56%,#ff789426,#0000 22%),radial-gradient(circle at 52% 22%,#f7c86a24,#0000 18%);position:absolute;inset:-20%;transform:translate(-2%,1%)}.tone-field-screen.is-sound-active .tone-console:before{animation:11s ease-in-out infinite alternate sound-aurora}.tone-readout{margin-top:0}.tone-controls{gap:16px;margin-top:18px;display:grid}.sound-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:18px;display:grid}.sound-card{background:#00000038;border:1px solid #ffffff1a;border-radius:8px;gap:14px;min-width:0;padding:14px;display:grid;position:relative;overflow:hidden}.sound-card:before{content:"";height:3px;opacity:calc(.16 + var(--layer-level) * 1.1);pointer-events:none;transform:scaleX(calc(.18 + var(--layer-level) * .95));transform-origin:0;background:linear-gradient(90deg,#7be7ff00,#7be7ff42,#ff78d62e,#7be7ff00),linear-gradient(90deg,#f7c86a1a,#0000);border-radius:999px;position:absolute;top:0;left:14px;right:14px}.sound-card:after{content:"";opacity:0;pointer-events:none;background:radial-gradient(circle,#7be7ff2e,#0000 58%);width:90px;height:90px;position:absolute;top:-38px;right:-34px}.sound-card.is-selected{background:linear-gradient(135deg,#7be7ff24,#ff789414),#0003;border-color:#7be7ff57}.tone-field-screen.is-sound-active .sound-card.is-selected{animation:5.5s ease-in-out infinite sound-card-breathe;animation-delay:calc(var(--layer-index) * -.6s)}.tone-field-screen.is-sound-active .sound-card.is-selected:before{animation:4.8s ease-in-out infinite sound-card-flow;animation-delay:calc(var(--layer-index) * -.45s)}.tone-field-screen.is-sound-active .sound-card.is-selected:after{animation:7s ease-in-out infinite sound-card-orbit;animation-delay:calc(var(--layer-index) * -.8s)}.sound-card-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.sound-card h2{align-items:center;gap:8px;font-size:1rem;display:flex}.sound-card h2 svg{color:var(--cyan);flex:none}.sound-card p{color:var(--muted);margin-top:7px;font-size:.84rem;line-height:1.38}.sound-toggle{flex:none}.sound-card.is-selected .sound-toggle{color:var(--cyan);border-color:#7be7ff7a}.tone-field-screen.is-sound-active .sound-card.is-selected .sound-toggle{animation:2.8s ease-in-out infinite sound-toggle-pulse}.tone-slider{gap:9px;display:grid}.tone-slider span{color:var(--muted);align-items:center;gap:7px;font-size:.86rem;font-weight:680;display:inline-flex}.tone-slider input{appearance:none;background:linear-gradient(90deg,#7be7ff40,#f7c86ab8,#ff789485);border-radius:999px;outline:none;width:100%;height:11px}.tone-field-screen.is-sound-active .tone-slider input{animation:4.8s ease-in-out infinite slider-glow}.tone-slider input::-webkit-slider-thumb{appearance:none;background:#fff;border:3px solid #050509;border-radius:50%;width:28px;height:28px;box-shadow:0 0 0 2px #ffffffa8}.tone-slider input::-moz-range-thumb{background:#fff;border:3px solid #050509;border-radius:50%;width:22px;height:22px;box-shadow:0 0 0 2px #ffffffa8}.compact-slider{gap:7px}.compact-slider span{font-size:.75rem}.compact-slider input{height:8px}.compact-slider input::-webkit-slider-thumb{width:22px;height:22px}.compact-slider input::-moz-range-thumb{width:18px;height:18px}.master-slider{margin-top:18px}.tone-tools{align-items:center}.tone-sync-note{color:var(--muted);align-items:center;gap:8px;font-size:.86rem;display:inline-flex}.tone-sync-note svg{color:var(--cyan);flex:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.quiet-note code{color:var(--text);background:#ffffff14;border:1px solid #ffffff1f;border-radius:5px;padding:2px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem}.modal-backdrop{z-index:20;background:#000000b8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-panel{background:var(--surface-strong);border:1px solid var(--line-strong);box-shadow:var(--shadow);border-radius:8px;width:min(100%,520px);max-width:520px;padding:22px;position:relative}.modal-close{position:absolute;top:14px;right:14px}.modal-panel h2{padding-right:42px;font-size:1.55rem}.modal-copy{margin-top:12px}.signup-form{gap:12px;margin-top:18px;display:grid}.signup-form label{color:var(--muted);gap:7px;font-size:.84rem;display:grid}.signup-form input{border:1px solid var(--line);background:#00000047;border-radius:8px;outline:none;width:100%;min-height:46px;padding:10px 12px}.signup-form input:focus{border-color:#7be7ff94}.form-message{color:var(--green);margin-top:14px}.form-message-error{color:var(--rose)}@keyframes slow-spectrum{0%{transform:translateY(-2%)}to{transform:translateY(2%)}}@keyframes beam-shift{0%{transform:translate(-4%)rotate(-10deg)}to{transform:translate(4%)rotate(-8deg)}}@keyframes texture-flow{0%{background-position:0%}to{background-position:180%}}@keyframes tone-line{0%,to{transform:scaleX(.24)}50%{transform:scaleX(.96)}}@keyframes tone-orbit-turn{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes tone-node-pulse{0%,to{filter:brightness(.92)saturate(1.05)}50%{filter:brightness(1.22)saturate(1.35)}}@keyframes tone-core-breathe{0%,to{transform:scale(.97)}50%{transform:scale(1.04)}}@keyframes sound-button-sheen{0%,55%{transform:translate(-110%)}to{transform:translate(110%)}}@keyframes sound-aurora{0%{transform:translate(-4%,2%)rotate(0)scale(1)}50%{transform:translate(3%,-2%)rotate(9deg)scale(1.05)}to{transform:translateY(3%)rotate(-7deg)scale(1.02)}}@keyframes sound-card-breathe{0%,to{border-color:#7be7ff42;box-shadow:0 0 #7be7ff00}50%{border-color:#ff78d661;box-shadow:0 0 28px #7be7ff21}}@keyframes sound-card-flow{0%,to{transform:scaleX(calc(.18 + var(--layer-level) * .95)) translateX(-2%)}50%{transform:scaleX(calc(.28 + var(--layer-level) * 1.05)) translateX(2%)}}@keyframes sound-card-orbit{0%,to{opacity:.16;transform:translate(-8px,8px)scale(.88)}50%{opacity:.42;transform:translate(-34px,28px)scale(1.18)}}@keyframes sound-toggle-pulse{0%,to{box-shadow:0 0 #7be7ff00}50%{box-shadow:0 0 18px #7be7ff42}}@keyframes slider-glow{0%,to{filter:saturate(1.05)brightness()}50%{filter:saturate(1.45)brightness(1.1)}}@keyframes map-intro-arrive{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width>=760px){.home-screen,.feature-screen{padding-left:28px;padding-right:28px}.home-screen{padding-left:0;padding-right:0}.primary-actions{grid-template-columns:repeat(4,1fr)}.primary-action{flex-direction:column;align-items:flex-start;min-height:176px}.mapping-stage{aspect-ratio:16/10;height:auto}}@media (width>=760px) and (width<=1040px){.primary-actions{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){.tone-stage.is-sounding .tone-layer-visual:before,.tone-stage.is-sounding .tone-layer-visual:after,.tone-stage.is-sounding .tone-layer-node.is-active,.tone-stage.is-sounding .tone-status strong,.tone-field-screen.is-sound-active .sound-power-button:after,.tone-field-screen.is-sound-active .tone-console:before,.tone-field-screen.is-sound-active .sound-card.is-selected,.tone-field-screen.is-sound-active .sound-card.is-selected:before,.tone-field-screen.is-sound-active .sound-card.is-selected:after,.tone-field-screen.is-sound-active .sound-card.is-selected .sound-toggle,.tone-field-screen.is-sound-active .tone-slider input{animation:none}}@media (width<=620px){.screen-header{align-items:flex-start}.screen-mark{display:none}.measurement-grid,.note-grid,.sound-grid{grid-template-columns:1fr}.observe-screen{padding-top:10px}.observe-screen .feature-heading{margin-bottom:10px}.observe-screen .feature-heading p{font-size:.94rem}.observe-screen .measurement-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.observe-screen .measurement-grid div{padding:9px 8px}.observe-screen .measurement-grid span{font-size:.62rem}.observe-screen .measurement-grid strong{font-size:.82rem}.light-swatch{height:clamp(132px,24svh,210px);padding:14px}.light-swatch span{font-size:clamp(1.45rem,8vw,2.3rem)}.light-info-scroll{max-height:clamp(170px,27svh,240px)}.tool-row{flex-direction:column;align-items:stretch}.tool-row button{width:100%}.stay-connected{grid-template-columns:1fr;align-items:stretch;margin-top:28px}.stay-connected:before{inset:12px -10px 10px}.mailing-list-button{width:100%}.stay-connected-form{min-width:0}.modal-panel{max-height:calc(100svh - 40px);overflow:auto}.cymatic-hero{height:244px;margin-bottom:0}.komorebi-stage{aspect-ratio:9/12}}