@layer theme;@layer base{.app-ui :where(p,h3,h4){color:inherit;font-family:var(--font-body);letter-spacing:normal;margin:0}:where(.app-ui,.app-ui *){border-color:var(--app-border)}}@layer components{.app-ui{--app-fg:#292524;--app-muted:#f5f5f4;--app-muted-fg:#57534d;--app-border:#e7e5e4;--app-input:#e4e4e4;--app-select:#6366f1;--app-primary:var(--pc-color-primary);--app-ai:linear-gradient(120deg, #3e83f6, #d64fbe 34%, #ff394b 70%, #ff6d21);font-family:var(--font-body);color:var(--app-fg);text-align:left;font-size:12px;line-height:1.5}.app-ui svg:not([fill]){fill:currentColor;flex-shrink:0}.app-window{border:1px solid var(--app-border);box-shadow:var(--shadow-2xl);background:#fff;border-radius:14px;overflow:hidden}.app-topbar{border-bottom:1px solid var(--app-border);background:#fff;align-items:center;gap:6px;padding:8px 8px 8px 12px;display:flex}.app-btn{white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:6px;height:28px;padding:0 14px;font-size:11px;font-weight:600;display:inline-flex}.app-btn-primary{background:var(--app-primary);color:#fff}.app-btn-muted{background:var(--app-input);color:var(--app-muted-fg)}.app-btn-outline{border:1px solid var(--app-border);background:#fff}.app-btn-ghost{color:var(--app-muted-fg)}.app-icon-btn{width:28px;height:28px;color:var(--app-muted-fg);border-radius:8px;place-items:center;display:inline-grid}.app-icon-btn.is-active{background:var(--app-primary);color:#fff}.app-icon-btn svg,.app-btn svg{width:16px;height:16px}.app-ai-title{background:var(--app-ai);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:14px}.app-ai-fill{background:var(--app-ai);color:#fff}.app-section-title{text-transform:uppercase;letter-spacing:.06em;opacity:.7;font-size:10px;font-weight:600}.app-item{border:1px solid var(--app-border);background:#fff;border-radius:10px;padding:12px}.app-item-muted{background:color-mix(in srgb, var(--app-muted) 95%, transparent)}.app-user-msg{background:#1c19170b;border-radius:12px 4px 12px 12px;max-width:88%;margin-left:auto;padding:9px 12px;font-size:12px}.app-ai-msg{font-size:12px;line-height:1.6}.app-chip{background:var(--app-input);height:22px;color:var(--app-muted-fg);border-radius:6px;align-items:center;gap:5px;padding:0 8px;font-size:10px;font-weight:600;display:inline-flex}.app-chip svg{width:12px;height:12px}.app-composer{border:1px solid var(--app-border);box-shadow:var(--shadow-lg);background:#fff;border-radius:12px;flex-direction:column;gap:8px;padding:10px 10px 10px 12px;display:flex}.app-composer-text{min-height:18px;color:var(--app-fg)}.app-placeholder{color:#78716c}.app-send{background:var(--app-primary);color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;margin-left:auto;display:grid}.app-send svg{width:14px;height:14px}.app-option{border-top:1px solid var(--app-border);align-items:center;gap:8px;padding:7px 10px;display:flex}.app-option:first-child{border-top:0}.app-check{color:#fff;border:1.5px solid #a8a29e;border-radius:4px;place-items:center;width:14px;height:14px;display:grid}.app-check svg{width:12px;height:12px}.app-option.is-on .app-check,.app-check.is-on{border-color:var(--app-primary);background:var(--app-primary)}.app-toggle-group{flex-wrap:wrap;gap:4px;display:flex}.app-toggle{background:var(--app-input);height:28px;color:var(--app-muted-fg);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-size:11px;font-weight:600;line-height:1;transition:color .25s;display:inline-flex;overflow:hidden}.app-toggle-check{border:1px solid var(--app-input);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:16px;height:16px;margin-left:-24px;transition:margin .25s,translate .25s,background-color .25s;display:grid;translate:-16px}.app-toggle-check svg{width:100%;height:100%}.app-toggle.is-on{color:var(--app-fg)}.app-toggle.is-on .app-toggle-check{border-color:var(--app-primary);background:var(--app-primary);margin-left:-8px;translate:0}.app-step-check{width:16px;height:16px;color:var(--app-primary);place-items:center;display:grid}.app-step-check svg{width:100%;height:100%}.app-loading-mark{background:url(/images/thinking-mark.webp) 0 0/4140px 20px no-repeat;flex-shrink:0;width:20px;height:20px;animation:6.21s steps(207,end) infinite app-thinking;display:inline-block}.app-ellipsis:after{content:"";text-align:left;width:1.2em;animation:1.2s step-end infinite app-ellipsis;display:inline-block}.app-step-dot{border:2px solid var(--app-input);border-radius:50%;width:14px;height:14px}.app-spinner{border:2px solid color-mix(in srgb, var(--app-primary) 25%, transparent);border-top-color:var(--app-primary);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite app-spin}@keyframes app-thinking{to{background-position:-4140px 0}}@keyframes app-ellipsis{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}@keyframes app-spin{to{rotate:360deg}}.app-glass{backdrop-filter:blur(16px);box-shadow:0 0 0 1px #0000000f, var(--shadow-lg);color:#1c1917;background:linear-gradient(#ffffffd9,#ffffffa6);border-radius:999px;gap:2px;padding:4px;display:inline-flex}.app-glass>span{border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.app-glass>span:first-child{background:#00000014}.app-glass svg{width:17px;height:17px}.app-thumb{aspect-ratio:1;outline-offset:2px;border-radius:6px;outline:2px solid #0000;transition:outline-color .25s;display:block;overflow:hidden}.app-thumb.is-on{outline-color:var(--app-primary)}.app-selected{outline:2px solid var(--app-select);outline-offset:3px}.app-hovered{outline:1.5px dashed var(--app-select);outline-offset:3px}.app-switch{background:var(--app-primary);border-radius:999px;width:28px;height:16px;position:relative}.app-switch:after{content:"";background:#fff;border-radius:50%;width:12px;height:12px;position:absolute;top:2px;right:2px}.app-field{border:1px solid var(--app-border);background:#fff;border-radius:8px;padding:7px 10px;display:block}.app-badge{border-radius:999px;align-items:center;padding:1px 8px;font-size:10px;font-weight:600;display:inline-flex}.app-unread{background:var(--app-select);border-radius:50%;width:8px;height:8px}.app-swatch{aspect-ratio:1;border-radius:6px;box-shadow:inset 0 0 0 1px #00000014}.app-up{color:#15803d}.app-down{color:#b91c1c}.browser-frame{box-shadow:0 0 0 1px #29171114, var(--shadow-2xl);background:#fff;border-radius:12px;overflow:hidden}.browser-bar{background:#f5f5f4;border-bottom:1px solid #e7e5e4;align-items:center;gap:6px;padding:9px 12px;display:flex}.browser-bar>i{background:#d6d3d1;border-radius:50%;width:9px;height:9px}.browser-url{max-width:260px;font-family:var(--font-body);color:#57534d;text-align:center;white-space:nowrap;text-overflow:ellipsis;background:#fff;border-radius:6px;flex:1;margin:0 auto;padding:3px 10px;font-size:10px;overflow:hidden}.phone-frame{box-shadow:var(--shadow-2xl);background:#1c1917;border:7px solid #1c1917;border-radius:34px;overflow:hidden}.phone-frame>:first-child{border-radius:27px;overflow:hidden}.app-fg-muted{color:var(--app-muted-fg)}.app-fg-faint{color:#78716c}.app-fg-ink{color:#1c1917}.app-canvas{background:#e7e5e4}.app-muted-bg{background:var(--app-muted)}.app-ink{background:#1c1917}.app-photo-shade{background:linear-gradient(90deg,#0c0a09d1,#0c0a0973 55%,#0000)}.app-device{border-color:#292524}}@layer utilities;.motion-paused *,.motion-paused :before,.motion-paused :after{animation-play-state:paused!important}@keyframes story-fallback{to{opacity:1}}.motion-ready [data-reveal]:not(.is-revealed),.motion-ready [data-stagger]:not(.is-revealed)>*{opacity:0}.motion-ready:not(.motion-live) [data-reveal]:not(.is-revealed),.motion-ready:not(.motion-live) [data-stagger]:not(.is-revealed)>*{animation:.4s 2.5s forwards story-fallback}.motion-ready [data-stagger][data-reveal]:not(.is-revealed),.motion-ready main>section:first-child [data-reveal],.motion-ready main>section:first-child [data-stagger]>*{opacity:1;animation:none}.scene-live [data-from]:not(.is-on),.scene-live [data-until]:not(.is-on){opacity:0;pointer-events:none;translate:0 10px;scale:.98}.scene-live [data-from],.scene-live [data-until]{transition:opacity .42s cubic-bezier(.2,.7,.2,1),translate .52s cubic-bezier(.2,.7,.2,1),scale .52s cubic-bezier(.2,.7,.2,1),background-color .42s,color .42s}.scene-live [data-collapse]:not(.is-on){display:none}.scene-live [data-collapse].is-on{animation:.46s cubic-bezier(.2,.7,.2,1) scene-pop}.scene-live [data-fade]:not(.is-on){translate:none;scale:none}[data-scene]:not(.scene-live) [data-until]{display:none}[data-scene]{transition:opacity .5s}[data-scene].is-resetting{opacity:0}@keyframes scene-pop{0%{opacity:0;translate:0 12px;scale:.97}}@media (prefers-reduced-motion:no-preference){.scene-live :is(.app-user-msg,.app-ai-msg)[data-collapse].is-on{animation:.44s cubic-bezier(.22,1,.36,1) both chat-rise}.scene-live .app-ai-msg[data-collapse].is-on:has(.app-loading-mark){animation-delay:.3s}}@keyframes chat-rise{0%{opacity:0;translate:0 8px}}.is-typing:after{content:"";vertical-align:-.15em;background:currentColor;width:2px;height:1em;margin-left:2px;animation:.9s step-end infinite caret;display:inline-block}@keyframes caret{50%{opacity:0}}.thinking{align-items:center;gap:4px;display:inline-flex}.thinking>span{opacity:.35;background:currentColor;border-radius:50%;width:6px;height:6px;animation:1.2s infinite thinking}.thinking>span:nth-child(2){animation-delay:.15s}.thinking>span:nth-child(3){animation-delay:.3s}@keyframes thinking{30%{opacity:1;translate:0 -3px}}.shimmer{background:linear-gradient(100deg, color-mix(in srgb, var(--pc-color-primary) 8%, transparent) 30%, color-mix(in srgb, var(--pc-color-primary) 22%, transparent) 50%, color-mix(in srgb, var(--pc-color-primary) 8%, transparent) 70%);background-size:300% 100%;animation:1.6s linear infinite shimmer}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.app-grow{grid-template-rows:1fr;grid-template-columns:minmax(0,1fr);display:grid}.app-grow>*{min-height:0}.scene-live .app-grow{transition:grid-template-rows .52s cubic-bezier(.22,1,.36,1)}.scene-live .app-grow:not(.is-on){grid-template-rows:0fr}@media (prefers-reduced-motion:reduce){.scene-live .app-grow{transition:none}}.app-slot{grid-template-rows:1fr;grid-template-columns:minmax(0,1fr);display:grid}.app-slot>*{min-height:0;overflow:hidden}.scene-live .app-slot{transition:grid-template-rows .7s cubic-bezier(.22,1,.36,1),opacity .42s .18s}.scene-live .app-slot:not(.is-on){grid-template-rows:0fr}.scene-live .app-slot.is-on>*{animation:.42s forwards slot-open}@keyframes slot-open{0%,99%{overflow:hidden}to{overflow:visible}}.scene-live .app-slot .changed-on.is-on{animation:.9s ease-out .48s both slot-pulse}@keyframes slot-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, color-mix(in srgb, var(--pc-color-primary) 45%, white) 80%, transparent)}to{box-shadow:0 0 0 12px color-mix(in srgb, var(--pc-color-primary) 0%, transparent)}}@media (prefers-reduced-motion:reduce){.scene-live .app-slot{transition:none}.scene-live .app-slot>*,.scene-live .app-slot .changed-on.is-on{animation:none}}.changed{box-shadow:0 0 0 2px var(--pc-color-primary);border-radius:6px}.scene-live .changed-on.is-on{animation:1.6s ease-out changed-flash}@keyframes changed-flash{0%,60%{box-shadow:0 0 0 2px var(--pc-color-primary)}to{box-shadow:0 0 0 2px #0000}}.scene-cursor{z-index:5;pointer-events:none;width:22px;height:22px;transition:left .9s cubic-bezier(.4,0,.2,1),top .9s cubic-bezier(.4,0,.2,1),opacity .3s;position:absolute}.words-live .word{opacity:.18;transition:opacity .28s ease-out}.words-live .word.is-lit{opacity:1}[data-scrolly] [data-visual]{transition:opacity .5s cubic-bezier(.2,.7,.2,1),translate .6s cubic-bezier(.2,.7,.2,1)}[data-scrolly]:not([data-active="1"]) [data-visual="1"],[data-scrolly]:not([data-active="2"]) [data-visual="2"],[data-scrolly]:not([data-active="3"]) [data-visual="3"],[data-scrolly]:not([data-active="4"]) [data-visual="4"]{opacity:0;pointer-events:none;translate:0 24px}[data-scrolly] [data-step]{transition:opacity .4s}@media (width>=1024px){.motion-live [data-scrolly]:not([data-active="1"]) [data-step="1"],.motion-live [data-scrolly]:not([data-active="2"]) [data-step="2"],.motion-live [data-scrolly]:not([data-active="3"]) [data-step="3"],.motion-live [data-scrolly]:not([data-active="4"]) [data-step="4"]{opacity:.85}}[data-scrolly][data-active="1"] [data-dot="1"],[data-scrolly][data-active="2"] [data-dot="2"],[data-scrolly][data-active="3"] [data-dot="3"],[data-scrolly][data-active="4"] [data-dot="4"]{background:var(--pc-color-primary);width:28px}[data-dot]{transition:width .3s,background-color .3s}@keyframes float{50%{translate:0 -5px}}.float{animation:7s ease-in-out infinite float}.float-slow{animation:10s ease-in-out infinite float}@keyframes ticker{to{transform:translate(-50%)}}.ticker{animation:48s linear infinite ticker}.ticker-wrap:hover .ticker{animation-play-state:paused}.pulse-dot{position:relative}.pulse-dot:after{content:"";border-radius:inherit;background:inherit;animation:2s ease-out infinite pulse;position:absolute;inset:0}@keyframes pulse{to{opacity:0;scale:2.6}}@media (prefers-reduced-motion:reduce){.float,.float-slow,.ticker,.app-loading-mark,.pulse-dot:after,.shimmer,.thinking>span{animation:none}}[data-ticker][data-paused=true] .ticker{animation-play-state:paused}.ticker-toggle .play-icon,.ticker-toggle[aria-pressed=true] .pause-icon{display:none}.ticker-toggle[aria-pressed=true] .play-icon{display:block}@media (prefers-reduced-motion:reduce){.ticker-dup{display:none}.ticker{flex-wrap:wrap;justify-content:center;width:100%}}.scrolly-stage{display:grid}.scrolly-stage>*{grid-area:1/1}@media (width<=1023px){.scrolly-stage{zoom:.72}[data-scrolly] [data-step]{min-height:60vh}}.app-composer:has(.is-on[data-type]) .app-placeholder{display:none}[class*=col-span-]:has(>h1.story-title){container-type:inline-size}[data-theme] h1.story-title{text-wrap:balance;font-size:clamp(2.75rem,min(6vw,14cqi),4.875rem)}[data-theme] h1.story-title-classic{letter-spacing:-.015em;text-wrap:balance;font-size:clamp(2.4rem,4.4vw,3.6rem)}main :is(h2,h3){text-wrap:balance}main :is(h1,h2,h3){overflow-wrap:break-word}.story-form .source-operation.source-operation{background:0 0;border:0;max-width:none;margin:0;padding:0}