:root{
  --bg:#07050d;--panel:#100b19;--paper:#fffaf2;--muted:#ffffff9a;--hair:#ffffff24;
  --tone:#8b4cff;--tone2:#18e7ff;--tone3:#ff28d7;--power:.62;--speed:6s;
  --max:1380px;--radius:28px;--serif:Georgia,"Times New Roman",serif;--sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg);color-scheme:dark}
body{margin:0;background:radial-gradient(circle at 50% -12%,#34205b55,transparent 30%),linear-gradient(#090611,#05040a 60%,#08040f);color:var(--paper);font-family:var(--sans);overflow-x:hidden}
button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}
.skip-link{position:fixed;z-index:100;left:18px;top:10px;transform:translateY(-150%);padding:12px 16px;border-radius:999px;background:#fff;color:#090611;font-weight:800;text-decoration:none}.skip-link:focus{transform:none}
#ambient-canvas{position:fixed;z-index:0;inset:0;width:100%;height:100%;pointer-events:none;opacity:.42}
.aurora{position:fixed;z-index:0;inset:0;pointer-events:none;overflow:hidden;mix-blend-mode:screen}.aurora i{position:absolute;width:52vw;height:52vw;border-radius:50%;filter:blur(110px);opacity:.12;transition:background 1s}.aurora i:first-child{left:-25vw;top:-10vw;background:var(--tone2)}.aurora i:nth-child(2){right:-30vw;top:20vh;background:var(--tone3)}.aurora i:last-child{left:25vw;bottom:-40vw;background:var(--tone)}
.topbar,main,footer{position:relative;z-index:2;width:min(var(--max),calc(100% - 48px));margin-inline:auto}
.topbar{height:82px;border-bottom:1px solid var(--hair);display:flex;align-items:center;justify-content:space-between;gap:28px;position:sticky;top:0;z-index:40;background:#08050dc7;backdrop-filter:blur(22px)}
.brand{display:grid;grid-template-columns:14px auto;align-items:center;column-gap:11px;text-decoration:none}.brand>span{grid-row:1/3;width:13px;height:13px;border-radius:50%;background:conic-gradient(var(--tone2),var(--tone),var(--tone3),#c9ff35,var(--tone2));box-shadow:0 0 20px var(--tone2);animation:spin 7s linear infinite}.brand b{font-size:.71rem;letter-spacing:.2em}.brand small{margin-top:3px;color:#ffffff78;font-size:.5rem;letter-spacing:.16em}
.topbar nav{display:flex;align-items:center;gap:26px}.topbar nav a{position:relative;color:#ffffff94;text-decoration:none;font-size:.58rem;font-weight:800;letter-spacing:.15em}.topbar nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-9px;height:1px;background:linear-gradient(90deg,var(--tone2),var(--tone3));transition:.25s}.topbar nav a:hover:after,.topbar nav a:focus-visible:after{right:0}
.menu-toggle,.mobile-menu{display:none}
.intro-strip{min-height:430px;padding:clamp(60px,8vw,115px) 0 70px;display:grid;grid-template-columns:1.35fr .65fr;gap:36px 80px;align-items:end;border-bottom:1px solid var(--hair)}
.kicker,.section-head p,.reading-copy>p,.privacy>p,.event-catalog>p,.comparison-panel>span{margin:0 0 18px;color:#ffffff7f;font-size:.59rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase}.kicker:before{content:"";display:inline-block;width:38px;height:1px;margin-right:12px;vertical-align:middle;background:linear-gradient(90deg,var(--tone2),var(--tone3))}
.intro-strip h1{margin:0;font:400 clamp(4rem,8vw,8rem)/.82 var(--serif);letter-spacing:-.065em}.intro-strip h1 em{display:block;font-style:normal;color:transparent;background:linear-gradient(105deg,var(--tone2),var(--tone),var(--tone3),#ff6b66,#c9ff35);background-size:220%;background-clip:text;-webkit-background-clip:text;animation:spectrum 9s ease-in-out infinite alternate}.intro-strip>p{margin:0;color:#ffffffa8;line-height:1.75;font-size:clamp(.96rem,1.3vw,1.12rem)}
.enter{grid-column:2;justify-self:start;display:flex;gap:18px;align-items:center;padding:12px 0;border-bottom:1px solid #ffffff64;text-decoration:none;font-size:.62rem;font-weight:800;letter-spacing:.17em}.enter span{color:#c9ff35;font-size:1rem}
.lab,.events-section,.traces-section,.how{padding:110px 0 70px}.section-head{display:grid;grid-template-columns:1fr minmax(280px,.43fr);gap:35px;align-items:end;margin-bottom:42px}.section-head h2{max-width:950px;margin:0;font:400 clamp(3rem,5.4vw,5.7rem)/.92 var(--serif);letter-spacing:-.05em}.section-head>span{color:#ffffff8b;line-height:1.7;font-size:.86rem}
.glass{border:1px solid var(--hair);border-radius:var(--radius);background:linear-gradient(145deg,#130d20c7,#090611d9);box-shadow:inset 0 1px #ffffff12,0 30px 100px #0007;backdrop-filter:blur(22px)}
.workbench{display:grid;grid-template-columns:minmax(350px,.72fr) minmax(560px,1.28fr);gap:18px;align-items:start}
.controls{padding:clamp(22px,3vw,38px);position:sticky;top:100px}.panel-title,.console-head,.stage-head{display:flex;justify-content:space-between;gap:20px;align-items:center}.panel-title{padding-bottom:20px;margin-bottom:25px;border-bottom:1px solid var(--hair)}.panel-title span,.panel-title b,.console-head span{font-size:.56rem;letter-spacing:.17em}.panel-title span{color:var(--tone2)}.panel-title b{color:#ffffff6f;font-weight:600}
.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:11px}.field{display:block;margin-bottom:20px}.field>span,.range b,.tones legend{display:block;margin-bottom:8px;color:#ffffff96;font-size:.59rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.field input,.field select{width:100%;height:48px;border:1px solid #ffffff2d;border-radius:12px;background:#ffffff08;color:#fff;padding:0 13px;outline:none}.field select option{background:#100b19}.field input:focus,.field select:focus{border-color:var(--tone2);box-shadow:0 0 0 3px color-mix(in srgb,var(--tone2) 18%,transparent)}
.axis-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px 18px}.range{display:block;margin:0 0 23px}.range>span{display:flex;justify-content:space-between;align-items:center}.range output{font:400 .96rem var(--serif);color:var(--tone2)}input[type=range]{appearance:none;width:100%;height:3px;background:linear-gradient(90deg,var(--tone),var(--tone2));border-radius:99px;cursor:pointer}input[type=range]::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border:3px solid #fff;border-radius:50%;background:var(--tone);box-shadow:0 0 16px var(--tone)}input[type=range]:focus-visible{outline:2px solid var(--tone2);outline-offset:8px}
.tones{padding:0;margin:0 0 24px;border:0}.tones legend{margin-bottom:13px}.tones>label{display:inline-flex;align-items:center;margin:0 11px 9px 0;cursor:pointer}.tones input{position:absolute;opacity:0}.tones i{width:23px;height:23px;border:2px solid #ffffff4c;border-radius:50%;background:var(--swatch);box-shadow:0 0 14px var(--swatch);transition:.2s}.tones input:checked+i{border:4px solid #fff;transform:scale(1.14)}.tones label span{position:absolute;width:1px;height:1px;overflow:hidden}
.buttons{display:grid;grid-template-columns:1fr 1fr;gap:9px}.buttons button,.reading-actions button,.comparison-panel button{min-height:48px;border-radius:13px;cursor:pointer;font-size:.57rem;font-weight:850;letter-spacing:.1em}.generate{grid-column:1/3;display:flex;justify-content:space-between;align-items:center;padding:0 17px;border:0;background:linear-gradient(100deg,var(--tone),var(--tone2));color:#07050d}.generate b{font-size:1rem}.surprise{display:flex;align-items:center;justify-content:space-between;padding:0 14px;border:1px solid color-mix(in srgb,var(--tone3) 60%,#fff);background:color-mix(in srgb,var(--tone3) 15%,transparent);color:#fff}.surprise b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--tone3);color:#090611}.reset{border:1px solid var(--hair);background:transparent;color:#ffffff83}
.stage{overflow:hidden}.stage-head{min-height:88px;padding:12px 18px;border-bottom:1px solid var(--hair)}.stage-head>div:first-child{display:grid;gap:5px}.stage-head>div:first-child span{font-size:.58rem;font-weight:800;letter-spacing:.16em;color:var(--tone2)}.stage-head small{font:500 .56rem ui-monospace,monospace;color:#ffffff6c;letter-spacing:.12em}.stage-actions{display:flex;align-items:center;gap:8px}.secondary-stage-actions{display:flex;gap:6px}.stage-actions button{min-height:39px;padding:7px 10px;border:1px solid var(--hair);border-radius:999px;background:#ffffff08;color:#ffffffa0;font-size:.54rem;font-weight:750;letter-spacing:.08em;cursor:pointer}.stage-actions button[aria-pressed=true]{border-color:var(--tone2);background:color-mix(in srgb,var(--tone2) 15%,transparent);color:#fff}.stage-actions .primary-sound{min-height:58px;padding:8px 15px 8px 10px;border:1px solid var(--tone2);background:linear-gradient(105deg,color-mix(in srgb,var(--tone) 34%,#090611),color-mix(in srgb,var(--tone2) 22%,#090611));box-shadow:0 0 28px color-mix(in srgb,var(--tone2) 18%,transparent);color:#fff;animation:soundCall 1.8s ease-in-out infinite}.sound-icon{display:grid;place-items:center;flex:0 0 auto;width:37px;height:37px;border-radius:50%;background:var(--tone2);box-shadow:0 0 18px var(--tone2);color:#07050d;font-size:1rem}.sound-copy{display:grid;gap:3px;text-align:left}.sound-main{font-size:.62rem;letter-spacing:.11em}.sound-sub{font:500 .5rem var(--sans)!important;letter-spacing:.03em!important;color:#ffffffac!important}.stage-actions .primary-sound[aria-pressed=true]{animation:none;background:linear-gradient(105deg,color-mix(in srgb,#c9ff35 28%,#090611),color-mix(in srgb,var(--tone2) 18%,#090611));border-color:#c9ff35;box-shadow:0 0 30px #c9ff3530}.stage-actions .primary-sound[aria-pressed=true] .sound-icon{background:#c9ff35;box-shadow:0 0 20px #c9ff35}
.sky-wrap{position:relative;min-height:610px;overflow:hidden;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--tone) 16%,transparent),transparent 48%),linear-gradient(150deg,#170d28,#05030a 70%)}#constellation-canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair}.sky-wrap.dragging #constellation-canvas{cursor:grabbing}
.event-card{position:absolute;z-index:4;left:20px;top:20px;width:min(330px,calc(100% - 40px));padding:16px 18px;border:1px solid #ffffff2b;border-radius:16px;background:#090611bf;backdrop-filter:blur(15px);transform:translateY(-8px);opacity:.72;transition:.45s}.event-card.active{transform:none;opacity:1;border-color:color-mix(in srgb,var(--tone3) 65%,#fff);box-shadow:0 0 45px color-mix(in srgb,var(--tone3) 18%,transparent)}.event-card span{font-size:.5rem;font-weight:850;letter-spacing:.17em;color:var(--tone2)}.event-card h3{margin:8px 0 4px;font:400 1.45rem var(--serif)}.event-card p{margin:0;color:#ffffff8f;font-size:.72rem;line-height:1.45}
.drag-hint{position:absolute;z-index:3;left:50%;bottom:14px;transform:translateX(-50%);width:max-content;max-width:calc(100% - 24px);padding:8px 11px;border:1px solid #ffffff20;border-radius:999px;background:#05030a99;color:#ffffff62;text-align:center;font-size:.48rem;font-weight:750;letter-spacing:.12em}
.reading{padding:clamp(23px,3vw,36px);display:grid;grid-template-columns:1.05fr .95fr;gap:28px;border-top:1px solid var(--hair)}.reading-copy>p{color:var(--tone2)}.reading h3{margin:0 0 20px;font:400 clamp(2.1rem,3.4vw,3.6rem)/.95 var(--serif);letter-spacing:-.035em}.reading blockquote{margin:0;padding-left:14px;border-left:2px solid var(--tone3);color:#ffffff9b;font:italic 1rem/1.5 var(--serif)}.reading dl{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin:0}.reading dl div{border-top:1px solid var(--hair);padding-top:10px}.reading dt{color:#ffffff62;font-size:.52rem;letter-spacing:.12em;text-transform:uppercase}.reading dd{margin:5px 0 0;font-size:.75rem}.reading-actions{grid-column:1/3;display:flex;gap:9px}.reading-actions button{padding:0 14px;border:1px solid var(--hair);background:#ffffff08;color:#fff}.reading-actions button:first-child{border-color:var(--tone2)}.reading>small{grid-column:1/3;color:#ffffff5f;line-height:1.55}
.events-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px}.event-console,.event-catalog{padding:clamp(22px,3vw,34px)}.console-head{padding-bottom:18px;border-bottom:1px solid var(--hair)}.console-head button{border:0;background:transparent;color:#ffffff68;font-size:.6rem;cursor:pointer}.event-console ol{max-height:410px;overflow:auto;list-style:none;padding:0;margin:0}.event-console li{display:grid;grid-template-columns:70px 1fr;gap:10px;padding:16px 0;border-bottom:1px solid #ffffff14}.event-console time{color:var(--tone2);font:500 .58rem ui-monospace,monospace}.event-console p{margin:0;color:#ffffff9e;font-size:.82rem;line-height:1.45}.event-chips{display:flex;flex-wrap:wrap;gap:9px}.event-chips button{padding:10px 13px;border:1px solid var(--hair);border-radius:999px;background:linear-gradient(110deg,color-mix(in srgb,var(--tone) 10%,transparent),color-mix(in srgb,var(--tone3) 8%,transparent));color:#fff;font:500 .7rem var(--serif);cursor:pointer;transition:.3s}.event-chips button:nth-child(3n){color:var(--tone2)}.event-chips button:nth-child(4n){color:#c9ff35}.event-chips button:hover,.event-chips button:focus-visible{transform:translateY(-3px);border-color:#ffffff65;box-shadow:0 0 24px color-mix(in srgb,var(--tone) 15%,transparent)}.catalog-note{margin:28px 0 0;color:#ffffff75;font-size:.77rem;line-height:1.65}
.traces-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.trace-gallery,.comparison-panel{min-height:300px;padding:clamp(22px,3vw,34px)}.trace-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-content:start}.empty-state{grid-column:1/-1;align-self:center;justify-self:center;max-width:420px;color:#ffffff70;text-align:center;line-height:1.6}.trace-card{position:relative;min-height:190px;padding:18px;border:1px solid var(--hair);border-radius:18px;background:radial-gradient(circle at 75% 20%,color-mix(in srgb,var(--trace-color) 25%,transparent),transparent 45%),#ffffff06;cursor:pointer;transition:.25s}.trace-card:hover{transform:translateY(-4px)}.trace-card.selected{border-color:var(--trace-color);box-shadow:0 0 28px color-mix(in srgb,var(--trace-color) 15%,transparent)}.trace-card input{position:absolute;right:14px;top:14px}.trace-card span{font-size:.48rem;letter-spacing:.14em;color:#ffffff60}.trace-card h3{margin:70px 0 8px;font:400 1.45rem/.95 var(--serif)}.trace-card p{margin:0;color:#ffffff76;font-size:.66rem}.trace-card button{position:absolute;left:13px;top:10px;border:0;background:transparent;color:#ffffff5f;cursor:pointer}.comparison-panel{display:flex;flex-direction:column}.comparison-panel h3{margin:35px 0 12px;font:400 clamp(2rem,3vw,3rem)/1 var(--serif)}.comparison-panel p{margin:0;color:#ffffff83;line-height:1.6}.comparison-actions{display:grid;gap:8px;margin-top:auto;padding-top:25px}.comparison-panel button{border:1px solid var(--tone2);background:color-mix(in srgb,var(--tone2) 10%,transparent);color:#fff}.comparison-panel button:last-child{border-color:var(--tone3);background:color-mix(in srgb,var(--tone3) 10%,transparent)}.comparison-panel button:disabled{opacity:.35;cursor:not-allowed}
.voice-lab{margin-top:18px;padding:clamp(24px,4vw,45px);display:grid;grid-template-columns:.72fr 1.28fr;gap:35px}.voice-copy>p{margin:0 0 18px;color:var(--tone2);font-size:.58rem;font-weight:800;letter-spacing:.18em}.voice-copy h3{margin:0 0 18px;font:400 clamp(2.4rem,4vw,4.5rem)/.92 var(--serif);letter-spacing:-.045em}.voice-copy>span{display:block;max-width:480px;color:#ffffff85;font-size:.8rem;line-height:1.65}.voice-console{min-width:0;padding:20px;border:1px solid var(--hair);border-radius:20px;background:#05030a66}.voice-status{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.voice-status span{color:var(--tone2);font-size:.55rem;font-weight:850;letter-spacing:.16em}.voice-status time{font:500 .62rem ui-monospace,monospace;color:#ffffff72}.voice-console canvas{display:block;width:100%;height:100px;border:1px solid #ffffff18;border-radius:14px;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--tone) 13%,transparent),transparent 65%),#08050d}.voice-actions{display:flex;gap:8px;margin:12px 0}.voice-actions button{min-height:40px;padding:0 12px;border:1px solid var(--hair);border-radius:999px;background:transparent;color:#fff;font-size:.54rem;font-weight:800;letter-spacing:.09em;cursor:pointer}.voice-actions button:first-child{border-color:var(--tone3);background:color-mix(in srgb,var(--tone3) 12%,transparent)}.voice-actions button:disabled{opacity:.3;cursor:not-allowed}.voice-list{display:grid;gap:8px;margin-top:15px}.voice-list>p{margin:0;padding:14px;color:#ffffff5d;text-align:center;font-size:.72rem}.voice-item{display:grid;grid-template-columns:1fr auto;gap:8px 14px;padding:13px;border:1px solid #ffffff1f;border-radius:14px}.voice-item audio{grid-column:1/3;width:100%;height:34px}.voice-item>div{display:flex;gap:6px;align-items:center}.voice-item strong{font:400 1rem var(--serif)}.voice-item small{color:#ffffff60}.voice-item select,.voice-item button,.voice-item a{min-height:34px;padding:7px 9px;border:1px solid var(--hair);border-radius:999px;background:#ffffff06;color:#fff;font-size:.55rem;text-decoration:none;cursor:pointer}.voice-item select option{background:#100b19}
.how ol{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0;padding:0;list-style:none}.how li{min-height:280px;padding:24px;border:1px solid var(--hair);border-radius:22px;background:linear-gradient(145deg,#ffffff0d,transparent);transition:.3s}.how li:hover{transform:translateY(-6px);border-color:#ffffff58}.how li b{color:var(--tone2);font:400 1.05rem var(--serif)}.how li h3{margin:85px 0 12px;font:400 1.55rem var(--serif)}.how li p{margin:0;color:#ffffff89;line-height:1.65;font-size:.83rem}
.privacy{margin:60px 0 120px;padding:clamp(34px,6vw,74px);border:1px solid #ffffff30;border-radius:32px;background:radial-gradient(circle at 85% 5%,color-mix(in srgb,var(--tone3) 18%,transparent),transparent 40%),radial-gradient(circle at 5% 90%,color-mix(in srgb,var(--tone2) 15%,transparent),transparent 38%),#0d0915bd}.privacy h2{max-width:900px;margin:0 0 24px;font:400 clamp(2.8rem,5.4vw,5.5rem)/.92 var(--serif);letter-spacing:-.05em}.privacy>span{display:block;max-width:750px;color:#ffffff90;line-height:1.75}.privacy>div{display:flex;gap:25px;margin-top:35px}.privacy a{font-size:.59rem;font-weight:800;letter-spacing:.12em;text-decoration:none;border-bottom:1px solid #ffffff4a;padding-bottom:6px}
footer{min-height:140px;border-top:1px solid var(--hair);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;color:#ffffff67;font-size:.58rem;letter-spacing:.1em}footer p{color:#fff;font-weight:800;letter-spacing:.16em}footer a{justify-self:end;text-decoration:none;color:#ffffff91}
.floating-sound{position:fixed;z-index:55;left:16px;bottom:16px;display:flex;align-items:center;gap:9px;min-height:58px;padding:8px 15px 8px 9px;border:1px solid var(--tone2);border-radius:999px;background:linear-gradient(105deg,#1d1140f2,#082b36f2);box-shadow:0 10px 40px #0009,0 0 32px color-mix(in srgb,var(--tone2) 28%,transparent);color:#fff;backdrop-filter:blur(16px);cursor:pointer;animation:soundCall 1.8s ease-in-out infinite}.floating-sound[aria-pressed=true]{animation:none;border-color:#c9ff35;background:linear-gradient(105deg,#183427ed,#082b36ed)}.floating-sound[aria-pressed=true] .sound-icon{background:#c9ff35;box-shadow:0 0 18px #c9ff35}.to-top{position:fixed;z-index:50;right:17px;bottom:17px;width:43px;height:43px;border:1px solid #ffffff3d;border-radius:50%;background:#0d0915df;color:#fff;backdrop-filter:blur(12px);cursor:pointer;opacity:0;pointer-events:none;transition:.3s}.to-top.visible{opacity:1;pointer-events:auto}.live-region{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
html[data-motion=off] #ambient-canvas{display:none}html[data-motion=off] *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes spectrum{to{background-position:100%}}@keyframes eventPulse{50%{box-shadow:0 0 80px color-mix(in srgb,var(--tone3) 36%,transparent)}}@keyframes soundCall{50%{transform:translateY(-2px);box-shadow:0 10px 42px #0008,0 0 42px color-mix(in srgb,var(--tone2) 40%,transparent)}}
@media(max-width:1080px){.workbench{grid-template-columns:1fr}.controls{position:relative;top:auto}.sky-wrap{min-height:650px}.events-grid,.traces-grid{grid-template-columns:1fr}.trace-gallery{grid-template-columns:repeat(3,1fr)}.voice-lab{grid-template-columns:1fr}.how ol{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.topbar,main,footer{width:min(100% - 30px,720px)}.topbar nav{display:none}.menu-toggle{display:block;border:1px solid var(--hair);border-radius:999px;background:transparent;color:#fff;padding:10px 12px;font-size:.56rem;letter-spacing:.1em}.mobile-menu{position:fixed;z-index:39;top:82px;left:15px;right:15px;padding:15px;border:1px solid var(--hair);border-radius:18px;background:#0d0915f5;backdrop-filter:blur(18px);flex-direction:column}.mobile-menu.open{display:flex}.mobile-menu a{padding:13px;text-decoration:none;border-bottom:1px solid #ffffff12;font-size:.68rem;letter-spacing:.12em}.intro-strip{grid-template-columns:1fr;min-height:auto}.enter{grid-column:auto}.section-head{grid-template-columns:1fr}.reading{grid-template-columns:1fr}.reading-actions,.reading>small{grid-column:auto}.reading dl{grid-template-columns:repeat(3,1fr)}footer{grid-template-columns:1fr;gap:9px;padding:32px 0}footer a{justify-self:start}}
@media(max-width:580px){.intro-strip{padding:55px 0}.intro-strip h1{font-size:clamp(3.35rem,17vw,5rem)}.lab,.events-section,.traces-section,.how{padding:80px 0 45px}.section-head h2{font-size:clamp(2.8rem,13vw,4.3rem)}.field-pair,.axis-grid{grid-template-columns:1fr}.buttons{grid-template-columns:1fr}.generate{grid-column:auto}.stage-head{display:grid;align-items:flex-start;gap:13px;padding:14px}.stage-actions{width:100%;align-items:stretch;flex-direction:column}.stage-actions .primary-sound{width:100%;justify-content:flex-start}.secondary-stage-actions{justify-content:flex-end}.secondary-stage-actions button{width:39px;padding:7px;justify-content:center}.secondary-stage-actions button span{position:absolute;width:1px;height:1px;overflow:hidden}.floating-sound{left:10px;bottom:10px;max-width:calc(100% - 70px)}.floating-sound .sound-main{font-size:.58rem}.floating-sound .sound-sub{white-space:nowrap}.sky-wrap{min-height:540px}.event-card{left:12px;top:12px;width:calc(100% - 24px)}.drag-hint{font-size:.42rem}.reading dl{grid-template-columns:1fr 1fr}.reading-actions{flex-direction:column}.trace-gallery{grid-template-columns:1fr}.voice-lab{padding:20px}.voice-actions{display:grid;grid-template-columns:1fr 1fr}.voice-actions button:last-child{grid-column:1/3}.voice-item{grid-template-columns:1fr}.voice-item audio{grid-column:auto}.voice-item>div{flex-wrap:wrap}.how ol{grid-template-columns:1fr}.how li{min-height:220px}.how li h3{margin-top:58px}.privacy>div{flex-direction:column;align-items:flex-start}.brand small{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}#ambient-canvas{display:none}*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media(prefers-contrast:more){:root{--hair:#ffffff66;--muted:#fff}.glass{backdrop-filter:none;background:#090611}.event-card,.drag-hint{background:#090611}}