@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes msgIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes burst{0%{transform:scale(.6)}to{transform:scale(1.4);opacity:0}}@keyframes burstLine{0%{opacity:0;transform:rotate(var(--r, 0deg)) translateY(-40px) scaleY(.3)}50%{opacity:1}to{opacity:0;transform:rotate(var(--r, 0deg)) translateY(-140px) scaleY(1)}}:root{--accent: oklch(78% .13 75);--accent-2: oklch(78% .08 200);--accent-deep: oklch(58% .14 65);--bg-0: #0b1020;--bg-1: #1a2348;--bg-2: #3a2b4e;--bg-3: #6a3d56;--bg-4: #c87a5a;--ink: #f5efe6;--ink-dim: rgba(245, 239, 230, .68);--ink-faint: rgba(245, 239, 230, .42);--hair: rgba(245, 239, 230, .14);--hair-strong: rgba(245, 239, 230, .22);--glass: rgba(255, 255, 255, .055);--glass-strong: rgba(255, 255, 255, .09);--glass-border: rgba(255, 255, 255, .14);--shadow-lg: 0 30px 80px -20px rgba(0, 0, 0, .55), 0 10px 30px -10px rgba(0, 0, 0, .35);--shadow-md: 0 12px 40px -10px rgba(0, 0, 0, .4);--radius-xs: 8px;--radius-sm: 12px;--radius-md: 18px;--radius-lg: 28px;--radius-xl: 40px;--font-display: "Instrument Serif", "Times New Roman", serif;--font-ui: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}html{overflow-x:hidden!important;overflow-y:scroll!important;scrollbar-width:auto;scrollbar-color:var(--accent) rgba(0,0,0,.3)}body{margin:0;padding:0;background:var(--bg-0);color:var(--ink);font-family:var(--font-ui);font-size:15px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}html::-webkit-scrollbar{width:14px;background:#0006}html::-webkit-scrollbar-track{background:#0006}html::-webkit-scrollbar-thumb{background:var(--accent);border-radius:7px;border:3px solid rgba(0,0,0,.4);background-clip:padding-box;min-height:40px}html::-webkit-scrollbar-thumb:hover{background:var(--accent-deep);background-clip:padding-box;border:3px solid rgba(0,0,0,.4)}.ambient{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(120% 80% at 85% 10%,var(--accent) -10%,transparent 40%),radial-gradient(100% 70% at 10% 20%,var(--accent-2) -30%,transparent 45%),radial-gradient(140% 100% at 50% 120%,var(--bg-4) 0%,var(--bg-3) 18%,var(--bg-2) 38%,var(--bg-1) 62%,var(--bg-0) 90%);filter:saturate(1.05)}.ambient:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.08 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");opacity:.4;mix-blend-mode:overlay}.particles{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.app{position:relative;z-index:2;display:flex;flex-direction:column;min-height:100vh;width:100vw;padding:20px 28px 90px;gap:14px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px}.brandmark{display:flex;align-items:center;gap:14px}.brandmark .glyph{width:36px;height:36px;border-radius:10px;background:linear-gradient(140deg,var(--accent),var(--accent-deep));position:relative;box-shadow:inset 0 0 0 1px #ffffff40,0 6px 20px -4px var(--accent)}.brandmark .glyph:before,.brandmark .glyph:after{content:"";position:absolute;border-radius:2px;background:#0b1020bf}.brandmark .glyph:before{top:8px;right:16px;bottom:14px;left:10px}.brandmark .glyph:after{top:16px;right:10px;bottom:8px;left:16px}.brandmark .wordmark{font-family:var(--font-display);font-size:20px;letter-spacing:.01em;line-height:1}.brandmark .wordmark em{font-style:italic;color:var(--accent)}.brandmark .sub{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint);margin-top:3px}.stepper{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--glass);border:1px solid var(--glass-border);border-radius:999px;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%)}.stepper .dot{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-size:11px;letter-spacing:.04em;color:var(--ink-dim);cursor:pointer;transition:all .25s ease;white-space:nowrap}.stepper .dot .num{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-variant-numeric:tabular-nums;background:#ffffff14;color:var(--ink-dim)}.stepper .dot.done .num{background:var(--accent);color:var(--bg-0)}.stepper .dot.active{background:#ffffff1a;color:var(--ink)}.stepper .dot.active .num{background:var(--ink);color:var(--bg-0)}.stepper .dot:hover{color:var(--ink)}.topbar .utility{display:flex;align-items:center;gap:10px}.pill{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:var(--glass);border:1px solid var(--glass-border);font-size:11px;letter-spacing:.04em;color:var(--ink-dim);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);cursor:pointer;transition:all .2s ease}.pill:hover{color:var(--ink);border-color:var(--hair-strong)}.pill .tiny-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.stage{position:relative;flex:1;display:flex;min-height:calc(100vh - 170px)}.scene{display:none;flex:1;min-height:calc(100vh - 170px);opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .6s cubic-bezier(.2,.8,.2,1)}.scene.active{display:flex;flex-direction:column;opacity:1;transform:translateY(0);animation:sceneIn .5s ease}.scene.active>*{width:100%}@keyframes sceneIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.footer{position:fixed;bottom:18px;left:28px;right:28px;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 16px;background:#141220bf;border:1px solid var(--glass-border);border-radius:999px;backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%);box-shadow:0 12px 40px -10px #00000080}.footer .counter{font-family:var(--font-mono);font-size:11px;color:var(--ink-faint);letter-spacing:.08em}.footer .counter strong{color:var(--ink);font-weight:500}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;border:1px solid var(--glass-border);background:var(--glass);color:var(--ink);font-family:var(--font-ui);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;letter-spacing:.01em}.btn:hover{border-color:var(--hair-strong);background:var(--glass-strong)}.btn:disabled{opacity:.35;cursor:not-allowed}.btn.primary{background:var(--accent);color:#1a1208;border-color:transparent;font-weight:600;box-shadow:0 8px 24px -8px var(--accent),inset 0 1px #ffffff59}.btn.primary:hover{filter:brightness(1.08)}.btn.ghost{background:transparent}.glass{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-lg);backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%);box-shadow:var(--shadow-md),inset 0 1px #ffffff14}.glass-strong{background:var(--glass-strong);border:1px solid var(--glass-border);border-radius:var(--radius-lg);backdrop-filter:blur(28px) saturate(160%);-webkit-backdrop-filter:blur(28px) saturate(160%);box-shadow:var(--shadow-lg),inset 0 1px #ffffff1f}.display{font-family:var(--font-display);font-weight:400;line-height:1;letter-spacing:-.01em}.eyebrow{font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--accent);font-weight:500}.mono{font-family:var(--font-mono);font-size:11px;letter-spacing:.02em}.ai-chip{display:inline-flex;align-items:center;gap:10px;padding:8px 14px 8px 10px;background:#ffffff12;border:1px solid var(--glass-border);border-radius:999px;font-size:12px;color:var(--ink-dim)}.ai-chip .orb{width:16px;height:16px;border-radius:50%;background:conic-gradient(from 0deg,var(--accent),var(--accent-2),var(--accent));animation:spin 3s linear infinite;position:relative;box-shadow:0 0 12px var(--accent)}.ai-chip .orb:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;background:var(--bg-1)}@keyframes spin{to{transform:rotate(360deg)}}.scroll{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--hair) transparent}.scroll::-webkit-scrollbar{width:6px}.scroll::-webkit-scrollbar-thumb{background:var(--hair);border-radius:3px}input,textarea,select{font-family:var(--font-ui);color:var(--ink);background:transparent;border:none;outline:none}.field{display:flex;align-items:center;gap:10px;padding:14px 18px;background:#0003;border:1px solid var(--hair);border-radius:var(--radius-md);transition:border-color .2s ease}.field:focus-within{border-color:var(--accent)}.field input,.field textarea{flex:1;font-size:15px}.field input::placeholder,.field textarea::placeholder{color:var(--ink-faint)}.tweaks{position:fixed;right:20px;bottom:80px;z-index:50;width:280px;padding:18px 18px 16px;display:none}.tweaks.open{display:block;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tweaks h4{margin:0 0 14px;font-family:var(--font-display);font-size:20px;font-weight:400}.tweaks .row{margin-bottom:14px}.tweaks label{display:block;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:8px}.tweaks .swatches{display:flex;gap:8px}.tweaks .swatch{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .2s ease}.tweaks .swatch.selected{border-color:var(--ink);transform:scale(1.1)}.tweaks .seg{display:flex;background:#00000040;border-radius:999px;padding:3px;font-size:11px}.tweaks .seg button{flex:1;padding:7px 10px;background:transparent;border:none;color:var(--ink-dim);border-radius:999px;cursor:pointer;font-family:var(--font-ui);transition:all .2s ease}.tweaks .seg button.on{background:var(--ink);color:var(--bg-0)}.row{display:flex}.col{display:flex;flex-direction:column}.gap-sm{gap:8px}.gap-md{gap:16px}.gap-lg{gap:24px}.center{align-items:center;justify-content:center}.between{justify-content:space-between}