@font-face{font-family:Roobert;src:url(/assets/Roobert-Regular-DPcavXeK.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Roobert;src:url(/assets/Roobert-RegularItalic-B5CYjz_r.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Roobert;src:url(/assets/Roobert-SemiBold-B8ovVZ-H.woff2)format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Roobert;src:url(/assets/Roobert-SemiBoldItalic-e4JMqIKu.woff2)format("woff2");font-weight:600;font-style:italic;font-display:swap}@font-face{font-family:Roobert Mono;src:url(/assets/RoobertMono-Regular-BRkekNAo.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url(/assets/InterVariable-DiVDrmQJ.woff2)format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Inter;src:url(/assets/InterVariable-Italic-FCBEiFp6.woff2)format("woff2");font-weight:100 900;font-style:italic;font-display:swap}@font-face{font-family:Inter Fallback;src:local(Arial),local(ArialMT);size-adjust:107.48%;ascent-override:90.14%;descent-override:22.44%;line-gap-override:0%}@font-face{font-family:FK Screamer;src:url(/assets/FKScreamer-Bold-Bc2GR_bz.woff2)format("woff2");font-weight:400 900;font-display:swap}@font-face{font-family:FK Screamer Fallback;src:local(Arial Narrow Bold),local(ArialNarrow-Bold);size-adjust:75.24%;ascent-override:122.03%;descent-override:24.16%;line-gap-override:0%}@font-face{font-family:Serrif Condensed;src:url(/assets/SerrifCondensed-Regular-PAIORrhC.woff2)format("woff2");font-weight:400;font-display:swap}:root{--font-body:"Inter", "Inter Fallback", system-ui, sans-serif;--font-heading:"Roobert", system-ui, sans-serif;--font-display:"FK Screamer", "FK Screamer Fallback", "Arial Narrow", system-ui, sans-serif;--font-serif:"Serrif Condensed", "Arial Narrow", Georgia, serif;--font-mono:"Roobert Mono", ui-monospace, monospace;--weight-regular:440;--weight-medium:540;--weight-semibold:600;--weight-bold:700;--display-xl-size:5rem;--display-xl-leading:5rem;--display-lg-size:4rem;--display-lg-leading:4rem;--display-md-size:3.5rem;--display-md-leading:3.5rem;--display-base-size:3rem;--display-base-leading:3rem;--display-sm-size:2.5rem;--display-sm-leading:2.5rem;--heading-lg-size:2rem;--heading-lg-leading:2.5rem;--heading-md-size:1.5rem;--heading-md-leading:2rem;--heading-base-size:1.125rem;--heading-base-leading:1.5rem;--label-lg-size:1.125rem;--label-lg-leading:1.25rem;--label-lg-tracking:-.01667em;--label-md-size:1rem;--label-md-leading:1.125rem;--label-md-tracking:-.01625em;--label-base-size:.875rem;--label-base-leading:1rem;--label-base-tracking:-.01571em;--label-sm-size:.75rem;--label-sm-leading:.875rem;--label-sm-tracking:-.01em;--label-xs-size:.625rem;--label-xs-leading:.875rem;--label-xs-tracking:0;--body-md-size:1rem;--body-md-leading:1.5rem;--body-md-tracking:-.01625em;--body-base-size:.875rem;--body-base-leading:1.25rem;--body-base-tracking:-.01571em;--body-sm-size:.75rem;--body-sm-leading:1rem;--body-sm-tracking:-.01em;--tiny-size:.625rem;--tiny-leading:.75rem;--tiny-extended-size:.625rem;--tiny-extended-leading:.75rem;--tiny-extended-tracking:.1em;--micro-size:.5625rem;--micro-leading:.625rem;--space-px:1px;--space-xxs:2px;--space-xs3:4px;--space-xs2:6px;--space-xs:8px;--space-sm:12px;--space-base:16px;--space-md:20px;--space-lg:24px;--space-xl:28px;--space-xl2:32px;--space-xl3:40px;--space-xl4:48px;--space-xl5:64px;--space-xl6:72px;--radius-xs:2px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:16px;--radius-3xl:24px;--radius-4xl:32px;--radius-5xl:48px;--radius-full:999px;--gray-50:#fafafa;--gray-100:#eff2f5;--gray-200:#e7e8e9;--gray-300:#dbdbdb;--gray-400:#bdbdbd;--gray-500:#727272;--gray-600:#535353;--gray-700:#404040;--gray-800:#272727;--gray-900:#1a1a1a;--gray-950:#0f0f0f;--brand-50:#f5fff4;--brand-100:#eaffe9;--brand-200:#c7ffc5;--brand-300:#abffa7;--brand-400:#74ff6c;--brand-500:#32ff08;--brand-600:#23c600;--brand-700:#179300;--brand-800:#0b6000;--brand-900:#033400;--brand-950:#011f00;--red-50:#feeded;--red-100:#fedada;--red-200:#fdb4b4;--red-300:#fc8a8b;--red-400:#fb5758;--red-500:#ed171b;--red-600:#bd1013;--red-700:#91090c;--red-800:#670506;--red-900:#400202;--red-950:#2c0101;--orange-50:#fff0ef;--orange-100:#ffe1df;--orange-200:#ffbfba;--orange-300:#ff9f95;--orange-400:#ff7c6a;--orange-500:#ff4d19;--orange-600:#ce3900;--orange-700:#9b2800;--orange-800:#6b1900;--orange-900:#420c00;--orange-950:#2c0500;--amber-50:#fff8f1;--amber-100:#fff2e2;--amber-200:#ffe8ca;--amber-300:#fedaa6;--amber-400:#fed085;--amber-500:#fec341;--amber-600:#cb9816;--amber-700:#946f0d;--amber-800:#644906;--amber-900:#352502;--amber-950:#211601;--yellow-50:#fffdeb;--yellow-100:#fffdeb;--yellow-200:#fefbd6;--yellow-300:#fef7a0;--yellow-400:#fef57a;--yellow-500:#fdf351;--yellow-600:#c4bc3d;--yellow-700:#8f892a;--yellow-800:#605b19;--yellow-900:#322f09;--yellow-950:#1c1a03;--blue-50:#eff4ff;--blue-100:#dee8ff;--blue-200:#bcd2ff;--blue-300:#92bafe;--blue-400:#64a5fe;--blue-500:#0d90fb;--blue-600:#0871c7;--blue-700:#045496;--blue-800:#023a6b;--blue-900:#01203f;--blue-950:#00142b;--purple-50:#f3eeff;--purple-100:#e8ddff;--purple-200:#d2bcff;--purple-300:#bc95fe;--purple-400:#aa6ffe;--purple-500:#9a3ffe;--purple-600:#8404e5;--purple-700:#6302af;--purple-800:#480181;--purple-900:#2b0051;--purple-950:#1c0039;--pink-50:#fff0f5;--pink-100:#ffdcea;--pink-200:#ffbcd8;--pink-300:#ff95c4;--pink-400:#ff6cb4;--pink-500:#ff27a5;--pink-600:#d10084;--pink-700:#9d0062;--pink-800:#6f0044;--pink-900:#410026;--pink-950:#2e001a;--ink:var(--gray-950);--bg-canvas:var(--lightningcss-light,var(--gray-100))var(--lightningcss-dark,var(--gray-950));--bg-l1:var(--lightningcss-light,var(--gray-50))var(--lightningcss-dark,var(--gray-900));--bg:var(--bg-canvas);--bg-l2:var(--lightningcss-light,var(--gray-200))var(--lightningcss-dark,var(--gray-800));--bg-l3:var(--lightningcss-light,var(--gray-300))var(--lightningcss-dark,var(--gray-700));--bg-raised:var(--bg-l1);--hover:color-mix(in srgb, var(--lightningcss-light,var(--gray-950))var(--lightningcss-dark,var(--gray-50)) 5%, transparent);--text:var(--lightningcss-light,var(--gray-950))var(--lightningcss-dark,var(--gray-100));--text-secondary:var(--lightningcss-light,var(--gray-600))var(--lightningcss-dark,var(--gray-300));--muted:var(--lightningcss-light,var(--gray-700))var(--lightningcss-dark,var(--gray-400));--text-tertiary:var(--lightningcss-light,var(--gray-600))var(--lightningcss-dark,var(--gray-400));--placeholder:var(--lightningcss-light,var(--gray-600))var(--lightningcss-dark,var(--gray-500));--border:var(--lightningcss-light,var(--gray-200))var(--lightningcss-dark,var(--gray-800));--focus:var(--lightningcss-light,var(--blue-600))var(--lightningcss-dark,var(--blue-300));--selection:color-mix(in srgb, var(--purple-500) 20%, transparent);--modal-bg:color-mix(in srgb, var(--gray-950) 40%, transparent);--nav-bg:var(--lightningcss-light,color-mix(in srgb, var(--gray-50) 20%, transparent))var(--lightningcss-dark,color-mix(in srgb, var(--gray-950) 20%, transparent));--blur-button:color-mix(in srgb, var(--gray-950) 60%, transparent);--gray-alpha-100:color-mix(in srgb, var(--gray-50) 20%, transparent);--gray-alpha-400:color-mix(in srgb, var(--gray-50) 50%, transparent);--icon-placeholder:var(--lightningcss-light,var(--gray-500))var(--lightningcss-dark,var(--gray-400));--input-ring:#2d71f824;--inverse:var(--lightningcss-light,var(--gray-950))var(--lightningcss-dark,var(--gray-50));--inverse-ink:var(--lightningcss-light,var(--gray-50))var(--lightningcss-dark,var(--gray-950));--btn-primary:var(--lightningcss-light,var(--gray-50))var(--lightningcss-dark,var(--gray-900));--btn-primary-hover:var(--lightningcss-light,var(--gray-200))var(--lightningcss-dark,var(--gray-800));--btn-secondary:var(--lightningcss-light,var(--gray-100))var(--lightningcss-dark,var(--gray-800));--btn-secondary-hover:var(--lightningcss-light,var(--gray-200))var(--lightningcss-dark,var(--gray-700));--text-transparent:var(--gray-900);--accent:var(--brand-500);--accent-hover:var(--brand-400);--accent-deep:var(--brand-600);--accent-ink:var(--gray-950);--user:var(--bg-l1);--user-ink:var(--text);--assistant:transparent;--notice:var(--lightningcss-light,var(--amber-200))var(--lightningcss-dark,var(--amber-900));--notice-ink:var(--lightningcss-light,var(--amber-700))var(--lightningcss-dark,var(--amber-500));--notice-edge:var(--lightningcss-light,var(--amber-400))var(--lightningcss-dark,var(--amber-700));--danger:var(--lightningcss-light,var(--red-700))var(--lightningcss-dark,var(--red-300));--danger-soft:var(--lightningcss-light,var(--red-100))var(--lightningcss-dark,var(--red-900));--radius:var(--radius-xl);--glide:cubic-bezier(.65, 0, .2, 1);--ease-out:cubic-bezier(.23, 1, .32, 1);--grid:8px;--columns:12;--margin:var(--space-xl4);--gutter:var(--space-base);--col:calc((100% - 2 * var(--margin) - (var(--columns) - 1) * var(--gutter)) / var(--columns));--nav-h:104px;--column:704px;--hero-gap:var(--space-xl5);--prompt-top:max(round(39dvh, var(--grid)), 336px, round(up, calc(var(--nav-h) + var(--space-lg) + var(--welcome-h,0px) + var(--hero-gap)), var(--grid)));--prompt-bottom:var(--space-xl4);--kw:1;--kh:1;--k:min(var(--kw), var(--kh));--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:var(--weight-regular) var(--body-md-size)/var(--body-md-leading) var(--font-body);letter-spacing:var(--body-md-tracking);-webkit-font-smoothing:antialiased}::selection{background:var(--selection)}b,strong,.message-text h4{font-weight:var(--weight-semibold)}button{font:inherit;color:inherit;cursor:pointer}button,a[class]{-webkit-tap-highlight-color:transparent}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.splash{place-content:center;gap:var(--space-sm);text-align:center;height:100%;color:var(--muted);display:grid}.app{--sb-w:var(--sb-w-pref,240px);background:var(--bg);height:100dvh;position:relative;overflow:clip}.main{flex-direction:column;min-width:0;height:100%;min-height:0;display:flex;position:relative}.topbar{z-index:10;height:var(--nav-h);pointer-events:none;position:absolute;inset:0 0 auto}.topbar:before{content:"";z-index:-1;background:var(--nav-bg);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.topbar>*{pointer-events:auto}.tb-btn{border-radius:var(--radius-lg);width:40px;height:40px;color:var(--icon-placeholder);transition:background .18s, color .18s, opacity .25s, scale .16s var(--ease-out);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:flex}.tb-btn svg{width:20px;height:20px;display:block}.tb-btn .tb-menu{width:16px;height:16px;display:none}@media (hover:hover){.tb-btn:hover{background:var(--bg-l2);color:var(--text)}}.tb-btn:not(:disabled):active{scale:.96}:is(.tb-btn,.mark,.sb-logo,.card,.send,.sb-new,.thread-open,.thread-rename,.thread-delete,.sb-logout,.sb-account-button,.sb-menu-item,.sb-resize):focus-visible{outline:1.5px solid var(--focus);outline-offset:2px}#history-button{left:calc(var(--margin) - var(--space-xs) - var(--space-xxs));top:var(--space-xl2);position:absolute}.app:has(.sidebar.open) #history-button{visibility:hidden;opacity:0;pointer-events:none;transition:opacity .25s,visibility 0s .25s}[data-tip]{position:relative}[data-tip]:after{content:attr(data-tip);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-xl);background:var(--inverse);color:var(--inverse-ink);font:var(--weight-regular) var(--label-base-size)/var(--label-base-leading) var(--font-body);letter-spacing:var(--label-base-tracking);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .14s, translate .2s var(--ease-out);position:absolute;top:calc(100% + 10px);left:50%;translate:-50% -6px}[data-tip]:focus-visible:after{opacity:1;transition-delay:.28s;translate:-50%}@media (hover:hover){[data-tip]:hover:after{opacity:1;transition-delay:.28s;translate:-50%}}.mark{margin-left:calc(-1 * var(--space-base));transition:rotate .4s cubic-bezier(.5, 0, .2, 1), scale .4s var(--glide);background:0 0;border:0;padding:0;position:absolute;top:36px;left:50%}.mark img{display:block}@media (hover:hover) and (pointer:fine){.mark:hover{rotate:180deg;scale:1.2}}.topbar-status{right:var(--margin);top:var(--space-xl2);align-items:center;gap:var(--space-xs);display:flex;position:absolute}.costs{font-size:var(--label-base-size);line-height:var(--label-base-leading);letter-spacing:var(--label-base-tracking);font-variant-numeric:tabular-nums;color:var(--muted);white-space:nowrap}.offline{top:var(--nav-h);z-index:11;text-align:center;font-size:var(--label-base-size);line-height:var(--label-base-leading);letter-spacing:var(--label-base-tracking);color:var(--notice-ink);background:var(--notice);padding:var(--space-xs) var(--space-xs);border-radius:0;position:fixed;left:0;right:0}.gradient{left:calc(50% + var(--sb-dock) / 2 + 2px);pointer-events:none;width:1724px;height:300px;transition:translate .4s var(--glide);position:absolute;bottom:-46px;translate:-50%}.app.is-start .gradient{translate:-50% calc(-36.1dvh - 46px)}.gradient img{width:137.12%;max-width:none;height:313.34%;display:block;position:absolute;inset:-106.67% -18.56%}.gradient img+img{opacity:0;transition:opacity .4s}@media (hover:hover){.main:has(.composer:hover) .gradient img+img{opacity:.4}}@keyframes rise{0%{opacity:0;translate:0 var(--rise,32px);scale:.96}to{opacity:1;translate:0;scale:1}}@keyframes sink{to{opacity:0;filter:blur(6px);translate:0 24px;scale:.96}}@keyframes fade-in{0%{opacity:0}}.app.is-start .gradient img:first-child{animation:1.2s ease-out .2s backwards fade-in}.start{z-index:2;pointer-events:none;position:absolute;inset:0}.welcome{left:0;right:0;bottom:calc(100% - var(--prompt-top) + var(--hero-gap));width:calc(var(--col) * 8 + var(--gutter) * 7);text-align:center;color:var(--text-secondary);animation:rise .4s var(--ease-out) .1s backwards;pointer-events:auto;margin:0 auto;display:grid;position:absolute}.welcome-pair{justify-content:center;gap:var(--space-lg);flex-direction:column;grid-area:1/1;display:flex}.welcome-ghost{visibility:hidden}.welcome-pair.entering{animation:.4s ease-out 80ms backwards welcome-in}.welcome-pair.leaving{pointer-events:none;animation:.3s ease-out forwards welcome-out}@keyframes welcome-in{0%{opacity:0;translate:0 8px}}@keyframes welcome-out{to{opacity:0;translate:0 -8px}}.welcome .headline{color:var(--text);font-family:var(--font-display);font-weight:400;font-size:var(--display-xl-size);line-height:var(--display-xl-leading);text-wrap:balance;letter-spacing:0;margin:0}.welcome .line{font-size:var(--heading-base-size);line-height:var(--heading-base-leading);text-wrap:balance;margin:0}.main:has(.composer-footnote) .skills{--offer-h:28px}.skills{--period:1861.45px;left:50%;bottom:min(var(--space-xl4), calc(100% - var(--prompt-top) - 128px - var(--space-lg) - var(--offer-h,0px) - 296px * var(--k)));width:calc(100% / var(--k));height:296px;translate:-50%;scale:var(--k);transform-origin:50% 100%;touch-action:pan-y;-webkit-user-select:none;user-select:none;position:absolute}.skills-track{will-change:transform;width:1893.45px;position:absolute;inset:0 auto 0 calc(50% - 946.725px)}.skills-set{z-index:calc(var(--copy) + 2);top:0;bottom:0;left:calc(var(--copy) * var(--period));width:100%;margin:0;padding:0;list-style:none;position:absolute}.slot{left:var(--x);top:var(--y);width:var(--w);height:var(--h);z-index:var(--z);animation:rise .4s var(--ease-out) backwards;animation-delay:calc(.1s + var(--i) * 40ms);justify-content:center;align-items:center;display:flex;position:absolute}.card{width:328px;height:184px;padding:var(--space-base);border-radius:var(--radius-4xl);background:var(--bg);text-align:left;pointer-events:auto;transform:rotate(var(--rot));filter:drop-shadow(1.032px 2.064px 1.032px #0003);transition:transform .25s var(--ease-out), opacity .3s var(--ease-out), filter .3s var(--ease-out);border:0;flex-direction:column;flex:none;justify-content:space-between;align-items:flex-start;display:flex;position:relative}.card.tall{height:248px}.card:active{transition-duration:.16s,.3s,.3s;transform:rotate(var(--rot)) scale(.96)!important}.icon{flex:none;width:56px;height:56px;display:block}.icon img{width:100%;height:100%;display:block}.icon--boxed{padding:var(--space-base);border-radius:var(--radius-3xl);background:var(--ink);justify-content:center;align-items:center;display:flex}.icon--boxed img{flex:none}.label{min-width:100%;color:var(--ink);font:var(--weight-regular) var(--display-md-size)/var(--display-md-leading) var(--font-display);letter-spacing:0}.run{align-items:center;gap:var(--space-xs2);height:56px;color:var(--ink);font:var(--weight-regular) var(--tiny-extended-size)/var(--tiny-extended-leading) var(--font-mono);letter-spacing:var(--tiny-extended-tracking);text-transform:uppercase;opacity:0;pointer-events:none;transition:opacity .2s, translate .2s var(--ease-out);display:flex;position:absolute;top:16px;right:20px;translate:6px}.run__arrow{transition:translate .2s var(--ease-out);flex:none;display:block}.card:focus-visible .run,.card.is-active .run{opacity:.85;translate:0}@media (hover:hover){.card:hover .run{opacity:.85;translate:0}}.card.is-active .run__arrow{translate:2px}@media (hover:hover){.card:hover .run__arrow{translate:2px}}.skills[data-hovering=true] .card:not(.is-active){opacity:.4;filter:blur(8px)}.skills[data-hovering=true] .card.is-active{transform:rotate(var(--rot)) scale(1.04)}.start.leaving .slot{animation:sink .25s var(--ease-out) both;animation-delay:calc(var(--i) * 20ms)}.start.leaving .welcome{animation:sink .25s var(--ease-out) both}.start.leaving *{pointer-events:none}.start.leaving~.chat{animation:fade-in .25s var(--ease-out) .2s backwards}.composer{z-index:3;width:min(var(--column), calc(100% - 2 * var(--margin)));margin:0 auto var(--prompt-bottom);border-radius:var(--radius-2xl);background:var(--bg-l1);transition:box-shadow .15s var(--ease-out);flex-direction:column;flex:none;display:flex;position:relative;box-shadow:inset 0 0 0 1px #0f0f0f00}.composer.at-start{box-shadow:inset 0 0 0 1px var(--border)}@media (hover:hover){.composer:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--text) 6%, transparent)}}.composer:focus-within{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--text) 10%, transparent)}.composer:has(textarea:focus-visible){box-shadow:inset 0 0 0 1.5px var(--focus)}.composer-note{z-index:3;left:var(--sb-dock);right:0;bottom:var(--space-sm);width:min(var(--column), calc(100% - 2 * var(--margin)));color:var(--placeholder);font-size:var(--body-md-size);line-height:var(--body-md-leading);text-align:center;animation:fade-in .25s var(--ease-out) .2s backwards;letter-spacing:var(--body-md-tracking);margin:0 auto;position:absolute}.composer-footnote{top:calc(100% + var(--space-base));pointer-events:none;animation:fade-in .25s var(--ease-out) .2s backwards;position:absolute;left:0;right:0}.start-offer{color:var(--text);font-size:var(--label-md-size);line-height:var(--label-md-leading);letter-spacing:var(--label-md-tracking);font-weight:var(--weight-medium);text-align:center;margin:0}.start-offer span{color:var(--muted);font-weight:var(--weight-regular)}.composer-note.leaving{opacity:0;filter:blur(4px);transition:opacity .25s var(--ease-out), translate .25s var(--ease-out), filter .25s var(--ease-out);translate:0 8px}.composer.at-start{transform:translateY(calc(var(--prompt-bottom) + 100% - 100dvh + var(--prompt-top)))}.composer.moving{transition:transform .4s var(--glide), box-shadow .15s var(--ease-out)}.composer.rising{--rise:16px;animation:rise .3s var(--ease-out) backwards}.composer textarea{width:100%;min-height:56px;padding:var(--space-base);resize:none;color:var(--text);font:var(--weight-regular) var(--body-base-size)/var(--body-base-leading) var(--font-body);letter-spacing:var(--body-base-tracking);background:0 0;border:0;outline:0;display:block;overflow:hidden}.composer textarea::placeholder{color:var(--text-secondary);opacity:1}.composer-bar{justify-content:space-between;align-items:center;gap:var(--space-sm);padding:var(--space-base);display:flex}.composer-left,.composer-actions{align-items:center;gap:var(--space-xs);display:flex}.attach,.mic{border-radius:var(--radius-full);background:var(--btn-secondary);cursor:pointer;width:40px;height:40px;transition:transform .16s var(--ease-out);border:0;justify-content:center;align-items:center;padding:0;display:flex}.attach img,.mic img{display:block}@media (hover:hover) and (pointer:fine){.attach:hover,.mic:hover:not(:disabled){transform:scale(1.08)}}.attach:focus-visible,.mic:focus-visible{outline:1.5px solid var(--focus);outline-offset:2px}.attach[data-tip]:after{top:auto;bottom:calc(100% + 10px);left:0;translate:0 6px}.attach[data-tip]:focus-visible:after{translate:0}@media (hover:hover){.attach[data-tip]:hover:after{translate:0}}.file-input{display:none}.mic:disabled{cursor:not-allowed}.mic.mic-recording{background:var(--bg-l3);color:var(--text)}.bar-vis{align-items:center;gap:2.5px;height:40px;padding:0 2px;display:flex}.bar-vis-bar{background:var(--text-secondary);width:3px;min-width:3px;height:100%;transition:scale .1s var(--ease-out);border-radius:2px}@media (prefers-reduced-motion:reduce){.bar-vis-bar{transition:none}}.bar-vis-bar--active{background:var(--text)}.mic-progress{justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative}.mic-progress svg{position:absolute;inset:-2px;transform:rotate(-90deg)}.mic-progress-ring{fill:none;stroke:var(--focus);stroke-width:2.5px;stroke-linecap:round;opacity:.8;transition:stroke-dashoffset .2s linear}@media (prefers-reduced-motion:no-preference){.mic-progress.mic-spin svg{animation:1s linear infinite mic-spin}}svg.mic-progress-done{animation:.4s forwards mic-ring-fade}@keyframes mic-ring-fade{0%{opacity:1}to{opacity:0}}@keyframes mic-spin{to{transform:rotate(270deg)}}.mic-error-trigger{cursor:not-allowed;display:inline-flex}.tooltip-content{z-index:50;border-radius:var(--radius-md);background:var(--bg-l3);max-width:240px;color:var(--text);font-size:var(--body-sm-size);line-height:var(--body-sm-leading);-webkit-user-select:none;user-select:none;padding:6px 10px;box-shadow:0 2px 8px #00000024}.tooltip-content[data-state=delayed-open],.tooltip-content[data-state=instant-open]{animation:tooltip-in .14s var(--ease-out)}.tooltip-content[data-state=closed]{animation:tooltip-out .1s var(--ease-out)}@keyframes tooltip-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes tooltip-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes fade-out{to{opacity:0}}@media (prefers-reduced-motion:reduce){.tooltip-content[data-state=delayed-open],.tooltip-content[data-state=instant-open]{animation-name:fade-in}.tooltip-content[data-state=closed]{animation-name:fade-out}}.file-chips{gap:var(--space-xs2);padding:var(--space-sm) var(--space-base) 0;flex-wrap:wrap;display:flex}.file-chip{align-items:center;gap:var(--space-xs3);background:var(--bg-l2);border-radius:var(--radius-lg);padding:var(--space-xs3) var(--space-xs);font-size:var(--label-base-size);line-height:var(--label-base-leading);letter-spacing:var(--label-base-tracking);display:inline-flex;position:relative;overflow:hidden}.file-chip-name{text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}.file-chip-size{color:var(--muted);font-size:var(--label-sm-size);line-height:var(--label-sm-leading);letter-spacing:var(--label-sm-tracking)}.file-chip-progress{background:var(--accent);transform-origin:0;width:100%;height:2px;transition:scale .2s var(--ease-out);position:absolute;bottom:0;left:0}.file-chip-remove{color:var(--muted);cursor:pointer;padding:0 var(--space-xxs);font-size:var(--label-md-size);letter-spacing:var(--label-md-tracking);background:0 0;border:none;line-height:1}@media (hover:hover){.file-chip-remove:hover{color:var(--danger)}}.file-chip-error{border:1px solid var(--danger);background:color-mix(in srgb, var(--danger) 10%, var(--bg-l2))}.file-chip-error .file-chip-size{color:var(--danger)}.drop-target{z-index:1;padding:var(--space-xs);border-radius:inherit;background:color-mix(in srgb, var(--blue-200) 10%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);pointer-events:none;animation:fade-in .15s var(--ease-out);display:flex;position:absolute;inset:0}.drop-target-frame{justify-content:center;align-items:center;gap:var(--space-xs);padding:0 var(--space-base);border:1px dashed var(--blue-400);border-radius:var(--radius-lg);text-align:center;flex-direction:column;flex:1;display:flex}.drop-target-title{color:var(--text);font:var(--weight-regular) var(--display-base-size)/var(--display-base-leading) var(--font-display);letter-spacing:0;margin:0}.drop-target-note{max-width:312px;color:var(--text-secondary);font:var(--weight-regular) var(--body-base-size)/var(--body-base-leading) var(--font-body);letter-spacing:var(--body-base-tracking);margin:0}.count{font-size:var(--label-base-size);line-height:var(--label-base-leading);letter-spacing:var(--label-base-tracking);color:var(--muted)}.count.over{color:var(--danger)}.send{border-radius:var(--radius-full);background:var(--accent);width:40px;height:40px;transition:transform .16s var(--ease-out), opacity .16s;border:0;justify-content:center;align-items:center;padding:0;display:flex}.send img{filter:brightness(0);display:block}@media (hover:hover) and (pointer:fine){.send:hover:not(:disabled){transform:scale(1.08)}}.send:active:not(:disabled){transform:scale(.96)}.send:disabled{opacity:.45;cursor:default}.primary{height:40px;padding:0 var(--space-base);border-radius:var(--radius-full);background:var(--accent);color:var(--accent-ink);font-size:var(--label-base-size);line-height:var(--label-base-leading);letter-spacing:var(--label-base-tracking);font-weight:var(--weight-semibold);transition:background .16s, transform .16s var(--ease-out);border:0}@media (hover:hover){.primary:hover:not(:disabled){background:var(--accent-deep)}}.primary:disabled{opacity:.45;cursor:default}.stop{border-radius:var(--radius-full);background:var(--accent);width:40px;height:40px;transition:transform .16s var(--ease-out);border:0;justify-content:center;align-items:center;padding:0;display:flex}.stop-square{border-radius:var(--radius-sm);background:var(--accent-ink);width:14px;height:14px;display:block}@media (hover:hover) and (pointer:fine){.stop:hover{transform:scale(1.08)}}:is(.primary,.stop):active:not(:disabled){transform:scale(.96)}.sb-zone{z-index:19;width:18px;position:absolute;inset:0 auto 0 0}@media (hover:none){.sb-zone{display:none}}.sidebar{z-index:20;width:var(--sb-w);padding:var(--space-xs);pointer-events:none;transition:translate .28s var(--ease-out);flex-direction:column;display:flex;position:absolute;inset:0 auto 0 0;translate:calc(-100% - 160px)}.sidebar.open{pointer-events:auto;translate:0}.sidebar.instant,.sidebar.open.instant .sb-item{transition:none}@media (width>=1024px){.app{--sb-w:clamp(200px, var(--sb-w-pref,240px), 100vw - 800px)}}@property --sb-dock{syntax:"<length>";inherits:true;initial-value:0}.app.sb-docked{--sb-dock:var(--sb-w)}.app>.main{padding-left:var(--sb-dock)}.app>.main>.start,.app>.pricing{left:var(--sb-dock)}.app>.topbar .mark{left:calc(50% + var(--sb-dock) / 2)}.sb-resize{z-index:1;cursor:col-resize;touch-action:none;width:20px;position:absolute;inset:8px -2px 8px auto}.sb-resize:after{content:"";opacity:0;background:linear-gradient(#0f0f0f00,#0f0f0f24 15% 85%,#0f0f0f00);border-radius:1px;width:2px;transition:opacity .15s;position:absolute;inset:12px auto 12px 9px}.sb-resize:focus-visible:after,.app.sb-resizing .sb-resize:after{opacity:1}@media (hover:hover){.sb-resize:hover:after{opacity:1}}.app.sb-resizing,.app.sb-resizing *{-webkit-user-select:none;user-select:none;cursor:col-resize!important}.sb-panel{overscroll-behavior:contain;border-radius:var(--radius-lg);background:var(--bg-l1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:0;box-shadow:0 18px 39px #0000000d, 0 70px 70px #0000000d, 0 159px 95px #00000008, 0 282px 113px #00000003, inset 0 0 0 1px var(--border);color:var(--text);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden auto}.sb-top{gap:var(--space-lg);padding:var(--space-base) var(--space-sm);flex-direction:column;flex:none;display:flex}.sb-head{justify-content:space-between;align-items:center;height:24px;display:flex}.sb-logo{background:0 0;border:0;border-radius:4px;flex:none;padding:0;transition:opacity .15s;display:block}.sb-logo img{display:block}@media (hover:hover){.sb-logo:hover{opacity:.7}}.sb-head .tb-btn{margin-right:calc(-1 * (var(--space-xs) + var(--space-xxs)))}.sb-actions{gap:var(--space-xs);flex-direction:column;display:flex}.sb-search{align-items:center;gap:var(--space-xs);height:40px;padding:0 var(--space-sm);border-radius:var(--radius-lg);background:var(--bg-l2);cursor:text;transition:box-shadow .18s;display:flex}.sb-search:focus-within{box-shadow:inset 0 0 0 1.5px var(--focus)}.sb-search img{flex:none;display:block}.sb-search input{min-width:0;color:var(--text);font:var(--weight-regular) var(--label-base-size)/var(--label-base-leading) var(--font-body);letter-spacing:var(--label-base-tracking);background:0 0;border:0;outline:0;flex:1;padding:0}.sb-search input::placeholder{color:var(--placeholder)}.sb-search input::-webkit-search-cancel-button{display:none}.sb-new{justify-content:center;align-items:center;gap:var(--space-xs);height:40px;padding:0 var(--space-sm);border-radius:var(--radius-lg);background:var(--accent);color:var(--accent-ink);font:var(--weight-medium) var(--label-base-size)/var(--label-base-leading) var(--font-body);letter-spacing:var(--label-base-tracking);border:0;display:flex}.sb-new img{filter:brightness(0);display:block}@media (hover:hover){.sb-new:hover{filter:brightness(.96)}}.sb-new:not(:disabled):active{scale:.96}.sb-history{min-height:calc(3 * var(--space-xl3));overscroll-behavior:contain;scrollbar-width:none;flex:1;overflow-y:auto}.sb-history::-webkit-scrollbar{display:none}.sb-group{gap:var(--space-base);padding:var(--space-base) var(--space-sm);flex-direction:column;display:flex}.sb-day{padding:0 var(--space-sm);color:var(--placeholder);font:var(--weight-medium) var(--label-sm-size)/var(--label-sm-leading) var(--font-body);letter-spacing:var(--label-sm-tracking);margin:0}.sb-list{gap:var(--space-xs3);flex-direction:column;display:flex}.sb-empty{padding:var(--space-base) var(--space-lg);color:var(--placeholder);font:var(--weight-regular) var(--label-base-size)/var(--label-base-leading) var(--font-body);letter-spacing:var(--label-base-tracking);margin:0}.thread{border-radius:var(--radius-lg);align-items:center;height:40px;display:flex;position:relative}@media (hover:hover){.thread:hover{background:var(--hover)}}.thread.active{background:var(--bg-l2)}.thread.active .thread-open,.sb-link.current{font-weight:var(--weight-medium)}.thread-open{align-items:center;gap:var(--space-xs);min-width:0;height:100%;padding:0 var(--space-sm);border-radius:inherit;color:var(--text);font:var(--weight-regular) var(--label-base-size)/var(--label-base-leading) var(--font-body);letter-spacing:var(--label-base-tracking);text-align:left;background:0 0;border:0;flex:1;display:flex}.thread-title{white-space:nowrap;flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000)}.thread-busy{border-radius:var(--radius-full);background:var(--accent-deep);flex:none;width:8px;height:8px;animation:1.2s ease-in-out infinite pulse}.thread-actions{align-items:center;gap:2px;display:flex;position:absolute;top:50%;right:6px;translate:0 -50%}:is(.thread-rename,.thread-delete){border-radius:var(--radius-md);min-width:24px;height:24px;color:var(--placeholder);font:var(--weight-medium) var(--label-base-size)/var(--label-base-leading) var(--font-body);letter-spacing:var(--label-base-tracking);white-space:nowrap;opacity:0;transition:opacity .15s, scale .18s var(--ease-out), background .15s, color .15s;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:flex;scale:.9}:is(.thread-rename,.thread-delete) svg{width:16px;height:16px;display:block}.thread:focus-within :is(.thread-rename,.thread-delete),.thread-delete.confirm{opacity:1;scale:1}@media (hover:hover){.thread:hover :is(.thread-rename,.thread-delete){opacity:1;scale:1}}.thread:focus-within .thread-open{padding-right:58px}@media (hover:hover){.thread:hover .thread-open{padding-right:58px}}.thread.confirming .thread-open{padding-right:84px}@media (hover:hover){.thread-rename:hover{background:color-mix(in srgb, var(--text) 6%, transparent);color:var(--text)}.thread-delete:hover:not(:disabled){background:color-mix(in srgb, var(--text) 6%, transparent);color:var(--danger)}}.thread-delete.confirm{padding:0 var(--space-xs);background:var(--danger-soft);color:var(--danger)}@media (hover:none){:is(.thread-rename,.thread-delete){opacity:1;scale:1}.thread-open{padding-right:58px}}.thread-delete:disabled{cursor:default}.thread-rename-form{flex:1;min-width:0;padding:0 4px;display:flex}.thread-rename-input{width:100%;height:32px;padding:0 var(--space-xs);border:1px solid var(--focus);border-radius:var(--radius-md);background:var(--bg-canvas);color:var(--text);font:var(--weight-regular) var(--label-base-size)/var(--label-base-leading) var(--font-body);letter-spacing:var(--label-base-tracking);outline:none}@media (hover:hover){.thread:hover .thread-delete:disabled{opacity:.35}}.sb-foot{align-items:center;gap:var(--space-xs);margin:var(--space-xs) var(--space-sm) var(--space-base);padding:var(--space-xs) var(--space-sm);flex:none;display:flex}.sb-avatar{border-radius:var(--radius-full);background:var(--inverse);width:32px;height:32px;color:var(--inverse-ink);font:var(--weight-semibold) var(--label-base-size)/1 var(--font-body);letter-spacing:var(--label-base-tracking);flex:none;place-content:center;display:grid}.sb-foot:has(.sb-account){padding:0}.sb-account{flex:1;min-width:0;position:relative}.sb-account-button{width:100%;color:var(--text);text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;padding:12px 8px 12px 12px;transition:background .15s;display:flex}@media (hover:hover){.sb-account-button:hover{background:var(--lightningcss-light,#f0f0f099)var(--lightningcss-dark,#fafafa0f)}}.sb-account-button[aria-expanded=true]{background:var(--bg-l2)}.sb-account-button>svg{width:14px;height:14px;color:var(--placeholder);flex:none;margin-left:-4px;display:block}.sb-user{gap:var(--space-xxs);min-width:0;font:var(--weight-regular) var(--label-base-size)/var(--label-base-leading) var(--font-body);letter-spacing:var(--label-base-tracking);flex-direction:column;flex:1;display:flex}.sb-user b,.sb-user small{white-space:nowrap;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000)}.sb-user b{color:var(--text);font-weight:var(--weight-medium)}.sb-user small{color:var(--placeholder);font-size:var(--label-sm-size)}.sb-menu{z-index:3;gap:var(--space-xs3);padding:var(--space-xs);border-radius:var(--radius-2xl);background:var(--lightningcss-light,#fff)var(--lightningcss-dark,var(--gray-900));transform-origin:bottom;flex-direction:column;display:flex;position:absolute;inset:auto 0 calc(100% + 6px);box-shadow:0 0 0 1px var(--lightningcss-light,#00000012)var(--lightningcss-dark,#fafafa14),0 2px 6px var(--lightningcss-light,#0000000d)var(--lightningcss-dark,#0000004d),0 12px 32px var(--lightningcss-light,#0000001a)var(--lightningcss-dark,#00000080)}.sb-menu-item{height:40px;color:var(--text);font:var(--weight-regular) var(--label-base-size)/var(--label-base-leading) var(--font-body);letter-spacing:var(--label-base-tracking);text-align:left;white-space:nowrap;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:0 12px;transition:background .15s;display:flex}.sb-menu-item svg{width:16px;height:16px;color:var(--placeholder);flex:none;display:block}.sb-menu-item:focus-visible{background:var(--bg-l2)}@media (hover:hover){.sb-menu-item:hover{background:var(--bg-l2)}}.sb-menu-item:focus-visible{outline-offset:-1.5px}@media (prefers-reduced-motion:no-preference){.sb-menu{animation:menu-in .18s var(--ease-out)}}@keyframes menu-in{0%{opacity:0;translate:0 6px;scale:.98}}.sidebar-note{color:var(--muted);font-size:var(--body-base-size);line-height:var(--body-base-leading);letter-spacing:var(--body-base-tracking);margin:0}.sidebar .link-google{margin:0 var(--space-sm) var(--space-xs3)}.sb-item{opacity:0;transition:opacity .2s var(--ease-out), translate .28s var(--ease-out), background .15s, filter .18s, scale .18s var(--ease-out);translate:-10px}.sidebar.open .sb-item{opacity:1;transition:opacity .2s, translate .26s var(--ease-out), background .15s, filter .18s, scale .18s var(--ease-out);transition-delay:calc(40ms + var(--j,0) * 12ms), calc(40ms + var(--j,0) * 12ms), 0s, 0s, 0s;translate:0}.turn{gap:var(--space-xl2);flex-direction:column;display:flex}.bubble{max-width:100%;padding:var(--space-base);border-radius:var(--radius);white-space:pre-wrap;overflow-wrap:anywhere}.bubble.user{background:var(--bg-raised);max-width:464px;color:var(--user-ink);border-radius:var(--radius-2xl) var(--radius-2xl) 0 var(--radius-2xl);align-self:flex-end}.user-attachments{gap:var(--space-xs3);margin-top:var(--space-xs);flex-wrap:wrap;display:flex}.user-attachment{align-items:center;gap:var(--space-xs3);background:color-mix(in srgb, var(--user-ink) 8%, transparent);border-radius:var(--radius-lg);padding:var(--space-xs3) var(--space-xs);font-size:var(--label-sm-size);line-height:var(--label-sm-leading);letter-spacing:var(--label-sm-tracking);white-space:nowrap;display:inline-flex}.user-attachment-icon{opacity:.5;font-size:.75em}.user-attachment-name{text-overflow:ellipsis;max-width:180px;overflow:hidden}.bubble.assistant{background:var(--assistant);white-space:normal;align-self:flex-start;padding:0}.bubble.notice{background:var(--notice);color:var(--notice-ink);border:1px solid var(--notice-edge);padding:var(--space-sm) var(--space-base)}.bubble.pending{color:var(--muted);align-items:flex-start;gap:var(--space-xs3);flex-direction:column;display:flex}.steps{gap:var(--space-xs3);font-size:var(--body-base-size);line-height:var(--body-base-leading);letter-spacing:var(--body-base-tracking);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.step{align-items:center;gap:var(--space-xs);font-family:var(--font-mono);font-size:var(--label-sm-size);line-height:var(--label-sm-leading);letter-spacing:.05em;text-transform:uppercase;display:flex}.step .check{width:26px;color:var(--accent-deep);justify-content:center;display:inline-flex}.step-time{font-variant-numeric:tabular-nums;margin-left:calc(-1 * var(--space-xs3))}.step.more{padding-left:var(--space-xl2)}.step .link{color:inherit;text-underline-offset:2px;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.step.active{color:var(--text)}.saving-note{margin:var(--space-xs2) 0 0;font-size:var(--label-base-size);line-height:var(--label-base-leading);letter-spacing:var(--label-base-tracking);color:var(--muted)}.took{margin:var(--space-base) 0 0;font-size:var(--label-base-size);line-height:var(--label-base-leading);letter-spacing:var(--label-base-tracking);color:var(--muted)}p.took,.took summary{font-family:var(--font-mono);font-size:var(--label-sm-size);line-height:var(--label-sm-leading);letter-spacing:.05em;text-transform:uppercase}:is(.took,.step-time) .unit{text-transform:lowercase}.took summary{align-items:center;gap:var(--space-xs2);cursor:pointer;list-style:none;display:inline-flex}.took summary::-webkit-details-marker{display:none}.took summary:after{content:"▸";font-size:var(--label-sm-size);line-height:var(--label-sm-leading);letter-spacing:var(--label-sm-tracking)}.took[open] summary:after{content:"▾"}.took .steps{margin-top:var(--space-xs);font-size:var(--body-base-size);line-height:var(--body-base-leading);letter-spacing:var(--body-base-tracking)}.elapsed{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--label-sm-size);line-height:var(--label-sm-leading);letter-spacing:.05em;color:var(--muted);padding-left:var(--space-xs2);border-left:1px solid var(--border)}.artifacts{gap:var(--space-sm);margin-top:var(--space-sm);flex-direction:column;display:flex}.artifact{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-l1);margin:0;overflow:hidden}.artifact>img,.artifact video{object-fit:contain;background:var(--gray-950);width:100%;max-height:480px;display:block}.bubble.assistant:has(.artifact.video){align-self:stretch;max-width:100%}.artifact.video{gap:var(--space-base);background:0 0;border:0;border-radius:0;flex-direction:column;display:flex;overflow:visible}.player{border-radius:var(--radius-2xl);background:var(--gray-950);max-width:100%;position:relative;overflow:hidden}.artifact .player video{object-fit:contain;background:var(--gray-950);width:100%;max-height:min(70vh,640px);display:block}.player-cover{background:var(--modal-bg);place-items:center;display:grid;position:absolute;inset:0}.player-play{border-radius:var(--radius-full);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:scale .16s var(--ease-out);background:0 0;border:0;padding:0;display:block}.player-play img{display:block}@media (hover:hover) and (pointer:fine){.player-play:hover{scale:1.05}}.player-play:not(:disabled):active{scale:.96}.player-play:focus-visible{outline:2px solid var(--gray-50);outline-offset:4px}.player-badge{align-items:center;gap:var(--space-xs);padding:var(--space-xs);border-radius:var(--radius-lg);background:var(--blur-button);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--gray-50);font:var(--weight-medium) var(--label-md-size)/var(--label-md-leading) var(--font-body);letter-spacing:var(--label-md-tracking);white-space:nowrap;pointer-events:none;display:flex;position:absolute;bottom:24px;left:24px}.player-badge img{flex:none;display:block}.player-actions{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.share-toggle{font:var(--weight-medium) var(--label-md-size)/var(--label-md-leading) var(--font-body);letter-spacing:var(--label-md-tracking)}.btn-tertiary,.btn-primary-sm{height:40px;padding:0 var(--space-base);border-radius:var(--radius-xl);color:var(--text);font:var(--weight-medium) var(--label-base-size)/var(--label-base-leading) var(--font-body);letter-spacing:var(--label-base-tracking);white-space:nowrap;transition:background .15s, filter .15s, scale .16s var(--ease-out);border:0;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.btn-tertiary{background:var(--btn-primary)}.btn-tertiary.icon-only{width:40px;padding:0}.btn-tertiary svg{flex:none;width:16px;height:16px;display:block}@media (hover:hover){.btn-tertiary:hover{background:var(--btn-primary-hover)}}.btn-primary-sm{background:var(--accent);color:var(--accent-ink)}.share-toggle{gap:var(--space-base)}.share-toggle:has(.share-chip){padding:var(--space-xxs) var(--space-xxs) var(--space-xxs) var(--space-base);border-radius:10px}.share-chip{height:36px;padding:0 var(--space-sm);border-radius:var(--radius-lg);background:var(--gray-alpha-400);color:var(--accent-ink);align-items:center;display:flex}:is(.btn-tertiary,.btn-primary-sm):disabled{opacity:.5;cursor:default}@media (hover:hover){.btn-primary-sm:hover{background:var(--accent-hover)}}:is(.btn-tertiary,.btn-primary-sm):not(:disabled):active{scale:.96}:is(.btn-tertiary,.btn-primary-sm):focus-visible{outline:1.5px solid var(--focus);outline-offset:2px}.artifact audio{width:100%;padding:var(--space-xs) var(--space-xs) 0;display:block}.artifact.file{align-items:center;display:flex}.file-icon{background:var(--sidebar);width:44px;color:var(--text);font-size:var(--label-base-size);line-height:var(--label-base-leading);letter-spacing:var(--label-base-tracking);font-weight:var(--weight-semibold);place-content:center;align-self:stretch;display:grid}.artifact-meta{align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);font-size:var(--label-base-size);line-height:var(--label-base-leading);letter-spacing:var(--label-base-tracking);flex-wrap:wrap;flex:1;min-width:0;display:flex}.artifact-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:var(--weight-semibold);flex:1;overflow:hidden}.artifact-size{color:var(--muted);white-space:nowrap}.download{color:var(--text);font-weight:var(--weight-semibold);text-underline-offset:2px;white-space:nowrap;text-decoration:underline}@media (hover:hover){.download:hover{-webkit-text-decoration-color:var(--accent-deep);text-decoration-color:var(--accent-deep);text-decoration-thickness:2px}}.artifact-note{color:var(--muted);font-size:var(--body-base-size);line-height:var(--body-base-leading);letter-spacing:var(--body-base-tracking);flex-basis:100%}.artifact-note input{border:1px solid var(--border);border-radius:var(--radius-md);width:100%;padding:var(--space-xs3) var(--space-xs);font:inherit;color:var(--text)}.note{color:var(--muted);font-size:var(--body-base-size);line-height:var(--body-base-leading);padding-left:var(--space-xs3);letter-spacing:var(--body-base-tracking);align-self:flex-start}.message-text p{margin:0 0 var(--space-xs)}.message-text p:last-child,.message-text ul:last-child,.message-text ol:last-child{margin-bottom:0}.message-text p:has(+:is(ul,ol)){margin-bottom:0}.message-text ul,.message-text ol{padding-left:var(--space-lg);margin:0}.message-text hr{border:0;border-top:1px solid var(--border);margin:var(--space-xs) 0}.message-text h4{margin:var(--space-xs) 0 var(--space-xs3);font-size:var(--body-md-size);line-height:var(--body-md-leading);letter-spacing:var(--body-md-tracking)}.message-text code{font-family:var(--font-mono);background:var(--user);border-radius:var(--radius-sm);padding:var(--space-px) var(--space-xs3);font-size:var(--body-base-size);line-height:var(--body-base-leading)}.message-text pre{background:var(--user);border-radius:var(--radius-lg);padding:var(--space-xs) var(--space-sm);margin:0 0 var(--space-xs);overflow-x:auto}.message-text pre code{background:0 0;padding:0}.working-mark{width:26px;color:var(--accent);justify-content:center;display:inline-flex}.working-mark svg{width:13px;height:13px;overflow:visible}.working-mark path{transform-box:fill-box;transform-origin:50%;animation:1.4s ease-in-out infinite mark-beat}.working-mark path:nth-child(2){animation-delay:.175s}.working-mark path:nth-child(3){animation-delay:.35s}.working-mark path:nth-child(4){animation-delay:.525s}@keyframes pulse{0%,to{opacity:.25}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.working-mark path{animation:1.4s ease-in-out infinite pulse}}@keyframes mark-beat{0%,45%,to{opacity:1;transform:scale(1)}22%{opacity:.45;transform:scale(.55)}}.banner{margin:0 max(var(--margin), calc((100% - var(--column)) / 2)) var(--space-xs);align-items:center;gap:var(--space-sm);background:var(--notice);color:var(--notice-ink);border:1px solid var(--notice-edge);border-radius:var(--radius-lg);padding:var(--space-xs) var(--space-sm);font-size:var(--body-base-size);line-height:var(--body-base-leading);letter-spacing:var(--body-base-tracking);display:flex}.app.is-start .banner,.pricing~.banner{top:var(--nav-h);z-index:11;width:min(var(--column), calc(100% - 2 * var(--margin)));margin:0;position:absolute;left:50%;translate:-50%}.pricing~.banner{box-shadow:0 2px 6px #0000000d,0 12px 32px #0000001a}.banner span{flex:1}.banner button:not(.primary){font-size:var(--label-lg-size);line-height:var(--label-lg-leading);letter-spacing:var(--label-lg-tracking);color:inherit;background:0 0;border:0}.chat{z-index:1;min-height:0;padding:var(--nav-h) max(var(--margin), calc((100% - var(--column)) / 2)) var(--space-xl5);gap:var(--space-xl2);flex-direction:column;flex:1;display:flex;position:relative;overflow-y:auto}@media (prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){.card .icon img{transform-origin:50%}.card[data-skill=internal-communication]:hover .icon img{animation:.7s ia-pulse}.card[data-skill=long-form-cutdown]:hover .icon img{animation:.7s ia-snip}.card[data-skill=product-demo]:hover .icon img{animation:.65s ia-tap}.card[data-skill=paid-media-ads]:hover .icon img{animation:.8s cubic-bezier(.4,0,.2,1) ia-coin}.card[data-skill=customer-education]:hover .icon img{animation:.75s ia-toss}.card[data-skill=sales-follow-up]:hover .icon img{animation:.65s ia-tilt}}@keyframes ia-pulse{0%,to{scale:1}35%{scale:1.25}65%{scale:.94}}@keyframes ia-snip{0%,to{rotate:0deg}20%{rotate:-18deg}40%{rotate:11deg}60%{rotate:-12deg}80%{rotate:6deg}}@keyframes ia-tap{0%,to{translate:0;scale:1}30%{translate:2px 2px;scale:.82}60%{translate:-1px -1px;scale:1.1}}@keyframes ia-coin{0%{transform:perspective(220px)rotateY(0)}to{transform:perspective(220px)rotateY(360deg)}}@keyframes ia-toss{0%,to{translate:0;rotate:0deg}35%{translate:0 -5px;rotate:-12deg}70%{translate:0 1px;rotate:4deg}}@keyframes ia-tilt{0%,to{rotate:0deg;scale:1}35%{rotate:-12deg;scale:1.1}70%{rotate:5deg}}@media (prefers-reduced-motion:reduce){:is(.tb-btn,.send,.attach,.mic,.stop,.primary,.sb-new,.player-play,.btn-tertiary,.btn-primary-sm,.plan,.plan-button,.share-play){transform:none!important}:is(.run,.run__arrow,.plan-button>span,.plan-arrow){transition-property:opacity!important}.welcome,.composer-note,.slot,.card,.composer,.gradient,.gradient img,.sidebar,.sb-item,.mark,[data-tip]:after{transition:none!important;animation:none!important}.start.leaving{display:none}}@media (width<=1511px){:root{--kw:.85}}@media (width<=1279px){:root{--kw:.72}}@media (width<=1023px){:root{--kw:.6}}@media (height<=860px){:root{--kh:.8}}@media (height<=720px){:root{--kh:.65}}@media (width<=760px){:root{--columns:4;--margin:var(--space-base);--nav-h:72px;--prompt-bottom:var(--space-base)}.topbar:before{background:linear-gradient(var(--bg-canvas), var(--nav-bg))}#history-button{left:var(--margin);top:var(--space-base);border-radius:var(--radius-xl);background:var(--btn-primary);color:var(--text)}@media (hover:hover){#history-button:hover{background:var(--btn-primary-hover)}}#history-button>svg{display:none}#history-button>.tb-menu{display:block}.topbar-status{top:var(--space-base)}.mark{display:none}.composer-note:not(.leaving)~.composer{margin-bottom:var(--space-xl3)}.chat{padding:112px var(--margin) var(--space-xl3);font-size:var(--body-base-size);line-height:var(--body-base-leading);letter-spacing:var(--body-base-tracking)}.bubble.user{max-width:calc(100% - var(--space-lg))}.message-text :is(code,pre){font-size:var(--body-sm-size);line-height:var(--body-sm-leading);letter-spacing:var(--body-sm-tracking)}.player-badge{left:var(--space-base);bottom:var(--space-base);font-size:var(--label-base-size);line-height:var(--label-base-leading);letter-spacing:var(--label-base-tracking)}.share-toggle{font-size:var(--label-base-size);line-height:var(--label-base-leading);letter-spacing:var(--label-base-tracking)}.composer-note{bottom:var(--space-sm);font-size:var(--body-base-size);line-height:var(--body-base-leading);letter-spacing:var(--body-base-tracking)}.sidebar{width:min(304px,85vw)}}@media (width<=760px),(height<=640px){:root{--prompt-bottom:var(--space-base)}.gradient,.app.is-start .gradient{bottom:-54px;translate:-50%}.start{padding:var(--nav-h) 0 160px;flex-direction:column;display:flex}.welcome{width:auto;padding:var(--space-xl2) var(--margin);margin-top:auto;position:static}.welcome .headline{font-size:var(--display-lg-size);line-height:var(--display-lg-leading)}.welcome .line{font-size:var(--body-md-size);line-height:var(--body-md-leading);letter-spacing:var(--body-md-tracking)}.skills{--period:1264.38px;pointer-events:auto;flex:none;width:auto;height:232px;margin-bottom:auto;position:relative;bottom:auto;left:auto;translate:none;scale:none}.skills-track{inset:50% auto auto var(--margin);width:1296.38px;height:280px;translate:0 -50%}.slot{left:var(--phone-x);top:var(--phone-y);width:var(--phone-w);height:var(--phone-h)}.card{border-radius:var(--radius-3xl);width:232px;height:144px}.card.tall{height:184px}.icon{width:40px;height:40px}.icon--boxed{padding:var(--space-sm);border-radius:var(--radius-2xl)}.icon--boxed img{width:16px;height:16px}.label{font-size:var(--display-sm-size);line-height:var(--display-sm-leading)}.run{height:40px}.composer.at-start{transform:none;box-shadow:inset 0 0 0 1px #0f0f0f00}}.signin-dialog{width:100%;max-width:none;height:100%;max-height:none;padding:var(--space-xl3);color:var(--text);background:0 0;border:0;margin:0}.signin-dialog:focus{outline:none}.signin-dialog[open]{justify-content:center;align-items:safe center;display:flex}.signin-dialog::backdrop{background:var(--modal-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.signin-card{overscroll-behavior:contain;border-radius:var(--radius-4xl);background:var(--bg-canvas);width:544px;max-width:100%;max-height:100%;padding:104px;position:relative;overflow:hidden auto}.signin{justify-items:center;gap:var(--space-xl2);text-align:center;display:grid;position:relative}.signin-header{justify-items:center;gap:var(--space-lg);display:grid}.signin-header h1{color:var(--text);font:400 var(--display-md-size)/var(--display-md-leading) var(--font-display);letter-spacing:0;margin:0}.signin-header p{color:var(--text-tertiary);font-size:var(--body-md-size);line-height:var(--body-md-leading);letter-spacing:var(--body-md-tracking);text-wrap:balance;margin:0}.signin a.signin-primary{width:100%;height:64px;padding:0 var(--space-md);border-radius:var(--radius-2xl);font-size:var(--label-md-size);line-height:var(--label-md-leading);letter-spacing:var(--label-md-tracking);font-weight:var(--weight-medium);justify-content:center;align-items:center;text-decoration:none;display:flex}.signin-footer{color:var(--text-secondary);font-size:var(--body-sm-size);line-height:var(--body-sm-leading);letter-spacing:var(--body-sm-tracking);margin:0}.signin .signin-footer .link{color:var(--text)}@media (width<=760px) and (height<=799px),(height<=640px){.start:after{content:"";background:linear-gradient(transparent, var(--bg-canvas));pointer-events:none;height:220px;transition:opacity .25s var(--ease-out);position:absolute;inset:auto 0 0}.start.leaving:after{opacity:0}}@media (width>=420px) and (width<=760px){.welcome{padding-inline:var(--space-lg)}}@media (width<=389px){.welcome .headline{font-size:var(--display-md-size);line-height:var(--display-md-leading)}}@media (prefers-reduced-motion:no-preference){.signin-dialog::backdrop{animation:signin-backdrop-in .3s var(--ease-out)}.signin-card{animation:signin-card-in .4s var(--ease-out)}.signin-card>.signin{animation:signin-content-in .4s var(--ease-out) 80ms backwards}.signin-dialog.closing{pointer-events:none}.signin-dialog.closing::backdrop{animation:signin-backdrop-out .2s var(--ease-out) forwards}.signin-dialog.closing .signin-card{animation:signin-card-out .2s var(--ease-out) forwards}}@keyframes signin-backdrop-in{0%{opacity:0}}@keyframes signin-backdrop-out{to{opacity:0}}@keyframes signin-card-in{0%{opacity:0;translate:0 24px;scale:.94}}@keyframes signin-content-in{0%{opacity:0;translate:0 8px}}@keyframes signin-card-out{to{opacity:0;translate:0 12px;scale:.97}}@media (width<=760px){.signin-dialog{padding:var(--space-xl3) var(--space-base)}.signin-dialog[open]{align-items:flex-end}.signin-card{width:100%;padding:var(--space-xl5) var(--space-xl2)}}.signin-button{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;justify-content:center;min-height:44px;display:flex}.signin-error{color:var(--danger);margin:0}.signin .link,.sidebar-note .link{color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.link-google{margin:var(--space-xxs) 0 var(--space-xs);padding:var(--space-sm) var(--space-sm) var(--space-sm);border:1px solid var(--accent-deep);border-radius:var(--radius-xl);background:color-mix(in srgb, var(--accent) 22%, transparent);font-size:var(--body-base-size);line-height:var(--body-base-leading);letter-spacing:var(--body-base-tracking);position:relative}.link-google p{margin:0 var(--space-base) var(--space-xs) 0}.link-google .primary{width:100%}.link-google [role=status]{margin:var(--space-xs) 0 0;color:var(--muted)}.link-google-dismiss{color:var(--muted);font-size:var(--label-md-size);letter-spacing:var(--label-md-tracking);cursor:pointer;background:0 0;border:0;line-height:1;position:absolute;top:6px;right:8px}.share-dialog{width:100%;max-width:none;height:100%;max-height:none;padding:var(--space-xl3);color:var(--text);font-family:var(--font-body);background:0 0;border:0;margin:0}.share-dialog:focus{outline:none}.share-dialog[open]{justify-content:center;align-items:center;display:flex}.share-dialog::backdrop{background:var(--modal-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.share-sheet{gap:var(--space-xs);width:544px;max-width:100%;max-height:100%;padding:var(--space-xl4);border-radius:var(--radius-4xl);background:var(--bg-canvas);flex-direction:column;display:flex;overflow-y:auto}.share-sheet-head{justify-content:space-between;align-items:flex-start;gap:var(--space-xl2);margin-bottom:var(--space-md);display:flex}.share-sheet-title{gap:var(--space-base);min-width:0;display:grid}.share-sheet-title h2{font:var(--weight-regular) var(--display-md-size)/var(--display-md-leading) var(--font-display);letter-spacing:0;margin:0}.share-sheet-title p{color:var(--text-tertiary);font-size:var(--body-md-size);line-height:var(--body-md-leading);overflow-wrap:anywhere;letter-spacing:var(--body-md-tracking);margin:0}.share-preview{aspect-ratio:16/9;margin-bottom:var(--space-base);border-radius:var(--radius-2xl);background:var(--gray-950);flex:none;overflow:hidden}.share-preview video{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.share-sheet-close{border-radius:var(--radius-xl);background:var(--btn-secondary);width:40px;height:40px;color:var(--text);border:0;flex:none;place-items:center;padding:0;transition:background .15s;display:grid}:is(.share-sheet-close,.share-copy) svg{flex:none;width:16px;height:16px;display:block}.share-field{gap:var(--space-xs);display:flex}.share-field input,.share-embed textarea{border-radius:var(--radius-xl);background:var(--bg-l1);min-width:0;color:var(--text);border:0}.share-field input{height:48px;padding:0 var(--space-base);font:var(--weight-regular) var(--label-base-size)/var(--label-base-leading) var(--font-body);letter-spacing:var(--label-base-tracking);text-overflow:ellipsis;flex:1}.share-copy{justify-content:center;align-items:center;gap:var(--space-xs);height:48px;padding:0 var(--space-sm);border-radius:var(--radius-xl);background:var(--accent);color:var(--accent-ink);font:var(--weight-medium) var(--label-base-size)/var(--label-base-leading) var(--font-body);letter-spacing:var(--label-base-tracking);white-space:nowrap;transition:background .15s, width .2s var(--ease-out);border:0;flex:none;display:inline-flex}@media (hover:hover){.share-copy:hover{background:var(--accent-hover)}}.share-copy.inverse{background:var(--inverse);color:var(--inverse-ink)}@media (hover:hover){.share-copy.inverse:hover{background:color-mix(in srgb, var(--inverse) 85%, var(--bg-l1))}}.copy-label>span{display:inline-block}.copy-label.swapped>span{animation:invite-swap .26s var(--ease-out)}@media (prefers-reduced-motion:reduce){.share-copy{transition:none}.copy-label.swapped>span{animation:none}}.share-options{gap:var(--space-xs);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;margin:0;padding:0;list-style:none;display:grid}.share-option{width:100%;height:64px;padding:0 var(--space-base);border-radius:var(--radius-2xl);background:var(--btn-primary);color:var(--text);border:0;justify-content:center;align-items:center;text-decoration:none;transition:background .15s;display:flex}.share-option svg{flex:none;display:block}@media (hover:hover){.share-sheet-close:hover{background:var(--btn-secondary-hover)}}.share-option[aria-expanded=true]{background:var(--btn-primary-hover)}@media (hover:hover){.share-option:hover{background:var(--btn-primary-hover)}}:is(.share-sheet-close,.share-copy,.share-option):focus-visible,.share-field input:focus-visible,.share-embed textarea:focus-visible{outline:1.5px solid var(--focus);outline-offset:2px}.share-embed{gap:var(--space-xs);display:grid}.share-embed textarea{width:100%;height:88px;padding:var(--space-sm);resize:none;color:var(--text-secondary);font:var(--weight-regular) var(--body-sm-size)/var(--body-sm-leading) var(--font-mono);display:block}@media (prefers-reduced-motion:no-preference){.share-dialog::backdrop{animation:signin-backdrop-in .3s var(--ease-out)}.share-sheet{animation:signin-card-in .4s var(--ease-out)}.share-dialog.closing{pointer-events:none}.share-dialog.closing::backdrop{animation:signin-backdrop-out .2s var(--ease-out) forwards}.share-dialog.closing .share-sheet{animation:signin-card-out .2s var(--ease-out) forwards}}@media (width<=760px){.share-dialog{padding:var(--space-base)}.share-dialog[open]{align-items:flex-end}.share-sheet{width:100%;padding:var(--space-xl2) var(--space-lg)}.share-field input,.share-copy{height:40px}.share-field input{padding:0 var(--space-sm)}.share-options{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row}.share-option{height:56px}}.share-page{background:var(--bg);min-height:100%;color:var(--text);font-family:var(--font-body);position:relative;overflow:hidden}.share-glow{pointer-events:none;max-width:none;position:absolute;bottom:-366px;left:50%;transform:translate(calc(2px - 50%))}.share-header{z-index:1;height:80px;padding:0 var(--margin);background:var(--bg);justify-content:space-between;align-items:center;display:flex;position:absolute;inset:0 0 auto}.share-logo,.share-logo img{display:block}.share-actions{gap:var(--space-sm);display:flex}.share-split{gap:var(--space-px);border-radius:var(--radius-xl);display:flex;overflow:hidden}.share-button{justify-content:center;align-items:center;gap:var(--space-xs);height:40px;padding:0 var(--space-sm);border-radius:var(--radius-xl);color:var(--text);font-size:var(--label-base-size);line-height:var(--label-base-leading);letter-spacing:var(--label-base-tracking);font-weight:var(--weight-medium);white-space:nowrap;transition:background-color .15s var(--ease-out);border:0;text-decoration:none;display:inline-flex}.share-split .share-button{border-radius:0}.share-split .share-button:first-child{padding:0 var(--space-base)}.share-split .share-button.icon-only{width:40px;padding:0}.share-button svg{flex:none;width:16px;height:16px;display:block}.share-button.tertiary{background:var(--btn-primary)}@media (hover:hover){.share-button.tertiary:hover{background:var(--btn-primary-hover)}}.share-button.primary{background:var(--accent);color:var(--accent-ink)}@media (hover:hover){.share-button.primary:hover{background:var(--accent-hover)}}.share-button.share-download{width:40px;padding:0}.share-button:focus-visible,.share-cover:focus-visible{outline:2px solid var(--text);outline-offset:2px}.share-split .share-button:focus-visible{outline-offset:-2px}.share-main{min-height:100dvh;padding:160px var(--margin) var(--space-xl5);justify-content:center;align-items:center;display:flex;position:relative}.share-content{grid-template-columns:repeat(var(--columns), minmax(0, 1fr));column-gap:var(--gutter);align-items:start;width:100%;display:grid}.share-video{align-items:flex-start;gap:var(--space-xl3);flex-direction:column;grid-column:span 9;min-width:0;display:flex}.share-stage{aspect-ratio:1064/624;border-radius:var(--radius-3xl);background:var(--gray-950);width:min(100%,170.513dvh - 518.359px);position:relative;overflow:hidden;box-shadow:0 406px 114px #0000,0 260px 104px #00000005,0 146px 88px #0000000f,0 65px 65px #0000001a,0 16px 36px #0000001f}.share-main>.share-stage{width:min(1064px,100%)}.share-stage video{-webkit-touch-callout:none;object-fit:cover;background:var(--gray-950);width:100%;height:100%;position:absolute;inset:0}.share-stage.letterbox video{object-fit:contain}.share-cover{background:var(--modal-bg);font:inherit;border:0;place-items:center;padding:0;display:grid;position:absolute;inset:0}.share-play{border-radius:var(--radius-full);-webkit-backdrop-filter:blur(12.5px);backdrop-filter:blur(12.5px);transition:transform .16s var(--ease-out);display:block}.share-play img{display:block}@media (hover:hover) and (pointer:fine){.share-cover:hover .share-play{transform:scale(1.05)}}.share-cover:active .share-play{transform:scale(.96)}.share-badge{left:var(--space-lg);bottom:var(--space-lg);align-items:center;gap:var(--space-xs);padding:var(--space-xs);border-radius:var(--radius-lg);background:var(--blur-button);-webkit-backdrop-filter:blur(2.5px);backdrop-filter:blur(2.5px);color:var(--gray-50);font-size:var(--label-md-size);line-height:var(--label-md-leading);letter-spacing:var(--label-md-tracking);font-weight:var(--weight-medium);white-space:nowrap;display:flex;position:absolute}.share-badge img{display:block}.share-details{gap:var(--space-base);flex-direction:column;min-width:0;display:flex}.share-title{font-family:var(--font-display);font-size:var(--display-xl-size);line-height:var(--display-xl-leading);overflow-wrap:anywhere;text-wrap:balance;letter-spacing:0;margin:0;font-weight:400}.share-byline{align-items:center;gap:var(--space-xs);font-size:var(--body-md-size);line-height:var(--body-md-leading);letter-spacing:var(--body-md-tracking);flex-wrap:wrap;margin:0;display:flex}.share-byline .muted{color:var(--text-tertiary)}.share-side{gap:var(--space-base);flex-direction:column;grid-column:span 3;min-width:0;display:flex}.share-card{gap:var(--space-xl2);padding:var(--space-lg);border-radius:var(--radius-3xl);color:var(--gray-950);flex-direction:column;display:flex}.share-card.signup{background:#61cef9}.share-card.remix{background:var(--orange-500)}.share-gift{gap:var(--space-lg);display:grid}.share-card-text,.share-gift-head{gap:var(--space-xs);display:grid}.share-card h2{color:var(--gray-950);font:400 var(--display-lg-size)/var(--display-lg-leading) var(--font-display);letter-spacing:0;margin:0}.share-card p{color:var(--text-transparent);font-size:var(--body-base-size);line-height:var(--body-base-leading);letter-spacing:var(--body-base-tracking);margin:0}.share-form{gap:var(--space-xs);display:grid}.share-form input{height:48px;padding:0 var(--space-sm);border-radius:var(--radius-xl);background:var(--gray-100);box-shadow:0 0 0 1px var(--input-ring);color:var(--gray-950);font:var(--weight-regular) var(--label-base-size)/var(--label-base-leading) var(--font-body);letter-spacing:var(--label-base-tracking);border:0}.share-form input::placeholder{color:var(--gray-500)}.share-form input:focus{outline:1.5px solid var(--focus);outline-offset:0}.share-form button,.share-make-link{height:48px;padding:0 var(--space-base);border-radius:var(--radius-xl);background:var(--gray-950);color:var(--gray-50);font:var(--weight-medium) var(--label-md-size)/var(--label-md-leading) var(--font-body);letter-spacing:var(--label-md-tracking);transition:background-color .15s var(--ease-out);border:0;justify-content:center;align-items:center;text-decoration:none;display:flex}@media (hover:hover){.share-form button:hover,.share-make-link:hover{background:var(--gray-800)}}.share-form button:focus-visible,.share-make-link:focus-visible{outline:2px solid var(--gray-950);outline-offset:2px}.share-switch{align-items:center;gap:var(--space-sm);color:var(--gray-950);font:var(--weight-medium) var(--label-md-size)/var(--label-md-leading) var(--font-body);letter-spacing:var(--label-md-tracking);cursor:pointer;background:0 0;border:0;padding:0;display:flex}.share-switch-track{border-radius:var(--radius-xl);background:color-mix(in srgb, var(--gray-950) 25%, transparent);width:40px;height:24px;transition:background-color .15s var(--ease-out);flex-shrink:0;position:relative}.share-switch-track:after{content:"";border-radius:var(--radius-full);background:var(--gray-50);width:20px;height:20px;transition:transform .15s var(--ease-out), background-color .15s var(--ease-out);position:absolute;top:2px;left:2px}.share-switch[aria-checked=true] .share-switch-track{background:var(--gray-950)}.share-switch[aria-checked=true] .share-switch-track:after{transform:translate(16px)}.share-switch:focus-visible{outline:2px solid var(--gray-950);outline-offset:4px;border-radius:var(--radius-xl)}.share-message{justify-items:center;gap:var(--space-xs);text-align:center;max-width:360px;display:grid}.share-message h1{font-family:var(--font-heading);font-size:var(--heading-md-size);line-height:var(--heading-md-leading);font-weight:var(--weight-semibold);margin:0}.share-message p{margin:0 0 var(--space-base);color:var(--text-secondary);font-size:var(--body-md-size);line-height:var(--body-md-leading);letter-spacing:var(--body-md-tracking)}@media (width<=1100px){.share-content{row-gap:var(--space-xl3)}.share-video,.share-side{grid-column:1/-1}.share-stage{width:100%}.share-side{flex-direction:row;align-items:flex-start}.share-side .share-card{flex:1 1 0}}@media (width<=760px){.share-header{height:88px;padding:var(--space-xl2) var(--margin) var(--space-base)}.share-actions{gap:var(--space-xs)}.share-main{padding:88px 0 var(--space-lg)}.share-main:has(.share-content){align-items:flex-start}.share-content{row-gap:0}.share-video{gap:var(--space-xl2);padding:var(--space-xl2) var(--margin)}.share-stage{aspect-ratio:368/208;border-radius:var(--radius-2xl)}.share-badge{left:var(--space-base);bottom:var(--space-base);font-size:var(--label-base-size);line-height:var(--label-base-leading);letter-spacing:var(--label-base-tracking)}.share-details{gap:var(--space-md)}.share-title{font-size:var(--display-md-size);line-height:var(--display-md-leading)}.share-byline{font-size:var(--body-base-size);line-height:var(--body-base-leading);letter-spacing:var(--body-base-tracking)}.share-side{padding:var(--space-lg) var(--margin);flex-direction:column;align-items:stretch}.share-card h2{font-size:var(--display-base-size);line-height:var(--display-base-leading)}}@media (width<=420px){.share-header .share-logo{flex:none;width:24px;overflow:hidden}}@media (width<=411px){.share-header .share-open{display:none}}@media (prefers-reduced-motion:reduce){.share-play,.share-button,.share-form button,.share-make-link{transition:none}}.pricing{z-index:1;overscroll-behavior:contain;scrollbar-width:none;font-size:max(.8125rem, min(calc((100vh - var(--nav-h)) / 60.6), calc(100vw / 93)));color:var(--text);-webkit-mask-image:linear-gradient(to bottom, transparent var(--space-xl4), #000 calc(var(--nav-h) + var(--space-xs)));-webkit-mask-image:linear-gradient(to bottom, transparent var(--space-xl4), #000 calc(var(--nav-h) + var(--space-xs)));mask-image:linear-gradient(to bottom, transparent var(--space-xl4), #000 calc(var(--nav-h) + var(--space-xs)));animation:pricing-in .4s var(--ease-out) .12s backwards;line-height:1.5;position:absolute;inset:0;overflow:hidden auto}.pricing::-webkit-scrollbar{display:none}.pricing-inner{min-height:100%;padding:calc(var(--nav-h) + 1.5em) 2em 4.5em;flex-direction:column;justify-content:center;align-items:center;gap:4em;display:flex}.pricing-head{text-align:center;flex-direction:column;align-items:center;gap:2.5em;display:flex}.pricing-head h1{font:400 4.5em/.89 var(--font-display);letter-spacing:-.01em;margin:0}.pricing-head p{letter-spacing:-.3px;color:var(--muted);margin:0;font-size:1.25em;line-height:1.3}.billing-toggle{background:var(--bg-raised);border-radius:1em;padding:.25em;display:inline-flex;position:relative}.billing-toggle button{white-space:nowrap;height:2.5em;color:var(--lightningcss-light,var(--gray-900))var(--lightningcss-dark,var(--gray-50));z-index:1;background:0 0;border:0;border-radius:.75em;align-items:center;gap:.5em;padding:0 1em;font-size:1em;line-height:1.5;transition:background .22s,color .22s;display:flex;position:relative}.billing-thumb{background:var(--lightningcss-light,var(--gray-900))var(--lightningcss-dark,var(--gray-50));border-radius:.75em;position:absolute;top:0;left:0}.billing-thumb.glide{transition:transform .24s var(--ease-out), width .24s var(--ease-out)}@media (prefers-reduced-motion:reduce){.billing-thumb.glide{transition:none}}.billing-toggle button:has(.billing-save){padding-right:.5em}@media (hover:hover){.billing-toggle button:not(.on):hover{background:color-mix(in srgb, var(--text) 5%, transparent)}}.billing-toggle button.on{color:var(--lightningcss-light,var(--gray-100))var(--lightningcss-dark,var(--gray-900));background:0 0}.billing-toggle button:focus-visible{outline:1.5px solid var(--focus);outline-offset:2px}.billing-save{background:var(--lightningcss-light,color-mix(in srgb, var(--blue-600) 8%, transparent))var(--lightningcss-dark,color-mix(in srgb, var(--blue-600) 20%, transparent));color:var(--lightningcss-light,var(--blue-600))var(--lightningcss-dark,var(--blue-300));border-radius:.5714em;padding:.2857em .5714em .4286em;font-size:.875em;line-height:1.1429;transition:background .22s,color .22s}.billing-toggle button.on .billing-save{background:var(--lightningcss-light,color-mix(in srgb, var(--gray-50) 14%, transparent))var(--lightningcss-dark,color-mix(in srgb, var(--blue-600) 12%, transparent));color:var(--lightningcss-light,var(--blue-100))var(--lightningcss-dark,var(--blue-600))}.plans{justify-content:center;align-items:center;gap:.75em;max-width:100%;display:flex}.plan{background:var(--plan-bg);width:20em;min-height:25em;color:var(--ink);filter:drop-shadow(1px 2px 1px #0003);rotate:var(--tilt,0deg);transition:scale .2s var(--ease-out);animation:plan-in .3s var(--ease-out) backwards;animation-delay:calc(.1s + var(--i,0) * 40ms);border-radius:2.5em;flex-direction:column;justify-content:space-between;gap:1.5em;padding:2em;display:flex;position:relative}@media (hover:hover) and (pointer:fine){.plan:hover{scale:1.04}}.plan:active{transition-duration:.16s;scale:.96}.plan.pro{z-index:2;width:21.5em;min-height:26em;font-size:1.14em}.plan-top{flex-direction:column;gap:1em;display:flex}.plan-head h2{font:400 2.5em/1.2 var(--font-display);letter-spacing:0;margin:0}.plan-name-row{justify-content:space-between;align-items:center;gap:.5em;display:flex}.plan-badge{background:color-mix(in srgb, var(--brand-700) 40%, transparent);color:var(--gray-900);white-space:nowrap;border-radius:2em;padding:.75em 1em;font-size:.875em;line-height:1.15}.plan-price{font-family:var(--font-serif);align-items:baseline;gap:.25em;display:flex}.plan-amount{white-space:nowrap;font-size:4em;line-height:1.125}.plan-per{opacity:.5;white-space:nowrap;flex:none;font-size:2em;line-height:1.25}.plan-credits b{font-size:1.25em;font-weight:var(--weight-regular);line-height:1.2;display:block}.plan-credits small{opacity:.5;margin-top:.25em;font-size:1em;line-height:1.25;display:block}.plan-features{border-top:1px solid var(--gray-950);flex-direction:column;gap:.25em;margin:0;padding:1em 0 0;line-height:1.25;list-style:none;display:flex}.plan-button{border:1px solid var(--gray-900);background:var(--gray-900);width:100%;color:var(--gray-100);white-space:nowrap;transition:scale .16s var(--ease-out), background .16s;border-radius:1.5em;justify-content:center;align-items:center;padding:1.125em 2em;font-size:1.25em;line-height:1.4;display:flex}@media (hover:hover){.plan-button:hover{background:var(--gray-950)}}@media (hover:hover) and (pointer:fine){.plan-button:hover{scale:1.03}}.plan-button:not(:disabled):active{scale:.96}.plan-button:focus-visible{outline:1.5px solid color-mix(in srgb, var(--gray-950) 55%, transparent);outline-offset:3px}.plan-button.current{color:#1a1d1e;background:0 0}@media (hover:hover){.plan-button.current:hover{background:#1a1d1e14}}.plan-button>span{transition:translate .2s var(--ease-out)}.plan-arrow{opacity:0;width:1em;transition:opacity .2s, translate .2s var(--ease-out), scale .2s var(--ease-out);flex:none;margin:0 -1.5em 0 .5em;translate:-1.1em;scale:.5}.plan-button:focus-visible>span{translate:-.75em}@media (hover:hover){.plan-button:hover>span{translate:-.75em}}.plan-button:focus-visible .plan-arrow{opacity:1;translate:-.75em;scale:1}@media (hover:hover){.plan-button:hover .plan-arrow{opacity:1;translate:-.75em;scale:1}}.pricing-note{color:var(--text-secondary);text-align:center;margin:0;line-height:1.5}.pricing-head>*,.pricing-logos,.pricing-note{animation:head-in .3s var(--ease-out) backwards}.pricing-head>:nth-child(2){animation-delay:40ms}.pricing-head>:nth-child(3){animation-delay:80ms}.pricing-logos{animation-delay:.3s}.pricing-note{animation-delay:.34s}.pricing-logos{text-align:center;align-self:stretch;margin-top:-1.5em}.pricing-logos p{color:var(--muted);margin:0;line-height:1.5}.pricing-logos ul{justify-content:center;margin:0;padding:1.5em 0;list-style:none;display:flex}.pricing-logos li{flex:0 12.5em;justify-content:center;align-items:center;height:4em;display:flex}.pricing-logos img{flex:none;max-width:none;display:block}@keyframes pricing-in{0%{opacity:0}}@keyframes plan-in{0%{opacity:0;translate:0 48px;scale:.96}}@keyframes head-in{0%{opacity:0;translate:0 16px}}@media (prefers-reduced-motion:reduce){.pricing,.plan,.pricing-head>*,.pricing-logos,.pricing-note{animation-name:fade-in}}@media (width<=760px){.pricing{font-size:.8125rem}.pricing-inner{padding-left:var(--space-base);padding-right:var(--space-base);justify-content:flex-start}.plans{flex-direction:column;gap:1.5em;width:100%}.plan,.plan.pro{width:min(100%,24em);min-height:0}.pricing-logos ul{flex-wrap:wrap;gap:0 1em}.pricing-logos li{flex:0 10em}}.sb-link{align-items:center;gap:var(--space-xs);height:40px;margin:0 var(--space-sm);padding:0 var(--space-sm);border-radius:var(--radius-lg);color:var(--text);font:var(--weight-regular) var(--label-base-size)/var(--label-base-leading) var(--font-body);letter-spacing:var(--label-base-tracking);text-align:left;background:0 0;border:0;flex:none;display:flex}.sb-link svg{width:16px;height:16px;color:var(--placeholder);flex:none;display:block}@media (hover:hover){.sb-link:hover{background:var(--hover)}}.sb-link.current{background:var(--bg-l2)}.sb-link:focus-visible{outline:1.5px solid var(--focus);outline-offset:2px}.sb-theme{height:40px;margin:var(--space-xs3) var(--space-sm) 0;padding:0 var(--space-xs3) 0 var(--space-sm);color:var(--text);font:var(--weight-regular) var(--label-base-size)/var(--label-base-leading) var(--font-body);letter-spacing:var(--label-base-tracking);flex:none;justify-content:space-between;align-items:center;display:flex}.sb-theme-options{gap:var(--space-xxs);padding:var(--space-xxs);border-radius:var(--radius-lg);background:var(--bg-l2);display:flex}.sb-theme-options button{border-radius:var(--radius-md);width:28px;height:28px;color:var(--placeholder);background:0 0;border:0;place-items:center;padding:0;transition:background .15s,color .15s;display:grid}@media (hover:hover){.sb-theme-options button:hover{color:var(--text)}}.sb-theme-options button[aria-pressed=true]{background:var(--lightningcss-light,var(--gray-50))var(--lightningcss-dark,var(--gray-700));color:var(--text);box-shadow:0 1px 2px #00000014}.sb-theme-options button:focus-visible{outline:1.5px solid var(--focus);outline-offset:1px}.sb-theme-options svg{width:14px;height:14px;display:block}@media (prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){.sb-link:hover svg{animation:.6s ia-wobble}}@keyframes ia-wobble{0%,to{rotate:0deg}25%{rotate:-14deg}55%{rotate:10deg}80%{rotate:-4deg}}.credit-pill{border-radius:var(--radius);font-size:var(--label-base-size);line-height:var(--label-base-leading);letter-spacing:var(--label-base-tracking);align-items:stretch;display:flex;overflow:hidden}.credit-pill.with-invite{padding:var(--space-xxs);background:var(--orange-500);font-size:var(--label-md-size);line-height:var(--label-md-leading);letter-spacing:var(--label-md-tracking);border-radius:10px}button.credit-pill{border:0}button.credit-pill:focus-visible{outline:2px solid var(--text);outline-offset:2px}.credit-balance{white-space:nowrap;font-variant-numeric:tabular-nums;background:var(--bg-l2);color:var(--text);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius);position:relative}.credit-pill.with-invite .credit-balance{padding:9px var(--space-sm);border-radius:var(--radius-lg);background:var(--gray-alpha-100);color:var(--gray-50)}.invite{padding:0 var(--space-base);border-radius:var(--radius-lg);color:var(--gray-50);font:inherit;font-weight:var(--weight-medium);white-space:pre;cursor:pointer;background:0 0;border:0;align-items:center;display:flex}.invite:focus-visible{outline:2px solid var(--gray-50);outline-offset:-2px}.invite-more{opacity:0;vertical-align:bottom;transition:max-width .24s var(--ease-out), opacity .18s var(--ease-out);display:inline-block;overflow:hidden}.invite-more>span{display:inline-block}.invite.open .invite-more{opacity:1;transition:max-width .24s var(--ease-out), opacity .24s var(--ease-out) 80ms}.invite.swapped .invite-more{transition:none}.invite-word{display:inline-block}.invite.swapped .invite-word,.invite.swapped .invite-more>span{animation:invite-swap .26s var(--ease-out)}@keyframes invite-swap{0%{opacity:0;transform:translateY(.5em)}}@media (prefers-reduced-motion:reduce){.invite-more{transition:none}.invite.swapped .invite-word,.invite.swapped .invite-more>span{animation:none}}@media (width<=760px){.credit-pill.with-invite .credit-unit{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.credit-status{flex-wrap:wrap;flex:none}.credit-status .primary{flex:none}.admin-page{max-width:1440px;padding:var(--space-xl2);margin:auto}.admin-header{justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.admin-header h1{margin:var(--space-base) 0 var(--space-xs)}.admin-header a{color:inherit}.admin-mode{padding:var(--space-xs) var(--space-sm);border:1px solid var(--border);border-radius:var(--radius-lg);white-space:nowrap;text-decoration:none}.admin-metrics{gap:var(--space-sm);margin:var(--space-lg) 0 var(--space-sm);grid-template-columns:repeat(5,1fr);display:grid}.admin-metrics>div{padding:var(--space-base);background:var(--bg-l1);border-radius:var(--radius-xl)}.admin-metrics strong{font-family:var(--font-heading);font-size:var(--heading-md-size);line-height:var(--heading-md-leading);font-variant-numeric:tabular-nums;margin-bottom:var(--space-xs);display:block}.admin-metrics span,.admin-meta,.admin-empty{font-size:var(--label-base-size);line-height:var(--label-base-leading);letter-spacing:var(--label-base-tracking);color:var(--muted)}.admin-warning{color:var(--danger)}.admin-tabs{gap:var(--space-xs);margin:var(--space-lg) 0;flex-wrap:wrap;display:flex}.admin-page button{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);border:1px solid var(--border);cursor:pointer;background:var(--lightningcss-light,var(--gray-50))var(--lightningcss-dark,var(--gray-900));color:inherit}.admin-page button:disabled{opacity:.4;cursor:default}.admin-tabs .selected{background:var(--accent);color:var(--gray-950);border-color:var(--accent)}.admin-tools{gap:var(--space-base);margin:var(--space-md) 0;flex-wrap:wrap;display:flex}.admin-page label{gap:var(--space-xs);font-size:var(--label-base-size);line-height:var(--label-base-leading);letter-spacing:var(--label-base-tracking);flex-direction:column;display:flex}.admin-page input,.admin-page select,.admin-sql textarea{border:1px solid var(--lightningcss-light,var(--gray-300))var(--lightningcss-dark,var(--gray-700));background:var(--lightningcss-light,var(--gray-50))var(--lightningcss-dark,var(--gray-900));color:inherit;border-radius:var(--radius-md);padding:var(--space-xs);font:inherit}.admin-tools label:first-child{flex:1;min-width:220px}.admin-tools input[type=number]{width:120px}.admin-table-wrap{border:1px solid var(--border);border-radius:var(--radius-lg);max-height:65vh;overflow:auto}.admin-page table{border-collapse:collapse;width:100%;font-size:var(--label-base-size);line-height:var(--label-base-leading);letter-spacing:var(--label-base-tracking)}.admin-page th,.admin-page td{padding:var(--space-sm);text-align:left;border-bottom:1px solid var(--border);vertical-align:top;overflow-wrap:anywhere;max-width:450px}.admin-page th{background:var(--bg-l1);z-index:1;white-space:nowrap;position:sticky;top:0}.admin-page .link{text-align:left;background:0 0;border:0;padding:0;text-decoration:underline}.admin-id{color:var(--muted);margin-top:var(--space-xs3);display:block}.credit-adjust{align-items:center;gap:var(--space-sm);display:flex}.credit-adjust strong{text-align:center;font-variant-numeric:tabular-nums;min-width:35px}.credit-adjust button{font-size:var(--heading-base-size);padding:var(--space-px) var(--space-xs)}.credit-adjust .credit-value{font:inherit;cursor:text;background:0 0;border:0;padding:0}.credit-adjust .credit-value-input{width:90px;padding:var(--space-xs3) var(--space-xs2);text-align:center}.admin-blocked{opacity:.7}.admin-notice{color:var(--lightningcss-light,var(--brand-700))var(--lightningcss-dark,var(--brand-500))}.admin-detail{padding:var(--space-md);margin-top:var(--space-md);border:1px solid var(--border);border-radius:var(--radius-lg);position:relative}.admin-close{position:absolute;top:12px;right:12px}.admin-sql textarea{width:100%;margin:var(--space-base) 0;resize:vertical;font-family:monospace;display:block}.admin-sql details{margin:var(--space-md) 0;font-size:var(--label-base-size);line-height:var(--label-base-leading);letter-spacing:var(--label-base-tracking)}@media (width<=750px){.admin-page{padding:var(--space-base)}.admin-metrics{grid-template-columns:repeat(2,1fr)}}:root[data-theme=dark] :is(.mark img,.attach img,.mic img,.sb-logo,.share-logo img,.share-button.tertiary img){filter:invert()}:root[data-theme=dark] .pricing-logos img{filter:invert()hue-rotate(180deg)}@media (pointer:coarse){:is(.composer textarea,.sb-search input,.thread-rename-input,.share-form input,.share-field input,.share-embed textarea){font-size:var(--body-md-size);line-height:var(--body-md-leading);letter-spacing:var(--body-md-tracking)}}
