.knoto-ai{--ally-shimmer-1:var(--brand-dark);--ally-shimmer-2:var(--brand);--kai-panel-w:400px;--kai-header-h:3.25rem;--kai-content-margin:.425rem;--kai-ease:cubic-bezier(.22, 1, .36, 1);container:kai/inline-size}.knoto-ai .kai-frame{background:var(--background);border-radius:24px;height:836px;display:flex;position:relative;overflow:hidden}.knoto-ai .kai-main{display:none}.knoto-ai .kai-panel{flex-direction:column;width:100%;min-width:0;display:flex}@container kai (width>=440px){.knoto-ai .kai-frame{height:744px}}@container kai (width>=640px){.knoto-ai .kai-frame{border-radius:28px}.knoto-ai .kai-main{flex-direction:column;flex:1 1 0;min-width:0;display:flex;container:kai-main/inline-size}.knoto-ai .kai-panel{width:var(--kai-panel-w);flex:none}}.knoto-ai .kai-header{height:var(--kai-header-h);margin-inline:var(--kai-content-margin);flex:none;justify-content:space-between;align-items:center;gap:.5rem;padding-inline:1rem;display:flex}.knoto-ai .kai-crumbs{white-space:nowrap;min-width:0;color:color-mix(in oklab, var(--foreground) 80%, transparent);align-items:center;gap:.5rem;font-size:.875rem;line-height:1.25rem;display:flex}.knoto-ai .kai-ask-pill{background:var(--surface-secondary);white-space:nowrap;border-radius:9999px;align-items:center;margin-right:1rem;padding:0 1rem 0 .5rem;font-size:.875rem;font-weight:500;line-height:1.25rem;display:flex}.knoto-ai .kai-brand-shimmer{background-image:linear-gradient(to right, var(--ally-shimmer-1), var(--ally-shimmer-2), var(--ally-shimmer-1));color:#0000;background-size:200%;background-clip:text;animation:4s linear infinite kai-brand-shimmer}.knoto-ai .kai-content{background:var(--page);border-radius:1.5rem 1.5rem 0 0;flex:1;min-height:0;margin-left:.5rem;padding:1rem;overflow:hidden;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.knoto-ai .kai-page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.5rem;padding:1rem .5rem 0;display:flex}.knoto-ai .kai-page-title{font-family:var(--knoto-font-heading);letter-spacing:normal;color:var(--foreground);font-size:2.25rem;font-weight:500;line-height:2.5rem}.knoto-ai .kai-creator-grid{grid-template-columns:repeat(auto-fill,minmax(7.25rem,1fr));gap:.75rem;display:grid}.knoto-ai .kai-creator-card{background:var(--surface);box-shadow:var(--surface-shadow);border-radius:1.5rem;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem .75rem;display:flex}.knoto-ai .kai-panel-actions{height:var(--kai-header-h);flex:none;justify-content:space-between;align-items:center;gap:.5rem;padding:0 .5rem 0 1rem;display:flex}.knoto-ai .kai-thread{flex:1;min-height:0;position:relative;overflow:hidden}.knoto-ai .kai-layer{transition:opacity .32s var(--kai-ease);position:absolute;inset:0}.knoto-ai .kai-layer.is-hidden{opacity:0}.knoto-ai .kai-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding-inline:1.5rem;font-size:1.125rem;font-weight:500;line-height:1.75rem;display:flex}.knoto-ai .kai-composer-wrap{flex:none;padding:0 .75rem .75rem}.knoto-ai .kai-btn{background:var(--kai-btn-bg,transparent);color:var(--kai-btn-fg,currentColor);transition:transform .14s var(--kai-ease), opacity .2s var(--kai-ease), background-color .2s var(--kai-ease);border-radius:9999px;flex:none;justify-content:center;align-items:center;display:inline-flex}.knoto-ai .kai-btn svg{flex:none;width:1rem;height:1rem}.knoto-ai .kai-btn--sm{width:2rem;height:2rem}.knoto-ai .kai-btn--md{width:2.25rem;height:2.25rem}.knoto-ai .kai-btn--ghost{--kai-btn-fg:color-mix(in oklab, var(--foreground) 80%, transparent)}.knoto-ai .kai-btn--tertiary{--kai-btn-bg:var(--almost-white);--kai-btn-fg:var(--foreground)}.knoto-ai .kai-btn--primary{--kai-btn-bg:var(--accent);--kai-btn-fg:var(--accent-foreground)}.knoto-ai .kai-btn--secondary{--kai-btn-bg:var(--default);--kai-btn-fg:var(--accent-soft-foreground)}.knoto-ai .kai-btn.is-disabled{opacity:var(--disabled-opacity)}.knoto-ai .kai-btn.is-pressed{transform:scale(.92)}.knoto-ai .kai-text-btn{background:var(--default);height:2.25rem;color:var(--accent-soft-foreground);white-space:nowrap;border-radius:1.5rem;align-items:center;gap:.5rem;padding-inline:1rem;font-size:.875rem;font-weight:500;line-height:1.25rem;display:inline-flex}.knoto-ai .kai-text-btn svg{width:1rem;height:1rem}.knoto-ai .kai-spinner{border:2px solid color-mix(in oklab, currentColor 30%, transparent);border-top-color:currentColor;border-radius:9999px;width:1rem;height:1rem;animation:.8s linear infinite kai-spin;display:block}.knoto-ai .chat-conversation__content{flex-direction:column;gap:2rem;width:100%;padding:2rem 1rem;display:flex}.knoto-ai .chat-message--assistant{align-items:flex-start;gap:.75rem;width:100%;display:flex}.knoto-ai .chat-message--user{justify-content:flex-end;width:100%;display:flex}.knoto-ai .chat-message__avatar{flex-shrink:0;margin-top:.125rem}.knoto-ai .chat-message__body{flex-direction:column;flex:1;gap:.5rem;min-width:0;display:flex}.knoto-ai .chat-message__bubble{background-color:var(--default);max-width:80%;color:var(--default-foreground);border-radius:1.5rem;padding:.625rem 1rem;font-size:.875rem;line-height:1.25rem}.knoto-ai .chat-message__content{min-width:0;color:var(--foreground);font-size:.875rem;line-height:1.625}.knoto-ai .kai-avatar{background:var(--default);width:2rem;height:2rem;color:var(--default-foreground);border-radius:1.5rem;justify-content:center;align-items:center;font-size:.875rem;font-weight:500;line-height:1.25rem;display:flex;overflow:hidden}.knoto-ai .chain-of-thought{width:100%;position:relative}.knoto-ai .chain-of-thought__trigger{width:100%;height:2rem;color:var(--muted);border-radius:1.5rem;justify-content:flex-start;align-items:center;gap:.375rem;padding-inline:.75rem;font-size:.875rem;font-weight:500;line-height:1.25rem;display:inline-flex}.knoto-ai .chain-of-thought__indicator{width:.875rem;height:.875rem;color:var(--muted);flex-shrink:0;transform:rotate(-180deg)}.knoto-ai .chain-of-thought__body{padding:.5rem}.knoto-ai .chain-of-thought__steps{flex-direction:column;gap:.75rem;padding:.25rem 0 .25rem .375rem;display:flex;position:relative}.knoto-ai .chain-of-thought__step{flex-direction:column;gap:.25rem;display:flex;position:relative}.knoto-ai .chain-of-thought__step-header{align-items:center;gap:.5rem;min-width:0;font-size:.875rem;line-height:1.25rem;display:flex}.knoto-ai .chain-of-thought__step-indicator{background-color:var(--muted);width:.5rem;height:.5rem;transition:background-color .4s var(--kai-ease);border-radius:9999px;flex-shrink:0;position:relative}.knoto-ai .chain-of-thought__step-indicator:after{content:"";background-color:var(--separator);width:1px;height:1rem;position:absolute;top:100%;left:50%;transform:translate(-50%)}.knoto-ai .chain-of-thought__step.is-newest .chain-of-thought__step-indicator:after{display:none}.knoto-ai .chain-of-thought__step-label{color:var(--foreground);flex:none;font-weight:500}.knoto-ai .chain-of-thought__step-detail{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--muted);margin-left:-.25rem;overflow:hidden}.knoto-ai .chain-of-thought--complete .chain-of-thought__step-indicator{background-color:var(--success)}.knoto-ai .text-shimmer{--text-shimmer-highlight:var(--white);--text-shimmer-spread:40%;background-image:linear-gradient(90deg, currentColor 0%, currentColor calc(50% - var(--text-shimmer-spread)), var(--text-shimmer-highlight) 50%, currentColor calc(50% + var(--text-shimmer-spread)), currentColor 100%);-webkit-text-fill-color:transparent;background-position:100% 0;background-repeat:no-repeat;background-size:200% 100%;background-clip:text;animation:2s linear infinite text-shimmer-sweep;display:inline-block}.knoto-ai .chat-message-actions{align-items:center;gap:.125rem;display:flex}.knoto-ai .chat-message__action{color:var(--muted);border-radius:.5rem}.knoto-ai .kai-md{min-width:0;color:var(--foreground);font-size:.875rem;line-height:1.625}.knoto-ai .kai-md>*{margin:0}.knoto-ai .kai-md>*+*{margin-top:.75rem}.knoto-ai .kai-md ul{flex-direction:column;gap:.25rem;padding-left:1.25rem;list-style:outside;display:flex}.knoto-ai .kai-md li::marker{color:var(--muted);transition:color .16s linear}.knoto-ai .kai-md li.is-pending::marker{color:#0000}.knoto-ai .kai-md strong{color:var(--foreground);font-weight:600}.knoto-ai .kai-md .kai-link{color:var(--accent);text-decoration:underline;text-decoration-color:var(--accent-soft);text-underline-offset:2px;font-weight:500;text-decoration-thickness:1px}.knoto-ai .kai-md .kai-figure{font-variant-numeric:tabular-nums}.knoto-ai .kai-creator-chip{background:var(--default);vertical-align:-.3125rem;height:1.25rem;color:var(--default-foreground);white-space:nowrap;border-radius:1rem;align-items:center;gap:.25rem;margin-right:.0625rem;padding:0 .5rem 0 .125rem;font-size:.75rem;font-weight:500;line-height:1.25rem;display:inline-flex}.knoto-ai .kai-creator-chip img{object-fit:cover;border-radius:9999px;width:1rem;height:1rem}.knoto-ai .prompt-input__shell{background:var(--surface);width:100%;min-height:5rem;box-shadow:var(--surface-shadow);color:var(--foreground);transition:box-shadow .15s var(--kai-ease);border-radius:1.5rem;flex-direction:column;font-size:1rem;line-height:1.5rem;display:flex;position:relative}@media (width>=640px){.knoto-ai .prompt-input__shell{font-size:.875rem;line-height:1.25rem}}.knoto-ai .prompt-input__shell.is-focused{box-shadow:0 0 0 2px var(--focus), var(--surface-shadow)}.knoto-ai .prompt-input__textarea{white-space:pre-wrap;min-height:5rem;padding:.75rem 1rem 3.25rem;position:relative}.knoto-ai .prompt-input__placeholder{color:var(--muted);white-space:nowrap;position:absolute;top:.75rem;left:1rem}.knoto-ai .prompt-input__toolbar{inset-inline:0;justify-content:space-between;align-items:center;gap:.5rem;padding:0 .5rem .5rem;display:flex;position:absolute;bottom:0}.knoto-ai .kai-reveal{transition:opacity .36s var(--kai-ease), transform .36s var(--kai-ease)}.knoto-ai .kai-reveal.is-pending{opacity:0;transform:translateY(4px)}.knoto-ai .kai-word{transition:opacity .18s linear}.knoto-ai .kai-word.is-pending{opacity:0}.knoto-ai .kai-typed{--kai-caret:transparent;box-shadow:1.5px 0 0 0 var(--kai-caret);position:relative}.knoto-ai .kai-typed.has-caret{--kai-caret:var(--accent)}.knoto-ai .kai-typed.has-caret.is-idle{animation:1.06s step-end infinite kai-blink}@keyframes kai-brand-shimmer{0%{background-position:0%}to{background-position:200%}}@keyframes text-shimmer-sweep{to{background-position:-100% 0}}@keyframes kai-spin{to{transform:rotate(360deg)}}@keyframes kai-blink{50%{box-shadow:1.5px 0 #0000}}@media (prefers-reduced-motion:reduce){.knoto-ai *,.knoto-ai :after{transition:none!important;animation:none!important}.knoto-ai .text-shimmer{-webkit-text-fill-color:currentColor;background-image:none}}.knoto-ai .kai-panel{container:kai-panel/inline-size}@container kai-panel (width<=379px){.knoto-ai .chain-of-thought__step-header{flex-wrap:wrap;row-gap:.125rem}.knoto-ai .chain-of-thought__step-detail{flex-basis:100%;margin-left:0;padding-left:1rem}.knoto-ai .kai-step-sep{display:none}}.knoto-ai .kai-main .kai-wide-only,.knoto-ai .kai-main .kai-wider-only{display:none}@container kai-main (width>=420px){.knoto-ai .kai-main .kai-wide-only{display:inline-flex}}@container kai-main (width>=600px){.knoto-ai .kai-main .kai-wider-only{display:inline-flex}}.knoto-ai .kai-main .kai-ask-label{display:none}.knoto-ai .kai-main .kai-ask-pill{margin-right:.25rem;padding-right:.5rem}@container kai-main (width>=340px){.knoto-ai .kai-main .kai-ask-label{display:inline}.knoto-ai .kai-main .kai-ask-pill{margin-right:1rem;padding-right:1rem}}