*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#fafaf9;--surface:#f4f4f2;--border:#e5e5e2;--text:#111110;--muted:#78786e;--accent:#e85d2f;--accent-hov:#d04e22;--font:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:16px}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{background-color:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font);letter-spacing:-.025em;color:var(--text);font-weight:500;line-height:1.1}p{color:var(--muted);line-height:1.7}a{color:inherit;text-decoration:none}button{font-family:var(--font)}.container{width:100%;max-width:1160px;margin:0 auto;padding:0 40px}@media (width<=900px){.container{padding:0 28px}}@media (width<=600px){.container{padding:0 20px}}::selection{color:var(--text);background:#e85d2f26}.william-graham{letter-spacing:.01em;font-family:Acelon William Graham,serif;font-weight:400}.glass-surface{justify-content:center;align-items:center;transition:opacity .26s ease-out;display:flex;position:relative;overflow:hidden}.glass-surface__filter{pointer-events:none;opacity:0;z-index:-1;width:100%;height:100%;position:absolute;inset:0}.glass-surface__content{border-radius:inherit;z-index:1;justify-content:center;align-items:center;width:100%;height:100%;padding:.5rem;display:flex;position:relative}.glass-surface--svg{background:var(--lightningcss-light,hsl(0 0% 100%/var(--glass-frost,0)))var(--lightningcss-dark,hsl(0 0% 0%/var(--glass-frost,0)));-webkit-backdrop-filter:var(--filter-id,url(#glass-filter)) saturate(var(--glass-saturation,1));backdrop-filter:var(--filter-id,url(#glass-filter)) saturate(var(--glass-saturation,1));box-shadow:inset 0 0 2px 1px var(--lightningcss-light,oklch(0% none none/.15))var(--lightningcss-dark,oklch(100% 5.96046e-8 none/.35)),inset 0 0 10px 4px var(--lightningcss-light,oklch(0% none none/.1))var(--lightningcss-dark,oklch(100% 5.96046e-8 none/.15)),0 4px 16px #11111a0d,0 8px 24px #11111a0d,0 16px 56px #11111a0d,inset 0 4px 16px #11111a0d,inset 0 8px 24px #11111a0d,inset 0 16px 56px #11111a0d}.glass-surface--fallback{-webkit-backdrop-filter:blur(12px)saturate(1.8)brightness(1.1);background:#ffffff40;border:1px solid #ffffff4d;box-shadow:0 8px 32px #1f268733,0 2px 16px #1f26871a,inset 0 1px #fff6,inset 0 -1px #fff3}@media (prefers-color-scheme:dark){.glass-surface--fallback{-webkit-backdrop-filter:blur(12px)saturate(1.8)brightness(1.2);background:#ffffff1a;border:1px solid #fff3;box-shadow:inset 0 1px #fff3,inset 0 -1px #ffffff1a}}@supports not ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.glass-surface--fallback{background:#fff6;box-shadow:inset 0 1px #ffffff80,inset 0 -1px #ffffff4d}.glass-surface--fallback:before{content:"";border-radius:inherit;z-index:-1;background:#ffffff26;position:absolute;inset:0}}@supports not ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){@media (prefers-color-scheme:dark){.glass-surface--fallback{background:#0006}.glass-surface--fallback:before{background:#ffffff0d}}}.glass-surface:focus-visible{outline-offset:2px;outline:2px solid var(--lightningcss-light,#007aff)var(--lightningcss-dark,#0a84ff)}.prompt-bar{--pb-bg:#fff;--pb-ink:#111;--pb-w:400px;--pb-radius:40px;--pb-press:.96;width:min(var(--pb-w), 100%);color:var(--pb-ink);font-family:inherit;font-size:14px;line-height:22px}.prompt-bar__field{border-radius:var(--pb-radius);background:var(--pb-bg);border:1px solid #fffffff2;align-items:center;width:100%;min-height:52px;padding:8px 8px 8px 18px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 38px #0000001a,0 2px 10px #0000000d,inset 0 1px #fffffffa,inset 0 -1px #00000009}.prompt-bar__field:after{content:"";border-radius:calc(var(--pb-radius) - 1px);pointer-events:none;position:absolute;inset:1px;box-shadow:inset 0 1px #fff}.prompt-bar__input{min-width:0;min-height:22px;max-height:22px;color:inherit;font:inherit;resize:none;background:0 0;border:0;outline:none;flex:1;padding:0;font-size:14px;line-height:22px;display:block;overflow:hidden}.prompt-bar__input::placeholder{color:#1111116b}.prompt-bar__send{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:#111;border:0;border-radius:50%;outline:none;flex:none;place-items:center;width:36px;height:36px;margin-left:10px;padding:0;transition:transform .18s cubic-bezier(.23,1,.32,1),background-color .18s,opacity .18s;display:grid}.prompt-bar__send:disabled{color:#999;cursor:default;background:#e8e8e6}.prompt-bar__send[data-pressed]{transform:scale(var(--pb-press))}.prompt-bar__send[data-armed]:hover{transform:translateY(-1px)}.prompt-bar__effort{background:#fffffff5;border:1px solid #fffffffa;border-radius:16px;width:min(270px,62%);margin:8px auto 0;padding:7px 10px 6px;box-shadow:0 7px 18px #0001,0 1px 4px #00000009,inset 0 1px #fff}.prompt-bar__effort-label{color:#111;letter-spacing:.01em;margin-bottom:4px;font-size:10px;font-weight:600}.prompt-bar__effort-track{cursor:grab;touch-action:none;background:#e8e8e6;border-radius:999px;height:6px;position:relative;box-shadow:inset 0 1px 2px #00000014}.prompt-bar__effort-track:active{cursor:grabbing}.prompt-bar__effort-fill{border-radius:inherit;will-change:width;background:#111;position:absolute;inset:0 auto 0 0}.prompt-bar__effort-thumb{will-change:left;background:#fff;border:1px solid #0000001a;border-radius:50%;width:16px;height:16px;margin:-8px 0 0 -8px;position:absolute;top:50%;box-shadow:0 2px 7px #00000024,0 0 0 1.5px #fffffff2}.prompt-bar__effort-range{color:#1111116b;justify-content:space-between;margin-top:3px;font-size:8px;display:flex}@media (width<=600px){.prompt-bar{--pb-w:100%}.prompt-bar__effort{width:min(360px,86%)}}@media (prefers-reduced-motion:reduce){.prompt-bar__send[data-pressed]{transform:none}}.generated-result{text-align:left;width:min(900px,100%);color:var(--text);margin:56px auto 0;padding:0}.generated-result__header{border-bottom:1px solid var(--border);padding:0 8px 42px}.generated-result__eyebrow{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px;font-size:11px;font-weight:600;display:block}.generated-result__header h3{letter-spacing:-.035em;margin:0;font-size:clamp(30px,5vw,54px);font-weight:600;line-height:1.05}.generated-result__section{border-bottom:1px solid var(--border);padding:42px 8px}.generated-result__section--last{border-bottom:0}.generated-result__label{color:var(--muted);letter-spacing:.12em;margin-bottom:18px;font-size:11px;font-weight:600;display:block}.generated-result__section p{max-width:720px;color:var(--text);margin:0;font-size:16px;line-height:1.8}.generated-result__list{flex-direction:column;gap:12px;margin:0;padding-left:22px;display:flex}.generated-result__list li{color:var(--text);padding-left:4px;font-size:15px;line-height:1.65}.generated-result__structure{border:1px solid var(--border);background:var(--surface);border-radius:18px;flex-direction:column;display:flex;overflow:hidden}.generated-result__file{border-bottom:1px solid var(--border);grid-template-columns:minmax(180px,.8fr) 1.2fr;gap:24px;padding:16px 18px;display:grid}.generated-result__file:last-child{border-bottom:0}.generated-result__file code{color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px}.generated-result__file span{color:var(--muted);font-size:13px;line-height:1.5}.generated-result__files{flex-direction:column;gap:28px;display:flex}.generated-result__code-file{border:1px solid var(--border);background:#111;border-radius:18px;overflow:hidden}.generated-result__code-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;display:flex}.generated-result__code-header code{color:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px}.generated-result__code-header span{color:#ffffff73;text-transform:uppercase;letter-spacing:.08em;font-size:10px}.generated-result__code-wrap{background:#111;position:relative;overflow:hidden}.generated-result__copy{z-index:2;color:#ffffffb8;font:inherit;cursor:pointer;-webkit-backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:6px;padding:6px 9px;font-size:10px;font-weight:500;transition:background .16s,color .16s,border-color .16s,transform .16s;display:inline-flex;position:absolute;top:10px;right:10px}.generated-result__copy:hover{color:#fff;background:#ffffff24;border-color:#fff3}.generated-result__copy:active{transform:scale(.96)}.generated-result__copy svg{flex:none}.generated-result__code{color:#f2f2f2;tab-size:2;white-space:pre;background:#111;margin:0;padding:20px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;line-height:1.7;overflow-x:auto}.generated-result__code code{font-family:inherit}.generated-result__style{border:1px solid var(--border);background:var(--surface);border-radius:18px;justify-content:space-between;align-items:center;width:min(420px,100%);margin-bottom:24px;padding:18px 20px;display:flex}.generated-result__style strong{font-size:15px;font-weight:600}.generated-result__style span{color:var(--muted);font-size:13px}.generated-result__walkthrough{flex-direction:column;display:flex}.generated-result__walkthrough-item{border-bottom:1px solid var(--border);grid-template-columns:42px 1fr;gap:18px;padding:20px 0;display:grid}.generated-result__walkthrough-item:last-child{border-bottom:0}.generated-result__walkthrough-item>span{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px}.generated-result__walkthrough-item h4{margin:0 0 7px;font-size:15px;font-weight:600}.generated-result__walkthrough-item p{font-size:14px;line-height:1.7}@media (width<=640px){.generated-result{margin-top:40px}.generated-result__section{padding:32px 0}.generated-result__file{grid-template-columns:1fr;gap:8px}.generated-result__code{margin:0;padding:20px 90px 20px 20px}}@font-face{font-family:Acelon William Graham;src:url(/fonts/Acelon-William-Graham.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}.thought-line{--tl-ease-out:cubic-bezier(.23, 1, .32, 1);--tl-ease-in-out:cubic-bezier(.77, 0, .175, 1);--tl-font:16px;--tl-color:currentColor;--tl-glyph:currentColor;--tl-settle:.35s;--tl-blur:2px;--tl-shimmer:1.8s;--tl-done:.75;--tl-timer:.55;color:var(--tl-color);font-family:inherit;font-size:var(--tl-font);flex-direction:column;align-items:flex-start;font-weight:500;line-height:1.2;display:inline-flex}.thought-line__head{color:inherit;font:inherit;text-align:left;white-space:nowrap;cursor:default;background:0 0;border:0;outline:none;align-items:center;gap:.3em;margin:0;padding:0;display:inline-flex;position:relative}.thought-line__head[data-toggle]{cursor:pointer;-webkit-tap-highlight-color:transparent}.thought-line__glyph{width:1.1em;height:1.1em;color:var(--tl-glyph);flex:none;margin-right:.2em;display:inline-flex}.thought-line__glyph svg{width:100%;height:100%;display:block}.thought-line__dot{background:currentColor;border-radius:50%;width:.5em;height:.5em;margin:auto}.thought-line__label{display:inline-grid}.thought-line__text{opacity:0;width:max-content;filter:blur(var(--tl-blur));transition:opacity var(--tl-settle) var(--tl-ease-out), filter var(--tl-settle) var(--tl-ease-out);grid-area:1/1}.thought-line__text[data-active]{opacity:1;filter:blur()}.thought-line__text--done[data-active]{opacity:var(--tl-done)}.thought-line__breath{display:inline-block}.thought-line[data-working] .thought-line__breath[data-shimmer]{background:linear-gradient(100deg, color-mix(in srgb, var(--tl-color) 50%, transparent) 30%, var(--tl-color) 50%, color-mix(in srgb, var(--tl-color) 50%, transparent) 70%);color:#0000;-webkit-text-fill-color:transparent;animation:thought-line-shimmer var(--tl-shimmer) linear infinite;background-position:125% 0;background-size:250% 100%;-webkit-background-clip:text;background-clip:text}@keyframes thought-line-shimmer{to{background-position:-125% 0}}.thought-line__timer{font-variant-numeric:tabular-nums;opacity:var(--tl-timer);transition:opacity var(--tl-settle) ease, transform var(--tl-settle) var(--tl-ease-in-out)}.thought-line__timer[data-done]{opacity:var(--tl-done)}.thought-line__chevron{opacity:0;transition:opacity .2s ease, transform .2s var(--tl-ease-out);margin-left:.1em;display:inline-flex}.thought-line__chevron[data-on]{opacity:.55}.thought-line[data-open] .thought-line__chevron{transform:rotate(180deg)}.thought-line__sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.thought-line__trace{width:0;min-width:100%;transition:grid-template-rows var(--tl-settle) var(--tl-ease-out);grid-template-rows:0fr;display:grid}.thought-line__trace[data-open]{grid-template-rows:1fr}.thought-line__fold{min-height:0;overflow:visible clip}.thought-line__steps{white-space:nowrap;flex-direction:column;gap:.45em;width:max-content;padding:.6em 0 .2em 1.6em;font-size:.875em;font-weight:400;display:flex}.thought-line__step{opacity:1;transition:opacity .2s var(--tl-ease-out), transform .2s var(--tl-ease-out);align-items:center;gap:.5em;display:flex;transform:translateY(0)}@starting-style{.thought-line__step{opacity:0;transform:translateY(-4px)}}.thought-line__mark{opacity:.55;flex:none;place-items:center;width:1em;height:1em;display:inline-grid}.thought-line__pulse{width:.4em;height:.4em;animation:thought-line-pulse 1.6s var(--tl-ease-in-out) infinite;background:currentColor;border-radius:50%;display:block}@keyframes thought-line-pulse{0%,to{opacity:.55}50%{opacity:1}}.thought-line__step-text{transition:opacity var(--tl-settle) ease}.thought-line__step[data-done] .thought-line__step-text{opacity:.55}@media (prefers-reduced-motion:reduce){.thought-line__text{transition:opacity var(--tl-settle) ease;filter:none!important}.thought-line__timer{transition:opacity var(--tl-settle) ease}.thought-line__step{transition:opacity .2s;transform:none!important}.thought-line__pulse{animation-duration:2.4s}}.thought-line__william{letter-spacing:.01em;font-family:Acelon William Graham,serif;font-weight:400}