.chat-root{--chat-scroll-at-bottom-threshold:8px;width:100%;min-width:0;max-width:100%;overflow-x:clip}@media (max-width:767px){.chat-root{--chat-scroll-at-bottom-threshold:150px}}.chat-root[data-theme=dark-tokyo]{--chat-page-bg:var(--background,#080808);--chat-hero-kicker-fg:#fff9;--chat-hero-title-fg:white;--chat-hero-description-fg:#ffffffb8;--chat-accent-gradient-from:#22d3ee;--chat-accent-gradient-mid:#3b82f6;--chat-accent-gradient-to:#22d3ee;--chat-input-bg:#1b1b1b;--chat-input-border:#fff3;--chat-input-border-focus:#3b82f68c;--chat-input-bg-focus:#ffffff0f;--chat-input-focus-shadow:#22d3ee24;--chat-input-fg:white;--chat-input-placeholder-fg:#ffffff80;--chat-input-radius:10px;--chat-input-padding-y:.875rem;--chat-input-padding-x:1.125rem;--chat-input-font-size:1rem;--chat-input-min-height:52px;--chat-input-transition-duration:.18s;--chat-send-fg:white;--chat-send-shadow-inset:0 1px 0 0 #ffffff26;--chat-send-shadow:0 8px 24px -8px #3b82f673;--chat-surface-bg:#0a0a0a;--chat-surface-edge:#ffffff0a;--chat-bubble-user-bg:#171717;--chat-bubble-user-fg:white;--chat-bubble-user-border:#ffffff0f;--chat-bubble-assistant-bg:transparent;--chat-bubble-assistant-fg:#ffffffd9;--chat-bubble-assistant-border:#ffffff1a;--chat-bubble-radius:16px;--chat-meta-fg:#fff6;--chat-divider:#ffffff0f;--chat-error-fg:#fffc;--chat-close-fg:#fff9;--chat-close-hover-fg:white;--chat-close-hover-bg:#ffffff0f;--chat-overlay-grain-opacity:0;--chat-overlay-z:50;--chat-font-sans:var(--font-outfit),system-ui,sans-serif;--chat-font-mono:var(--font-kode-mono),ui-monospace,monospace;--chat-conversation-max-width:700px;--chat-hero-max-width:820px;--chat-input-max-width:56ch;--chat-overlay-enter-duration:.55s;--chat-overlay-exit-duration:.28s;--chat-hero-min-height-mobile:100dvh;--chat-portrait-desktop:none;--chat-portrait-position-desktop:right center;--chat-portrait-size-desktop:contain;--chat-portrait-mobile:none;--chat-portrait-position-mobile:center;--chat-portrait-size-mobile:cover;--chat-portrait-overlay:transparent}@supports (color:lab(0% 0 0)){.chat-root[data-theme=dark-tokyo]{--chat-input-bg:lab(9.52% -.00000745058 0)}}.chat-root[data-theme=stefan-portfolio]{--chat-page-bg:#0c0d0f;--chat-hero-kicker-fg:#83868c;--chat-hero-title-fg:#fafafa;--chat-hero-description-fg:#9b9fa5;--chat-accent-gradient-from:#61c0ff;--chat-accent-gradient-mid:#1c94ff;--chat-accent-gradient-to:#135ae4;--chat-input-bg:#141619;--chat-input-border:#ffffff14;--chat-input-border-focus:#1c94ff8c;--chat-input-bg-focus:#16181c;--chat-input-focus-shadow:#1c94ff1a;--chat-input-fg:#fafafa;--chat-input-placeholder-fg:#6e7278;--chat-input-radius:.875rem;--chat-input-padding-y:.875rem;--chat-input-padding-x:1.125rem;--chat-input-font-size:1rem;--chat-input-min-height:52px;--chat-input-transition-duration:.18s;--chat-send-fg:#fcfcfc;--chat-send-shadow-inset:0 1px 0 0 #ffffff26;--chat-send-shadow:0 8px 24px -8px #1c94ff99;--chat-surface-bg:#111315;--chat-surface-edge:#ffffff0a;--chat-bubble-user-bg:#1d2126;--chat-bubble-user-fg:#fafafa;--chat-bubble-user-border:#ffffff0f;--chat-bubble-assistant-bg:transparent;--chat-bubble-assistant-fg:#e3e5e8;--chat-bubble-assistant-border:#ffffff0f;--chat-bubble-radius:1rem;--chat-meta-fg:#606369;--chat-divider:#ffffff0f;--chat-error-fg:#fa6863;--chat-close-fg:#6e7278;--chat-close-hover-fg:#fafafa;--chat-close-hover-bg:#ffffff0f;--chat-overlay-grain-opacity:.035;--chat-overlay-z:60;--chat-font-sans:"Outfit",ui-sans-serif,system-ui,sans-serif;--chat-font-mono:"Kode Mono",ui-monospace,monospace;--chat-conversation-max-width:42rem;--chat-hero-max-width:820px;--chat-input-max-width:42rem;--chat-overlay-enter-duration:.55s;--chat-overlay-exit-duration:.28s;--chat-hero-min-height-mobile:100dvh;--chat-portrait-desktop:inherit;--chat-portrait-position-desktop:right center;--chat-portrait-size-desktop:contain;--chat-portrait-mobile:inherit;--chat-portrait-position-mobile:center;--chat-portrait-size-mobile:cover;--chat-portrait-overlay:radial-gradient(ellipse at center,#000000bf 0%,#00000059 45%,transparent 70%)}@supports (color:lab(0% 0 0)){.chat-root[data-theme=stefan-portfolio]{--chat-page-bg:lab(3.68927% -.135548 -1.17013);--chat-hero-kicker-fg:lab(55.887% -.501543 -3.72579);--chat-hero-title-fg:lab(98.26% 0 0);--chat-hero-description-fg:lab(65.1673% -.507057 -3.72884);--chat-accent-gradient-from:lab(74.0618% -12.2054 -52.2405);--chat-accent-gradient-mid:lab(59.2503% .365317 -67.6364);--chat-accent-gradient-to:lab(41.5884% 22.9348 -77.0883);--chat-input-bg:lab(7.2027% -.288852 -2.53931);--chat-input-border:lab(100% 0 0/.08);--chat-input-border-focus:lab(59.2503% .365317 -67.6364/.55);--chat-input-bg-focus:lab(8.33059% -.347495 -2.95379);--chat-input-focus-shadow:lab(59.2503% .365317 -67.6364/.1);--chat-input-fg:lab(98.26% 0 0);--chat-input-placeholder-fg:lab(47.7666% -.495315 -3.72248);--chat-send-fg:lab(98.84% .0000298023 -.0000119209);--chat-send-shadow-inset:0 1px 0 0 lab(100% 0 0/.15);--chat-send-shadow:0 8px 24px -8px lab(59.2503% .365317 -67.6364/.6);--chat-surface-bg:lab(5.70218% -.215672 -1.8802);--chat-surface-edge:lab(100% 0 0/.04);--chat-bubble-user-bg:lab(12.3736% -.4806 -4.41263);--chat-bubble-user-fg:lab(98.26% 0 0);--chat-bubble-user-border:lab(100% 0 0/.06);--chat-bubble-assistant-fg:lab(90.7044% -.26685 -1.8719);--chat-bubble-assistant-border:lab(100% 0 0/.06);--chat-meta-fg:lab(41.9663% -.489771 -3.71957);--chat-divider:lab(100% 0 0/.06);--chat-error-fg:lab(63.4204% 56.5783 32.9929);--chat-close-fg:lab(47.7666% -.495315 -3.72248);--chat-close-hover-fg:lab(98.26% 0 0);--chat-close-hover-bg:lab(100% 0 0/.06)}}.chat-accent-gradient{background:linear-gradient(to right,var(--chat-accent-gradient-from),var(--chat-accent-gradient-mid),var(--chat-accent-gradient-to));background-position:0%;background-size:300%;animation:6s infinite chat-gradient-shift}.chat-accent-text{background:linear-gradient(to right,var(--chat-accent-gradient-from),var(--chat-accent-gradient-mid),var(--chat-accent-gradient-to));color:#0000;background-position:0%;background-size:300%;-webkit-background-clip:text;background-clip:text;animation:6s infinite chat-gradient-shift}@keyframes chat-gradient-shift{0%,to{background-position:0%}50%{background-position:100%}}.chat-conversation-surface{top:var(--chat-vv-offset-top,0);left:var(--chat-vv-offset-left,0);width:var(--chat-vv-width,100%);height:var(--chat-vv-height,100%);max-width:100%;z-index:var(--chat-overlay-z);background-color:var(--chat-page-bg);font-family:var(--chat-font-sans);color:var(--chat-bubble-assistant-fg);flex-direction:column;display:flex;position:fixed;overflow:hidden}.chat-conversation-surface:before{content:"";pointer-events:none;will-change:transform;background:radial-gradient(80% 60% at 50% 0,#1c94ff14,#0000 60%),radial-gradient(70% 50% at 20% 80%,#7474ef0d,#0000 60%),radial-gradient(100% 80% at 80% 100%,#008dbf0f,#0000 60%);background:radial-gradient(80% 60% at 50% 0,lab(59.2503% .365317 -67.6364/.08),#0000 60%),radial-gradient(70% 50% at 20% 80%,lab(53.5615% 25.8142 -63.1514/.05),#0000 60%),radial-gradient(100% 80% at 80% 100%,lab(53.8001% -22.9776 -41.3283/.06),#0000 60%);animation:24s ease-in-out infinite alternate chat-gradient-drift;position:absolute;inset:0}@keyframes chat-gradient-drift{0%{transform:translate(0,0)}50%{transform:translate(1%,-1%)}to{transform:translate(-1%,1%)}}.chat-conversation-surface:after{content:"";pointer-events:none;opacity:var(--chat-overlay-grain-opacity);mix-blend-mode:overlay;will-change:opacity;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.6 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");position:absolute;inset:0}.chat-stream{overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:oklch(100% 0 0/.1) transparent;flex:auto;min-width:0;position:relative;overflow:hidden auto}.chat-stream::-webkit-scrollbar{width:10px}.chat-stream::-webkit-scrollbar-thumb{background-color:#ffffff14;background-color:lab(100% 0 0/.08);background-clip:padding-box;border:3px solid #0000;border-radius:9999px}.chat-column{width:100%;max-width:min(var(--chat-conversation-max-width),100%);box-sizing:border-box;flex-direction:column;gap:1.75rem;min-width:0;margin:0 auto;padding:5rem 1.5rem 8rem;display:flex}.chat-row{width:100%;min-width:0;display:flex}.chat-row.user{justify-content:flex-end}.chat-row.assistant{justify-content:flex-start}.chat-meta{font-family:var(--chat-font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--chat-meta-fg);margin-bottom:.5rem;font-size:.6875rem}.chat-bubble-user{border-radius:var(--chat-bubble-radius);background:var(--chat-bubble-user-bg);max-width:80%;color:var(--chat-bubble-user-fg);padding:8px 16px}.chat-bubble-user-bordered{border-radius:var(--chat-bubble-radius);background:var(--chat-bubble-user-bg);min-width:0;max-width:85%;color:var(--chat-bubble-user-fg);border:1px solid var(--chat-bubble-user-border);overflow-wrap:anywhere;word-break:break-word;padding:.75rem 1.125rem;font-size:.9375rem;font-weight:400;line-height:1.6}.chat-bubble-assistant{border-radius:var(--chat-bubble-radius);border:1px solid var(--chat-bubble-assistant-border);background:var(--chat-bubble-assistant-bg);max-width:90%;color:var(--chat-bubble-assistant-fg);padding:8px 16px}.chat-bubble-assistant-clean{border-radius:var(--chat-bubble-radius);min-width:0;max-width:100%;color:var(--chat-bubble-assistant-fg);overflow-wrap:anywhere;word-break:break-word;background:0 0;padding-left:0;padding-right:0;font-size:.9375rem;font-weight:400;line-height:1.6}.chat-bubble-assistant-clean :is(p,strong,em,code),.chat-bubble-user-bordered :is(p,strong,em,code){color:inherit}.chat-assistant-row{gap:1rem;width:100%;display:flex}.chat-avatar{width:36px;height:36px;font-family:var(--chat-font-mono);color:#fcfcfc;color:lab(98.84% .0000298023 -.0000119209);background-image:linear-gradient(135deg,var(--chat-accent-gradient-from),var(--chat-accent-gradient-to));border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;font-size:.6875rem;font-weight:700;display:inline-flex;box-shadow:0 0 18px #1c94ff73;box-shadow:0 0 18px lab(59.2503% .365317 -67.6364/.45)}.chat-assistant-block{flex-direction:column;flex:1;gap:.5rem;min-width:0;display:flex}.chat-assistant-block p{margin:0}.chat-assistant-block p+p{margin-top:.75rem}.chat-meta+.chat-bubble-assistant-clean{margin-top:0}.chat-typing{align-items:center;gap:6px;height:1.5rem;display:inline-flex}.chat-typing span{opacity:.5;background-color:#1c94ff;background-color:lab(59.2503% .365317 -67.6364);border-radius:9999px;width:6px;height:6px;animation:1.2s ease-in-out infinite chat-bounce}.chat-typing span:nth-child(2){animation-delay:.15s}.chat-typing span:nth-child(3){animation-delay:.3s}@keyframes chat-bounce{0%,80%,to{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}.chat-input-shell{isolation:isolate;box-sizing:border-box;min-height:var(--chat-input-min-height);border-radius:var(--chat-input-radius);border:1px solid var(--chat-input-border);background:var(--chat-input-bg);min-width:0;padding:var(--chat-input-padding-y)var(--chat-input-padding-x);transition:border-color var(--chat-input-transition-duration)ease,background-color var(--chat-input-transition-duration)ease,box-shadow var(--chat-input-transition-duration)ease;flex:1;align-items:center;display:flex;position:relative}.chat-input-shell:before{content:"";border-radius:calc(var(--chat-input-radius) + 2px);background:linear-gradient(to right,var(--chat-accent-gradient-from),var(--chat-accent-gradient-mid),var(--chat-accent-gradient-to));-webkit-mask-composite:xor;opacity:0;pointer-events:none;transition:opacity var(--chat-input-transition-duration)ease;z-index:0;background-position:0%;background-size:300%;padding:2px;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.chat-input-shell:focus-within{background:var(--chat-input-bg-focus);box-shadow:0 0 0 4px var(--chat-input-focus-shadow);border-color:#0000}.chat-input-shell:focus-within:before{opacity:1;animation:6s infinite chat-gradient-shift}.chat-input-field{z-index:1;width:100%;color:var(--chat-input-fg);font-family:var(--chat-font-sans);font-size:var(--chat-input-font-size);background:0 0;outline:none;line-height:1.5;position:relative}.chat-root .chat-send-btn{width:var(--chat-input-min-height);height:var(--chat-input-min-height);min-width:var(--chat-input-min-height);border-radius:var(--chat-input-radius);color:var(--chat-send-fg);background-image:linear-gradient(135deg,var(--chat-accent-gradient-from),var(--chat-accent-gradient-mid),var(--chat-accent-gradient-to));box-shadow:var(--chat-send-shadow-inset),var(--chat-send-shadow);cursor:pointer;transition:transform var(--chat-input-transition-duration)cubic-bezier(.2,.8,.2,1),box-shadow var(--chat-input-transition-duration)ease,filter var(--chat-input-transition-duration)ease,color .22s cubic-bezier(.2,.8,.2,1);border:0;flex:none;justify-content:center;align-items:center;display:inline-flex}.chat-root .chat-send-btn:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.chat-root .chat-send-btn:active:not(:disabled){transform:translateY(0)scale(.97)}.chat-root .chat-send-btn:focus-visible{box-shadow:0 0 0 2px var(--chat-page-bg),0 0 0 4px var(--chat-input-border-focus);outline:none}.chat-root .chat-send-btn:disabled{opacity:.5;cursor:not-allowed;filter:none;transform:none}.chat-dock{padding:1rem 1.5rem calc(1.75rem + env(safe-area-inset-bottom,0px));background:linear-gradient(to top,var(--chat-page-bg)60%,#0c0d0f00);flex:none;transition:padding-bottom .18s;position:relative}@supports (color:lab(0% 0 0)){.chat-dock{background:linear-gradient(to top,var(--chat-page-bg)60%,lab(3.68927% -.135548 -1.17013/0))}}.chat-dock-stack{flex:none;position:relative}.chat-jump-latest{z-index:3;width:40px;min-width:44px;height:40px;min-height:44px;color:var(--chat-close-fg);cursor:pointer;background-color:#ffffff0a;background-color:lab(100% 0 0/.04);border:1px solid #ffffff14;border:1px solid lab(100% 0 0/.08);border-radius:9999px;justify-content:center;align-items:center;transition:color .22s cubic-bezier(.2,.8,.2,1),background-color .22s cubic-bezier(.2,.8,.2,1),border-color .22s cubic-bezier(.2,.8,.2,1),transform .22s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;bottom:calc(100% + 1rem);left:50%;transform:translate(-50%)}.chat-jump-latest:hover{color:var(--chat-close-hover-fg);background-color:var(--chat-close-hover-bg);border-color:#ffffff1f;border-color:lab(100% 0 0/.12)}.chat-jump-latest:active{background-color:#ffffff1a;background-color:lab(100% 0 0/.1);transform:translate(-50%)scale(.94)}.chat-jump-latest:focus-visible{box-shadow:0 0 0 2px var(--chat-page-bg),0 0 0 4px var(--chat-input-border-focus);outline:none}@media (min-width:768px){.chat-jump-latest{display:none}}.chat-dock-inner{width:100%;min-width:0;max-width:min(var(--chat-input-max-width),100%);box-sizing:border-box;align-items:flex-end;gap:.625rem;margin:0 auto;display:flex}.chat-dock-inner>div{box-sizing:border-box;width:100%;min-width:0;max-width:100%}.chat-dock-inner>div>div{min-width:0}.chat-close-surface{z-index:2;width:40px;height:40px;color:var(--chat-close-fg);cursor:pointer;background-color:#ffffff0a;background-color:lab(100% 0 0/.04);border:1px solid #ffffff14;border:1px solid lab(100% 0 0/.08);border-radius:.75rem;justify-content:center;align-items:center;transition:color .22s cubic-bezier(.2,.8,.2,1),background-color .22s cubic-bezier(.2,.8,.2,1),border-color .22s cubic-bezier(.2,.8,.2,1),transform .22s cubic-bezier(.2,.8,.2,1);display:inline-flex;position:absolute;top:1.5rem;right:1.5rem}.chat-close-surface:hover{color:var(--chat-close-hover-fg);background-color:#ffffff14;background-color:lab(100% 0 0/.08);border-color:#ffffff1f;border-color:lab(100% 0 0/.12)}.chat-close-surface:active{background-color:#ffffff1a;background-color:lab(100% 0 0/.1);transform:scale(.94)}.chat-close-surface:focus-visible{box-shadow:0 0 0 2px var(--chat-page-bg),0 0 0 4px var(--chat-input-border-focus);outline:none}.chat-close-btn{color:var(--chat-close-fg);transition:color .2s ease-out}.chat-close-btn:hover{color:var(--chat-close-hover-fg)}.chat-error-text{color:var(--chat-error-fg);font-family:var(--chat-font-sans);font-size:.875rem}.chat-message-enter{animation:chat-message-enter-anim var(--chat-overlay-enter-duration)cubic-bezier(.22,1,.36,1)forwards;opacity:0}@keyframes chat-message-enter-anim{0%{opacity:0;filter:blur(6px);transform:translateY(16px)}to{opacity:1;filter:blur();transform:translateY(0)}}.chat-conversation-overlay{overscroll-behavior:contain;touch-action:pan-y;transition:opacity var(--chat-overlay-exit-duration)cubic-bezier(.4,0,.6,1),transform var(--chat-overlay-exit-duration)cubic-bezier(.4,0,.6,1)}.chat-conversation-overlay[data-entering=true]{opacity:1;transition-duration:var(--chat-overlay-enter-duration);transition-timing-function:cubic-bezier(.22,1,.36,1);transform:scale(1)translateY(0)}.chat-conversation-overlay[data-entering=false]{opacity:0;transform-origin:50% 95%;transform:scale(.985)translateY(28px)}.chat-portrait{pointer-events:none;background-repeat:no-repeat;position:absolute;inset:0}.chat-portrait-desktop{background-image:var(--chat-portrait-desktop);background-position:var(--chat-portrait-position-desktop);background-size:var(--chat-portrait-size-desktop);display:none}.chat-portrait-mobile{background-image:var(--chat-portrait-mobile);background-position:var(--chat-portrait-position-mobile);background-size:var(--chat-portrait-size-mobile);display:block}@media (min-width:768px){.chat-portrait-desktop{display:block}.chat-portrait-mobile{display:none}}.chat-portrait-overlay{pointer-events:none;background:var(--chat-portrait-overlay);position:absolute;inset:0}.chat-hero-min-height{min-height:var(--chat-hero-min-height-mobile);box-sizing:border-box;width:100%;min-width:0;max-width:100%;scroll-padding-bottom:1rem;overflow-x:clip}.chat-hero-min-height .chat-input-field{scroll-margin-bottom:12px}@media (max-width:767px){.chat-root .chat-hero-min-height h2{overflow-wrap:anywhere;font-size:clamp(1.625rem,8.2vw,2.375rem)}.chat-root .chat-hero-min-height h2 .chat-accent-text{max-width:100%}}@media (min-width:768px){.chat-hero-min-height{min-height:var(--chat-hero-min-height-desktop,auto)}}@media (prefers-reduced-motion:reduce){.chat-accent-gradient,.chat-accent-text,.chat-conversation-surface:before{animation:none!important}.chat-message-enter{opacity:1;filter:none;transform:none;animation:none!important}.chat-typing span{animation:none!important}.chat-close-surface,.chat-send-btn,.chat-conversation-overlay{transition:none!important}.chat-input-shell:before,.chat-input-shell:focus-within:before{animation:none!important}}