*{margin:0;padding:0;box-sizing:border-box}:root{color-scheme:dark;--black:#0a0a0a;--dark:#111111;--surface:#1a1a1a;--surface-light:#242424;--border:#2a2a2a;--border-light:#3a3a3a;--text:#ffffff;--text-secondary:#b0b0b0;--text-muted:#999999;--lime:#c8ff00;--lime-dim:#a8d900;--purple:#a855f7;--purple-light:#c084fc;--orange:#ff6b35;--orange-light:#ff8c5a;--cyan:#22d3ee;--pink:#ff3366;--accent:var(--cyan);--ease-out-expo:cubic-bezier(0.16,1,0.3,1);--ease-out-quart:cubic-bezier(0.25,1,0.5,1);--ease-out-cubic:cubic-bezier(0.33,1,0.68,1)}html{scroll-behavior:auto;overflow-x:clip}body{background:var(--black);color:var(--text);font-family:'Space Grotesk',system-ui,sans-serif;font-weight:400;overflow-x:clip;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}::selection{background:var(--accent);color:var(--black)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--black)}::-webkit-scrollbar-thumb{background:var(--surface-light);border-radius:5px;border:2px solid var(--black)}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}h1,h2,h3,h4,h5,h6{font-family:'Syne',system-ui,sans-serif;font-weight:700;line-height:1.1;letter-spacing:-0.03em}code{font-family:'JetBrains Mono',monospace;font-size:0.85em;background:var(--surface);padding:0.15em 0.4em;border-radius:4px}.showcase-shell{display:grid;width:min(100%,1040px);min-height:100svh;margin:0 auto;padding:clamp(1rem,3vw,2rem);align-content:center}.showcase-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.showcase-prompt{display:flex;align-items:center;gap:0.55rem;color:var(--text-muted);font-family:'JetBrains Mono',monospace;font-size:0.65rem;letter-spacing:0.08em;line-height:1.35;text-transform:uppercase}.showcase-prompt strong{color:var(--text);font-weight:600}.showcase-prompt__dot{flex:0 0 auto;width:0.42rem;height:0.42rem;border-radius:50%;background:var(--accent);box-shadow:0 0 12px color-mix(in srgb,var(--accent) 70%,transparent)}.showcase-stage{width:100%}.showcase-shell{display:block;position:relative;width:100%;max-width:none;height:100svh;min-height:0;margin:0;padding:0;overflow:hidden}.showcase-toolbar{position:absolute;z-index:3;top:0;left:0;width:100%;margin:0;padding:clamp(0.9rem,2.4vw,1.5rem) clamp(1rem,3vw,2rem);pointer-events:none}.showcase-stage{position:absolute;inset:0}.morph{position:absolute;inset:0;overflow:hidden;background:radial-gradient(90% 70% at 50% 50%,#10161a 0%,#0a0a0a 60%,#060607 100%);touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:pointer}.morph:focus-visible{outline:2px solid var(--accent);outline-offset:-4px}.morph__canvas{position:absolute;inset:0;display:block;width:100%;height:100%}.morph__words{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;margin:0;padding:clamp(2.5rem,8vh,4rem) 1rem;list-style:none;color:var(--accent);font-family:'Syne',system-ui,sans-serif;font-weight:800;font-size:clamp(3rem,15vw,11rem);line-height:0.92;letter-spacing:-0.03em;text-transform:uppercase;text-align:center}.morph__words li + li{color:color-mix(in srgb,var(--accent) 45%,transparent)}.morph__words img{display:block;max-width:60vw;max-height:40vh;-webkit-user-drag:none}.morph.is-live .morph__words{display:none}.gl .morph__words{visibility:hidden}.morph__index{position:absolute;z-index:2;left:50%;bottom:clamp(1.1rem,3.4vh,2.2rem);transform:translateX(-50%);color:rgba(255,255,255,0.55);font-family:'JetBrains Mono',monospace;font-size:0.7rem;letter-spacing:0.18em;pointer-events:none}.morph:not(.is-live) .morph__index{display:none}@media (max-width:768px){.showcase-prompt span:last-child{display:none}.morph__words{font-size:clamp(2.4rem,17vw,5rem)}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}