:root{--ink:#0d0b08;--velvet:#1b1712;--bone:#ede4d2;--muse:#e8b24c;--ember:#e84d2e;--laurel:#7fa086;--fog:#8a8377;--bg:var(--ink);--surface:var(--velvet);--surface-hover:color-mix(in oklch, var(--velvet) 85%, var(--bone));--input-fill:color-mix(in oklch, var(--ink) 80%, var(--velvet));--text:var(--bone);--text-muted:var(--fog);--accent:var(--muse);--accent-warm:var(--ember);--positive:var(--laurel);--border:#ede4d214;--border-strong:#ede4d229;--border-gold:color-mix(in oklch, var(--muse) 60%, transparent);--shadow-lift:0 1px 2px oklch(0% 0 0/.4), 0 8px 24px oklch(0% 0 0/.3), 0 24px 64px oklch(0% 0 0/.2);--shadow-soft:0 1px 2px oklch(0% 0 0/.3), 0 4px 14px oklch(0% 0 0/.25);--shadow-glow-muse:0 0 40px oklch(78% .14 75/.18);--shadow-glow-ember:0 0 24px oklch(68% .18 30/.25);--r-xs:4px;--r-sm:8px;--r-md:14px;--r-lg:20px;--r-xl:28px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-6:24px;--s-8:32px;--s-12:48px;--s-16:64px;--s-24:96px;--font-serif:"Gambetta", "Georgia", serif;--font-sans:"General Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono:"IBM Plex Mono", "SF Mono", Menlo, monospace;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-fast:.14s;--dur-normal:.24s;--dur-slow:.4s;--dur-develop:.6s;--nav-height-desktop:64px;--nav-height-mobile:56px;--mobile-tabbar-height:60px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.t-display{font-family:var(--font-serif);letter-spacing:-.025em;color:var(--text);font-size:clamp(48px,8vw,88px);font-weight:400;line-height:1.02}.t-display-italic{font-family:var(--font-serif);letter-spacing:-.02em;color:var(--text);font-size:clamp(48px,8vw,96px);font-style:italic;font-weight:400;line-height:1.02}.t-muse{font-family:var(--font-serif);letter-spacing:-.005em;color:var(--muse);font-size:22px;font-style:italic;font-weight:400;line-height:1.3}.t-muse-sm{font-family:var(--font-serif);letter-spacing:-.005em;color:var(--muse);font-size:17px;font-style:italic;font-weight:400;line-height:1.35}.t-section-title{font-family:var(--font-serif);letter-spacing:-.015em;color:var(--text);font-size:32px;font-weight:500;line-height:1.15}.t-body{font-family:var(--font-sans);color:var(--text);font-size:15px;font-weight:400;line-height:1.55}.t-body-emph{font-family:var(--font-sans);color:var(--text);font-size:15px;font-weight:500;line-height:1.55}.t-caption{font-family:var(--font-sans);letter-spacing:.005em;color:var(--text-muted);font-size:13px;font-weight:400;line-height:1.4}.t-meta{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:400;line-height:1.3}.t-prompt{font-family:var(--font-serif);letter-spacing:-.01em;color:var(--text);font-size:28px;font-style:italic;font-weight:400;line-height:1.35}.t-tagline{font-family:var(--font-serif);letter-spacing:-.01em;color:#ede4d2e0;font-size:clamp(22px,3.5vw,34px);font-style:italic;font-weight:400;line-height:1.25}.top-nav{height:var(--nav-height-desktop);padding:0 var(--s-6);z-index:50;-webkit-backdrop-filter:blur(16px)saturate(140%);border-bottom:1px solid var(--border);background:linear-gradient(oklch(15% .02 60/.65),oklch(15% .02 60/.25));grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:sticky;top:0}.top-nav__logo{border-radius:var(--r-md);transition:background var(--dur-fast);justify-self:start;align-items:center;gap:10px;margin-left:-8px;padding:6px 8px;display:flex}.top-nav__logo:hover{background:#ede4d20a}.top-nav__tabs{gap:var(--s-6);justify-self:center;display:flex}.top-nav__tab{font-family:var(--font-serif);color:#ede4d2a6;transition:color var(--dur-fast), border-color var(--dur-fast);border-bottom:2px solid #0000;padding:6px 2px;font-size:17px;font-style:italic}.top-nav__tab:hover{color:var(--text)}.top-nav__tab--active{color:var(--muse);border-bottom-color:var(--muse)}.top-nav__right{align-items:center;gap:var(--s-3);justify-self:end;display:flex}.top-nav__avatar{background:var(--velvet);border:1px solid var(--border-strong);width:36px;height:36px;font-family:var(--font-serif);color:var(--text);border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:500;display:flex}.top-nav__user-menu-wrap{position:relative}.top-nav__menu{background:var(--velvet);border:1px solid var(--border);border-radius:var(--r-md);min-width:200px;box-shadow:var(--shadow-lift);z-index:51;padding:6px;position:absolute;top:calc(100% + 8px);right:0}.top-nav__menu-item{text-align:left;border-radius:var(--r-sm);width:100%;color:var(--text);font-family:var(--font-sans);transition:background var(--dur-fast);align-items:center;gap:8px;padding:8px 12px;font-size:14px;display:flex}.top-nav__menu-item:hover{background:var(--surface-hover)}.top-nav__menu-item--danger{color:var(--text-muted)}.top-nav__menu-item--danger:hover{color:var(--ember)}@media (width<=768px){.top-nav{height:var(--nav-height-mobile);padding:0 var(--s-4);grid-template-columns:auto auto}.top-nav__tabs{display:none}}.mobile-tabs{z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);background:oklch(12% .015 55/.92);display:none;position:fixed;bottom:0;left:0;right:0}@media (width<=768px){.mobile-tabs{display:flex}}.mobile-tab{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:#ede4d280;height:var(--mobile-tabbar-height);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:10px 4px 8px;font-size:10px;display:flex}.mobile-tab--active{color:var(--muse)}.spark-badge{font-family:var(--font-mono);color:var(--text);transition:background var(--dur-fast), border-color var(--dur-fast);background:#e8b24c14;border:1px solid #e8b24c33;border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:500;display:inline-flex}.spark-badge:hover{background:#e8b24c29;border-color:#e8b24c59}.spark-badge--unlimited{letter-spacing:.06em;color:var(--muse);background:#e8b24c1f;border-color:#e8b24c47;font-size:10px}.btn{font-family:var(--font-serif);white-space:nowrap;transition:background var(--dur-fast), transform var(--dur-fast), box-shadow var(--dur-fast);border-radius:999px;justify-content:center;align-items:center;gap:8px;font-style:italic;font-weight:500;display:inline-flex}.btn:active:not(:disabled){transform:translateY(1px)}.btn--primary{background:var(--muse);color:var(--ink);box-shadow:var(--shadow-glow-muse)}.btn--primary:hover:not(:disabled){background:color-mix(in oklch, var(--muse) 88%, var(--bone))}.btn--warm{background:var(--ember);color:var(--bone);box-shadow:var(--shadow-glow-ember)}.btn--warm:hover:not(:disabled){background:color-mix(in oklch, var(--ember) 88%, var(--bone))}.btn--ghost{color:var(--text);background:0 0}.btn--ghost:hover:not(:disabled){background:#ede4d20f}.btn--outline{color:var(--text);border:1px solid var(--border-strong);background:0 0}.btn--outline:hover:not(:disabled){border-color:var(--muse);color:var(--muse)}.btn--sm{height:36px;padding:0 16px;font-size:14px}.btn--md{height:44px;padding:0 22px;font-size:16px}.btn--lg{height:56px;padding:0 32px;font-size:20px}.muse-whisper{align-items:baseline;display:inline-flex}.muse-cursor{background:var(--muse);opacity:.8;width:2px;height:1em;margin-left:2px;animation:1s infinite musePulse;display:inline-block;transform:translateY(2px)}@keyframes musePulse{0%,60%{opacity:.8}to{opacity:0}}.contact-frame{background:var(--velvet);border:1px solid var(--border);box-shadow:var(--shadow-soft);transition:box-shadow var(--dur-normal), transform var(--dur-normal), border-color var(--dur-normal);position:relative}.contact-frame--clickable{cursor:pointer}.contact-frame--clickable:hover{box-shadow:var(--shadow-lift);border-color:#ede4d233;transform:translateY(-4px)}.develop{border-radius:inherit;position:relative;overflow:hidden}.develop__img{object-fit:cover;width:100%;height:100%;animation:develop .6s var(--ease-out) forwards;display:block}@keyframes develop{0%{clip-path:inset(0 0 100%);filter:brightness(.3)sepia()hue-rotate(20deg)}to{clip-path:inset(0);filter:brightness()sepia(0)}}.develop__scanline{background:var(--muse);height:1px;box-shadow:0 0 8px var(--muse), 0 0 16px #e8b24c80;animation:scanline .6s var(--ease-out) forwards;pointer-events:none;position:absolute;top:0;left:0;right:0}@keyframes scanline{0%{opacity:1;transform:translateY(0)}90%{opacity:1}to{transform:translateY(calc(var(--h,100%)));opacity:0}}.slot-empty{border-radius:inherit;background:linear-gradient(135deg,oklch(18% .015 55),oklch(14% .015 55));position:absolute;inset:0;overflow:hidden}.slot-empty:before{content:"";background:radial-gradient(#e8b24c0f,#0000 60%);animation:2s ease-in-out infinite slotPulse;position:absolute;inset:0}@keyframes slotPulse{0%,to{opacity:.8}50%{opacity:.4}}.flame-mark--flicker{animation:3s ease-in-out infinite flameFlicker}@keyframes flameFlicker{0%,to{transform:translate(0)}20%{transform:translate(-1px)}50%{transform:translate(1px)}70%{transform:translate(-.5px)}}.toaster{bottom:calc(var(--mobile-tabbar-height) + 16px + env(safe-area-inset-bottom));z-index:100;pointer-events:none;flex-direction:column-reverse;gap:8px;display:flex;position:fixed;left:50%;transform:translate(-50%)}@media (width>=769px){.toaster{bottom:24px}}.toast{pointer-events:auto;font-family:var(--font-sans);background:var(--velvet);border:1px solid var(--border-strong);color:var(--text);box-shadow:var(--shadow-lift);border-radius:999px;max-width:80vw;padding:12px 18px;font-size:14px}.toast--error{color:var(--text);border-color:#e84d2e66}.toast--success{border-color:#7fa08666}.sheet-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:90;background:#0d0b08b8;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}@media (width>=769px){.sheet-backdrop{align-items:center}}.sheet{background:var(--velvet);border-top-left-radius:var(--r-xl);border-top-right-radius:var(--r-xl);border:1px solid var(--border);width:100%;max-width:520px;max-height:90dvh;box-shadow:var(--shadow-lift);padding:var(--s-6);padding-bottom:calc(var(--s-6) + env(safe-area-inset-bottom));border-bottom:none;border-bottom-right-radius:0;border-bottom-left-radius:0;position:relative;overflow:auto}@media (width>=769px){.sheet{border-radius:var(--r-xl);border-bottom:1px solid var(--border);padding:var(--s-8);max-height:85vh}}.chip{background:var(--velvet);border:1px solid var(--border);font-family:var(--font-sans);color:var(--text);white-space:nowrap;cursor:pointer;transition:all var(--dur-fast);border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;display:inline-flex}.chip:hover{background:var(--surface-hover);border-color:#ede4d233}.chip--active{border-color:var(--muse);color:var(--muse);background:#e8b24c14;box-shadow:inset 0 0 12px #e8b24c26}.chip__meta{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);font-size:10px}.chip--active .chip__meta{color:var(--muse);opacity:.85}.instrument{background:var(--velvet);border:1px solid var(--border);border-radius:var(--r-md);cursor:pointer;min-width:160px;transition:all var(--dur-fast);text-align:left;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.instrument:hover{border-color:#ede4d233}.instrument--active{border-color:var(--muse);background:#e8b24c0f;box-shadow:inset 0 0 16px #e8b24c1a}.instrument__name{font-family:var(--font-serif);color:var(--text);letter-spacing:-.01em;font-size:16px;font-weight:500}.instrument--active .instrument__name{color:var(--muse)}.instrument__desc{font-family:var(--font-sans);color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:1.35;display:-webkit-box;overflow:hidden}.instrument__cost{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:4px;margin-top:6px;font-size:10px;display:flex}.instrument--ref-skip .instrument__name,.instrument--ref-skip .instrument__desc{opacity:.72}.instrument__ref-note{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--fog);pointer-events:none;background:#8a83771f;border:1px solid #8a837733;border-radius:999px;padding:2px 6px;font-size:9px;position:absolute;top:8px;right:10px}.instrument{position:relative}.studio__reference{align-items:center;margin-bottom:4px;padding-bottom:4px;display:flex}.instrument--active .instrument__cost{color:var(--muse)}.code-input{justify-content:center;gap:10px;display:flex}.code-input input{text-align:center;width:44px;height:56px;font-family:var(--font-serif);color:var(--text);background:var(--input-fill);border:1px solid var(--border-strong);border-radius:var(--r-md);transition:all var(--dur-fast);outline:none;font-size:28px;font-weight:500}.code-input input:focus{border-color:var(--muse);box-shadow:0 0 0 2px #e8b24c33}@media (width<=480px){.code-input input{width:40px;height:52px;font-size:24px}}.field{flex-direction:column;gap:6px;display:flex}.field__label{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);font-size:10px}.field__input{background:var(--input-fill);border:1px solid var(--border-strong);border-radius:var(--r-md);font-family:var(--font-sans);color:var(--text);transition:border-color var(--dur-fast);padding:12px 14px;font-size:15px}.field__input:focus{border-color:var(--muse)}.field__input--italic{font-family:var(--font-serif);padding:16px 18px;font-size:22px;font-style:italic}.field__input::placeholder{color:#ede4d266}.contact-grid{gap:16px;display:grid}.page{padding:var(--s-6);max-width:1400px;padding-bottom:calc(var(--s-12) + env(safe-area-inset-bottom));margin:0 auto}@media (width>=769px){.page{padding:var(--s-8) var(--s-8)}}@media (width<=768px){.page{padding-bottom:calc(var(--mobile-tabbar-height) + var(--s-8) + env(safe-area-inset-bottom))}}.section-title{font-family:var(--font-serif);letter-spacing:-.015em;color:var(--text);margin-bottom:var(--s-4);font-size:32px;font-weight:500;line-height:1.15}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ede4d214;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#ede4d229}.tooltip{display:inline-flex;position:relative}.tooltip__bubble{z-index:1000;pointer-events:none;background:var(--velvet);border:1px solid var(--border);min-width:max-content;font-family:var(--font-sans);text-align:center;white-space:normal;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:8px 12px;display:flex;box-shadow:0 8px 24px #0006}.tooltip__label{color:var(--text);font-size:12px;line-height:1.35}.tooltip__meta{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);font-size:10px}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html,body,#root{height:100%;min-height:100dvh}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font-size:15px;line-height:1.5;overflow-x:hidden}.app-shell{isolation:isolate;background:radial-gradient(ellipse 1200px 800px at 15% -20%, oklch(25% .08 65/.4), transparent 60%), radial-gradient(ellipse 900px 600px at 85% 110%, oklch(22% .1 40/.35), transparent 55%), var(--ink);min-height:100vh;position:relative}.app-shell:after{content:"";pointer-events:none;z-index:100;opacity:.04;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:fixed;inset:0}input,textarea,[contenteditable=true],.selectable,p,h1,h2,h3,h4,h5,h6,span,li{-webkit-user-select:text;user-select:text}input,textarea,select,button{font:inherit;color:inherit;background:0 0;border:0;outline:none}button{cursor:pointer;color:inherit;-webkit-user-select:none;user-select:none}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}:focus-visible{outline:2px solid var(--border-gold);outline-offset:2px;border-radius:var(--r-sm)}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid #ede4d226;border-top-color:var(--muse);border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.stack{flex-direction:column;display:flex}.row{align-items:center;display:flex}.gap-1{gap:var(--s-1)}.gap-2{gap:var(--s-2)}.gap-3{gap:var(--s-3)}.gap-4{gap:var(--s-4)}.gap-6{gap:var(--s-6)}.gap-8{gap:var(--s-8)}.flex-1{flex:1}.center{justify-content:center;align-items:center;display:flex}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}body.no-scroll{overflow:hidden}