*,:before,:after{box-sizing:border-box}:root{--color-paper:#fafaf7;--color-ink:#0a0a0a;--color-accent:#b0451f}html,body{margin:0}.chat{background:var(--color-paper);block-size:100dvh;color:var(--color-ink);font-family:ui-sans-serif,system-ui,sans-serif;display:flex}.chat-sidebar{z-index:20;flex-direction:column;gap:.5rem;padding:.5rem;display:flex;position:fixed;inset-block:0;inset-inline-start:0}.chat-sidebar:not(.is-expanded){pointer-events:none}.chat-sidebar:not(.is-expanded) .chat-sidebar-toggle{pointer-events:auto}.chat-sidebar-toggle{block-size:2rem;inline-size:2rem;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:.375rem;align-self:start}.chat-sidebar-toggle:hover{background:color-mix(in srgb, var(--color-ink) 6%, transparent)}.chat-sidebar-content{border:1px solid color-mix(in srgb, var(--color-ink) 10%, transparent);background:var(--color-paper);block-size:calc(100dvh - 3.5rem);inline-size:min(16rem,100vw - 1rem);box-shadow:0 10px 25px color-mix(in srgb, var(--color-ink) 15%, transparent);opacity:0;pointer-events:none;border-radius:.5rem;padding:.5rem;transition:transform .2s,opacity .2s;overflow-y:auto;transform:translate(-120%)}.chat-sidebar.is-expanded .chat-sidebar-content{opacity:1;pointer-events:auto;transform:translate(0)}.chat-nav{flex-direction:column;gap:.25rem;display:flex}.chat-nav-item{text-align:start;color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;border-radius:.375rem;padding:.5rem .75rem}.chat-nav-item:hover{background:color-mix(in srgb, var(--color-ink) 6%, transparent)}.chat-main{flex-direction:column;flex:1;min-inline-size:0;display:flex}.chat-panel{flex-direction:column;flex:1;min-block-size:0;display:flex}.chat-history{flex-direction:column;flex:1;gap:1rem;min-block-size:0;padding:1.5rem 1rem;scroll-padding-block-start:1rem;display:flex;overflow-y:auto}.chat-history[data-sending]>:last-child{min-block-size:100%}.chat-message{inline-size:min(100%,48rem);margin-inline:auto}.chat-message-text{margin:0;line-height:1.6}.chat-message-text[data-role=human]{white-space:pre-wrap}.chat-message-text[data-role=ai]>:first-child{margin-block-start:0}.chat-message-text[data-role=ai]>:last-child{margin-block-end:0}.chat-message-text[data-role=ai] :is(p,ul,ol,blockquote,pre,table){margin-block:.75rem}.chat-message-text[data-role=ai] :is(ul,ol){padding-inline-start:1.5rem}.chat-message-text[data-role=ai] li{margin-block:.25rem}.chat-message-text[data-role=ai] li>:is(p,ul,ol):only-child{margin-block:0}.chat-message-text[data-role=ai] :is(h1,h2,h3,h4,h5,h6){margin-block:1.25rem .5rem;font-weight:600;line-height:1.3}.chat-message-text[data-role=ai] h1{font-size:1.5rem}.chat-message-text[data-role=ai] h2{font-size:1.25rem}.chat-message-text[data-role=ai] h3{font-size:1.1rem}.chat-message-text[data-role=ai] :is(h4,h5,h6){font-size:1rem}.chat-message-text[data-role=ai] code{background:color-mix(in srgb, var(--color-ink) 8%, transparent);border-radius:.25rem;padding:.125rem .375rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}.chat-message-text[data-role=ai] pre{background:color-mix(in srgb, var(--color-ink) 6%, transparent);border-radius:.5rem;padding:.875rem 1rem;overflow-x:auto}.chat-message-text[data-role=ai] pre code{background:0 0;padding:0;font-size:.875rem}.chat-message-text[data-role=ai] blockquote{border-inline-start:3px solid color-mix(in srgb, var(--color-ink) 15%, transparent);color:color-mix(in srgb, var(--color-ink) 75%, transparent);padding-inline-start:1rem}.chat-message-text[data-role=ai] a{color:var(--color-accent);text-underline-offset:2px}.chat-message-text[data-role=ai] table{border-collapse:collapse;inline-size:100%}.chat-message-text[data-role=ai] :is(th,td){border:1px solid color-mix(in srgb, var(--color-ink) 12%, transparent);text-align:start;padding:.5rem .75rem}.chat-message-text[data-role=ai] hr{border:0;border-block-start:1px solid color-mix(in srgb, var(--color-ink) 12%, transparent);margin-block:1.5rem}.chat-typing{gap:.3rem;inline-size:min(100%,48rem);margin-inline:auto;padding:.875rem 0;display:inline-flex}.chat-typing>span{background:color-mix(in srgb, var(--color-ink) 40%, transparent);border-radius:50%;block-size:.4rem;inline-size:.4rem;animation:1.2s ease-in-out infinite chat-typing-dot}.chat-typing>span:nth-child(2){animation-delay:.15s}.chat-typing>span:nth-child(3){animation-delay:.3s}@keyframes chat-typing-dot{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.chat-typing>span{opacity:.6;animation:none}}.chat-message-text[data-role=human]{background:color-mix(in srgb, var(--color-ink) 6%, transparent);border-radius:1.25rem;inline-size:fit-content;max-inline-size:min(75%,32rem);margin-inline-start:auto;padding:.625rem 1rem}.chat-status,.chat-error{inline-size:min(100%,48rem);color:color-mix(in srgb, var(--color-ink) 60%, transparent);margin:0;margin-inline:auto;padding:.25rem 1rem;font-size:.875rem}.chat-error{color:var(--color-accent)}.chat-input{align-items:end;gap:.5rem;inline-size:min(100%,48rem);margin-inline:auto;padding:1rem;display:flex}.chat-input-field{resize:none;border:1px solid color-mix(in srgb, var(--color-ink) 15%, transparent);background:var(--color-paper);color:inherit;font:inherit;field-sizing:content;border-radius:.75rem;flex:1;min-block-size:2.75rem;max-block-size:12rem;padding:.75rem 1rem}.chat-input-field:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.chat-input-submit{background:var(--color-ink);block-size:2.75rem;inline-size:2.75rem;color:var(--color-paper);cursor:pointer;border:0;border-radius:.75rem;justify-content:center;align-items:center;padding:0;font-size:1.125rem;line-height:1;display:inline-flex}.chat-input-submit:disabled{opacity:.5;cursor:not-allowed}.thread-list{flex:1;min-block-size:0;padding:1.5rem 1rem;overflow-y:auto}.thread-list-status{inline-size:min(100%,48rem);color:color-mix(in srgb, var(--color-ink) 60%, transparent);margin-inline:auto}.thread-list-items{flex-direction:column;gap:.25rem;inline-size:min(100%,48rem);margin:0;margin-inline:auto;padding:0;list-style:none;display:flex}.thread-list-item{text-align:start;inline-size:100%;color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;border-radius:.375rem;padding:.5rem .75rem}.thread-list-item:hover{background:color-mix(in srgb, var(--color-ink) 6%, transparent)}.thread-list-item[aria-current=true]{background:color-mix(in srgb, var(--color-ink) 10%, transparent)}@media (width>=769px){.chat-sidebar{z-index:auto;border-inline-end:1px solid color-mix(in srgb, var(--color-ink) 10%, transparent);align-self:start;gap:.75rem;block-size:100dvh;padding:.75rem;position:sticky;inset-block-start:0}.chat-sidebar-content{block-size:auto;inline-size:14rem;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;transition:opacity .15s,inline-size .2s;overflow:visible}.chat-sidebar:not(.is-expanded) .chat-sidebar-content{opacity:0;pointer-events:none;inline-size:0;min-inline-size:0;padding:0;overflow:hidden;transform:none}.chat-sidebar.is-expanded .chat-sidebar-content{opacity:1;pointer-events:auto;inline-size:14rem;transform:none}}