:root{--bg-deep: #06141a;--bg-mid: #0a2430;--teal: #2a8a7a;--teal-bright: #3eb8a0;--phosphor: #7dffe0;--amber: #d4a574;--amber-hot: #e8c090;--ink: #d8ebe4;--ink-dim: rgba(216, 235, 228, .55);--ink-faint: rgba(216, 235, 228, .28);--line: rgba(62, 184, 160, .22);--font-display: "Fraunces", "Times New Roman", serif;--font-ui: "Syne", "Avenir Next", sans-serif;--ease-out: cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg-deep);color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased}body{background:radial-gradient(120% 80% at 50% 120%,rgba(212,165,116,.12),transparent 55%),radial-gradient(90% 70% at 20% 10%,rgba(42,138,122,.18),transparent 50%),radial-gradient(70% 50% at 85% 30%,rgba(8,40,52,.9),transparent 55%),linear-gradient(180deg,#041018 0%,var(--bg-deep) 40%,#0a1c24 100%)}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");z-index:2}#canvas-root{position:fixed;inset:0;z-index:0}#canvas-root canvas{display:block;width:100%;height:100%}.app-shell{position:relative;z-index:1;width:100%;height:100%;pointer-events:none}.app-shell>*{pointer-events:auto}.start-gate{position:fixed;inset:0;z-index:10;display:grid;place-items:center;background:radial-gradient(80% 60% at 50% 40%,#0a243059,#041018b8);cursor:pointer;animation:gate-in 1.1s var(--ease-out) both}.start-gate__inner{text-align:center;padding:2rem;max-width:28rem}.start-gate__brand{font-family:var(--font-display);font-size:clamp(3.5rem,12vw,7rem);font-weight:600;letter-spacing:-.03em;line-height:.95;margin:0;color:var(--ink);text-shadow:0 0 40px rgba(62,184,160,.25)}.start-gate__tag{margin:1.25rem 0 0;font-size:.95rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim)}.start-gate__hint{margin:2.5rem 0 0;font-size:.85rem;color:var(--amber);letter-spacing:.14em;text-transform:uppercase;animation:pulse-hint 2.4s ease-in-out infinite}.overlay{position:fixed;inset:0;z-index:3;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(1rem,3vw,2rem);pointer-events:none}.overlay>*{pointer-events:auto}.brand-lockup{animation:fade-rise 1s var(--ease-out) .15s both}.brand-lockup h1{margin:0;font-family:var(--font-display);font-size:clamp(2.4rem,6vw,3.8rem);font-weight:600;letter-spacing:-.03em;line-height:1;color:var(--ink);text-shadow:0 2px 24px rgba(4,16,24,.55)}.brand-lockup p{margin:.55rem 0 0;max-width:18rem;font-size:.9rem;line-height:1.4;color:var(--ink-dim)}.controls{align-self:flex-end;width:min(100%,22rem);animation:fade-rise 1s var(--ease-out) .35s both}.controls__top{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.85rem}.btn{appearance:none;border:1px solid var(--line);background:#06141a73;color:var(--ink);font-family:var(--font-ui);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;padding:.55rem .85rem;cursor:pointer;transition:border-color .25s var(--ease-out),color .25s var(--ease-out),background .25s var(--ease-out),transform .25s var(--ease-out);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn:hover{border-color:#3eb8a08c;color:var(--phosphor)}.btn:active{transform:translateY(1px)}.btn--amber:hover{border-color:#d4a57499;color:var(--amber-hot)}.moods{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:1rem}.mood{appearance:none;border:none;background:transparent;color:var(--ink-faint);font-family:var(--font-ui);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;padding:.35rem .45rem;cursor:pointer;transition:color .25s var(--ease-out)}.mood:hover{color:var(--ink-dim)}.mood.is-active{color:var(--amber)}.sliders{display:grid;gap:.65rem}.slider{display:grid;grid-template-columns:5.5rem 1fr;align-items:center;gap:.65rem}.slider label{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint)}.slider input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:2px;background:linear-gradient(90deg,var(--teal),var(--amber));outline:none;opacity:.75}.slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:var(--ink);border:2px solid var(--bg-deep);cursor:pointer}.slider input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--ink);border:2px solid var(--bg-deep);cursor:pointer}.seed-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:1rem;padding-top:.85rem;border-top:1px solid var(--line)}.seed-row__label{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seed-row__label span{color:var(--teal-bright)}.seed-row__label.is-flash span{color:var(--amber-hot);transition:color .2s ease}.controls__drawer-toggle{display:none}@media(max-width:640px){.controls{width:100%}.controls__drawer-toggle{display:inline-flex}.controls__body{display:none}.controls.is-open .controls__body{display:block;margin-top:.75rem;animation:fade-rise .45s var(--ease-out) both}.brand-lockup p{display:none}}@media(prefers-reduced-motion:reduce){.start-gate,.brand-lockup,.controls,.start-gate__hint{animation:none!important}}@keyframes gate-in{0%{opacity:0}to{opacity:1}}@keyframes fade-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-hint{0%,to{opacity:.45}50%{opacity:1}}