:root{color-scheme:dark;--bg: #060706;--panel: rgba(14, 16, 14, .78);--panel-soft: rgba(18, 22, 18, .62);--line: rgba(205, 218, 190, .16);--line-strong: rgba(167, 196, 132, .46);--text: #f0efe6;--muted: #a6ab9b;--dim: #777d6e;--green: #a7c484;--amber: #d7a95f;--red: #c96858;--blue: #7f9aa0;--mono: "SFMono-Regular", Menlo, Consolas, monospace;--sans: "Avenir Next", "Helvetica Neue", Helvetica, sans-serif}*{box-sizing:border-box}html,body{width:100%;max-width:100%;min-height:100%;margin:0;overflow:hidden;overflow-x:hidden;background:radial-gradient(circle at 50% 44%,rgba(137,154,116,.08),transparent 42vw),linear-gradient(180deg,#090a09,#030403 78%);color:var(--text);font-family:var(--sans)}button,input{font:inherit}button{border:0;color:inherit;cursor:pointer}.app-shell{position:relative;width:100dvw;min-width:0;height:100dvh;min-height:100dvh;isolation:isolate;overflow:hidden}.organism-canvas{position:absolute;inset:0;z-index:0;cursor:crosshair}.organism-canvas canvas{display:block}.app-shell:before,.app-shell:after{position:absolute;inset:0;z-index:1;pointer-events:none;content:""}.app-shell:before{background:linear-gradient(90deg,rgba(0,0,0,.54),transparent 22%,transparent 78%,rgba(0,0,0,.52)),linear-gradient(180deg,rgba(0,0,0,.42),transparent 28%,rgba(0,0,0,.58))}.app-shell:after{opacity:.16;background-image:linear-gradient(rgba(229,225,204,.06) 1px,transparent 1px);background-size:100% 5px}.surface-panel{position:relative;z-index:2;border:1px solid var(--line);border-radius:2px;background:var(--panel);box-shadow:0 18px 42px #00000047}.brand-panel{position:absolute;top:24px;left:28px;display:grid;grid-template-columns:auto 1fr;gap:7px 14px;width:min(326px,calc(100vw - 56px));padding:12px 14px}.brand-logo{grid-row:1 / 3;display:grid;align-self:center;width:42px;height:42px;place-items:center}.brand-logo svg{display:block;width:42px;height:42px;overflow:visible}.logo-ring{fill:#a7c48414;stroke:#f0efe68f;stroke-width:1.35}.logo-thread{fill:none;stroke:#a7c484b8;stroke-linecap:round;stroke-width:1.4}.logo-node{fill:#a7c484;stroke:#f0efe69e;stroke-width:.9}.logo-node.main{fill:#a7c48447;stroke-width:1.2}.brand-panel p{margin:0;color:var(--muted);font-size:.78rem;line-height:1.25}.brand-panel .system-state{color:var(--green);font-family:var(--mono);font-size:.64rem;letter-spacing:.16em;text-transform:uppercase}.left-rail,.right-rail{position:absolute;z-index:3;display:grid;width:278px;gap:8px}.left-rail{top:104px;left:28px}.right-rail{top:24px;right:28px}.panel-block{padding:12px}.panel-title{margin:0 0 10px;color:var(--muted);font-family:var(--mono);font-size:.66rem;letter-spacing:.18em;text-transform:uppercase}.mode-grid{display:grid;gap:4px}.mode-card{display:grid;grid-template-columns:20px 1fr;align-items:center;gap:8px;width:100%;padding:7px 8px;border:1px solid transparent;border-radius:1px;background:#ffffff05;text-align:left}.mode-card:hover,.mode-card:focus-visible,.mode-card.is-active{border-color:var(--line-strong);background:#a7c48414;outline:none}.mode-card strong{display:block;color:var(--text);font-size:.78rem;font-weight:500}.mode-card small{display:block;margin-top:1px;color:var(--muted);font-size:.65rem;line-height:1.18}.mode-orb{width:13px;height:13px;border:1px solid currentColor;border-radius:50%;background:currentColor;box-shadow:none;opacity:.76}.mode-orb.calm{color:var(--blue)}.mode-orb.stable{color:var(--green)}.mode-orb.chaos{color:var(--amber)}.mode-orb.ritual{color:var(--red)}.seed-row{display:grid;grid-template-columns:1fr auto;gap:7px}.seed-row input{min-width:0;border:1px solid var(--line);border-radius:1px;background:#00000047;color:var(--text);padding:9px 10px;font-family:var(--mono);font-size:.68rem;outline:none}.seed-row input:focus{border-color:var(--line-strong)}.seed-row button,.text-button{color:var(--green);background:transparent;font-family:var(--mono);font-size:.66rem;letter-spacing:.04em;text-transform:uppercase}.text-button{margin-top:9px;padding:0}.hints-panel dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 8px;margin:0}.hints-panel div{display:grid;grid-template-columns:auto 1fr;gap:6px;align-items:baseline}.hints-panel dt{color:var(--text);font-family:var(--mono);font-size:.61rem}.hints-panel dd{margin:0;color:var(--dim);font-size:.61rem;line-height:1.15}.metric-list{display:grid;gap:9px}.metric{display:grid;grid-template-columns:1fr auto;gap:6px 12px;align-items:center}.metric span{color:var(--muted);font-family:var(--mono);font-size:.62rem;letter-spacing:.13em;text-transform:uppercase}.metric strong{color:var(--green);font-family:var(--mono);font-size:.72rem;font-weight:500}.meter{grid-column:1 / -1;height:3px;overflow:hidden;background:#cddabe1f}.meter i{display:block;width:8%;height:100%;background:var(--green);transition:width .32s linear}.meter.energy i{background:var(--amber)}.meter.dissonance i{background:var(--red)}.meter.chaos i{background:var(--blue)}.phase-orb{display:none}.conductor-text{margin:10px 0 0;color:var(--muted);font-size:.72rem;line-height:1.35}.audio-panel{display:grid;gap:8px}.primary-action,.record-action,.export-grid button{min-height:36px;border:1px solid var(--line);border-radius:1px;background:#ffffff08;color:var(--text);font-size:.74rem}.primary-action{display:flex;align-items:center;justify-content:center;gap:9px;border-color:#a7c4846b}.primary-action span{color:var(--green)}.record-action{display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:9px;padding:0 10px}.record-action>span{width:8px;height:8px;border-radius:50%;background:var(--red)}.record-action small{color:var(--dim);font-family:var(--mono)}.primary-action:hover,.record-action:hover,.export-grid button:hover{border-color:var(--line-strong);background:#a7c48412}.volume-row{display:grid;grid-template-columns:auto 1fr;gap:9px;align-items:center;color:var(--muted);font-family:var(--mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase}input[type=range]{accent-color:var(--green)}.export-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.export-grid button{min-height:36px;padding:7px 8px}.hidden-file{display:none}.status-strip{position:absolute;right:328px;bottom:22px;left:328px;z-index:3;display:flex;flex-wrap:wrap;justify-content:center;gap:12px 18px;padding:9px 12px;color:var(--muted);font-family:var(--mono);font-size:.64rem;text-align:center}.status-strip span{white-space:nowrap}#performanceState{color:var(--green)}.ritual-overlay[hidden]{display:none}.ritual-overlay{position:fixed;inset:0;z-index:8;display:grid;place-items:center;overflow:hidden;color:var(--text);pointer-events:none}.ritual-backdrop{position:absolute;inset:0;background:radial-gradient(circle at 50% 44%,rgba(167,196,132,.16),transparent 26vw),linear-gradient(180deg,#020302e0,#020302b3 42%,#020302eb);animation:ritualBreath 6s ease-in-out infinite}.ritual-frame{position:relative;width:min(760px,calc(100vw - 42px));height:min(620px,calc(100dvh - 54px));padding:clamp(28px,5vw,56px);border:1px solid rgba(240,239,230,.18);background:linear-gradient(180deg,#0f120edb,#040504c2),radial-gradient(circle at 50% 12%,rgba(167,196,132,.12),transparent 42%);box-shadow:0 28px 90px #0000009e;overflow:hidden}.ritual-frame:before,.ritual-frame:after{position:absolute;right:28px;left:28px;z-index:2;height:76px;content:"";pointer-events:none}.ritual-frame:before{top:0;background:linear-gradient(180deg,rgba(8,10,8,.96),transparent)}.ritual-frame:after{bottom:0;background:linear-gradient(0deg,rgba(8,10,8,.96),transparent)}.ritual-kicker{position:relative;z-index:3;margin:0 0 12px;color:var(--green);font-family:var(--mono);font-size:.68rem;letter-spacing:.34em;text-transform:uppercase}.ritual-frame h2{position:relative;z-index:3;max-width:680px;margin:0;font-size:clamp(2.1rem,7vw,5.4rem);font-weight:500;letter-spacing:-.055em;line-height:.94}.ritual-scroll-mask{--ritual-mask-height: min(360px, 46dvh);--ritual-end-padding: 26px;position:relative;height:var(--ritual-mask-height);margin-top:clamp(28px,5vw,54px);overflow:hidden}.ritual-scroll{display:grid;gap:20px;color:#f0efe6c7;font-size:clamp(1rem,2.2vw,1.38rem);font-weight:380;letter-spacing:-.012em;line-height:1.64;animation:ritualIntroScroll 54s linear both}.ritual-scroll p,.ritual-scroll dl{max-width:650px;margin:0}.ritual-scroll dl{display:grid;grid-template-columns:minmax(120px,.34fr) 1fr;gap:10px 18px;font-family:var(--mono);font-size:clamp(.74rem,1.5vw,.94rem);text-transform:uppercase}.ritual-scroll dt{color:var(--green);letter-spacing:.14em}.ritual-scroll dd{margin:0;color:#f0efe6b8}.ritual-overlay.is-intro .ritual-scroll p:first-child,.ritual-overlay.is-credits .ritual-scroll p:first-child{color:#f0efe6f2;font-size:clamp(1.12rem,2.4vw,1.55rem)}.ritual-overlay.is-intro .ritual-frame{height:min(820px,calc(100dvh - 44px))}.ritual-overlay.is-credits .ritual-frame{height:min(700px,calc(100dvh - 44px))}.ritual-overlay.is-credits .ritual-scroll-mask{--ritual-end-padding: 26px}.ritual-overlay.is-credits .ritual-scroll{gap:24px;text-align:center;animation:ritualCreditsScroll 58s linear both}.ritual-overlay.is-credits .ritual-scroll p,.ritual-overlay.is-credits .ritual-scroll dl{max-width:none}.ritual-progress{position:absolute;right:34px;bottom:28px;left:34px;z-index:3;height:1px;background:#f0efe624}.ritual-progress span{display:block;width:0;height:100%;background:var(--green);box-shadow:0 0 18px #a7c48480;transition:width .28s ease}@keyframes ritualBreath{0%,to{opacity:.86;transform:scale(1)}50%{opacity:1;transform:scale(1.018)}}@keyframes ritualIntroScroll{0%{opacity:.94;transform:translateY(18%)}to{opacity:1;transform:translateY(calc(-100% + var(--ritual-mask-height) - var(--ritual-end-padding)))}}@keyframes ritualCreditsScroll{0%{opacity:.92;transform:translateY(34%)}to{opacity:1;transform:translateY(calc(-100% + var(--ritual-mask-height) - var(--ritual-end-padding)))}}.hide-ui .brand-panel,.hide-ui .left-rail,.hide-ui .right-rail,.hide-ui .status-strip{opacity:0;pointer-events:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media(max-width:1180px){html,body{overflow:auto;overflow-x:hidden}.app-shell{width:100%;min-height:100vh;min-height:100dvh;height:auto;padding:12px;overflow:visible}.organism-canvas{position:fixed}.brand-panel,.left-rail,.right-rail,.status-strip{position:relative;inset:auto;width:100%;max-width:720px;margin:0 auto 10px}.brand-panel{margin-top:8px}.left-rail,.right-rail{display:grid}.status-strip{justify-content:flex-start}.status-strip span{white-space:normal}}@media(max-width:620px){.app-shell{padding:9px}.surface-panel,.brand-panel,.left-rail,.right-rail,.status-strip{max-width:calc(100vw - 18px)}.brand-panel{width:auto}.hints-panel dl,.export-grid{grid-template-columns:1fr}.status-strip{display:grid;gap:6px;justify-items:start}}@media(max-height:880px)and (min-width:1181px){.left-rail,.right-rail{width:264px}.left-rail{top:96px}.hints-panel{display:none}.status-strip{right:304px;left:304px;bottom:14px}}