*,:before,:after{box-sizing:border-box}:root{--color-paper:#f8f8f6;--color-ink:#2f2e2c;--color-accent:#efeeeb;--chat-input-tap:44px}.root{flex-direction:column;min-height:100dvh;max-height:100dvh;display:flex;overflow:hidden}html,body{margin:0}.navigation-bar{background:var(--color-paper);color:var(--color-ink);background:var(--color-accent);flex-shrink:0}.navigation-bar ul{justify-content:space-between;align-items:center;margin:0;padding:.5rem;list-style:none;display:flex}.chat-main{flex-direction:column;flex:1;min-height:0;display:flex}.chat-panel{background:var(--color-paper);flex-direction:column;flex:1;min-height:0;display:flex}.icon-button{cursor:pointer;background:0 0;border:none;width:44px;height:44px;margin:0;padding:0}button:hover{background:color-mix(in srgb, var(--color-ink) 6%, transparent)}.chat-input{align-items:end;display:flex;position:relative}.chat-input-field{padding-top:8px;resize:none;border:1px solid var(--color-ink);border-radius:16px;width:100%;margin:.5rem .5rem 0;padding-inline-start:var(--chat-input-tap);padding-inline-end:var(--chat-input-tap)}.chat-input-icon-left{position:absolute;left:10px}.chat-input-icon-right{color:var(--color-accent);position:absolute;right:10px}.chat-content{letter-spacing:.01em;color:var(--color-ink);-webkit-font-smoothing:antialiased;scrollbar-gutter:stable;background:var(--color-paper);flex:1;padding:1rem 0 1rem 1rem;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif;font-size:1rem;line-height:1.65;overflow-y:auto}.chat-input .icon-button{width:var(--chat-input-tap);height:var(--chat-input-tap);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.chat-input .icon-button img{width:40px;height:40px;display:block}.chat-message{width:100%;max-width:none;margin-inline:0}.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=human]{white-space:pre-wrap;background:var(--color-accent);border:1px solid var(--color-accent);border-radius:1.25rem;inline-size:fit-content;max-inline-size:min(75%,32rem);margin-inline-start:auto;padding:.625rem 1rem}.chat-message-text[data-role=ai]{color:color-mix(in srgb, var(--color-ink) 92%, transparent)}.thread-list{min-height:0;color:var(--color-ink);background:var(--color-paper);-webkit-font-smoothing:antialiased;flex:1;padding:1rem 1rem 1.5rem;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif;font-size:1rem;line-height:1.5;overflow-y:auto}.thread-list-status{text-align:center;max-width:40ch;color:color-mix(in srgb, var(--color-ink) 55%, transparent);margin:2rem auto}.thread-list-items{flex-direction:column;gap:.375rem;max-width:36rem;margin:0;margin-inline:auto;padding:0;list-style:none;display:flex}.thread-list-items>li{margin:0}.thread-list-item{text-align:left;border:1px solid color-mix(in srgb, var(--color-ink) 12%, transparent);background:color-mix(in srgb, var(--color-ink) 4%, transparent);width:100%;color:inherit;font:inherit;cursor:pointer;border-radius:.75rem;padding:.75rem 1rem;transition:background .15s,border-color .15s;display:block}.thread-list-item span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.thread-list-item:hover{background:color-mix(in srgb, var(--color-ink) 8%, transparent);border-color:color-mix(in srgb, var(--color-ink) 18%, transparent)}.thread-list-item:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.thread-list-item[aria-current=true]{background:var(--color-accent);font-weight:600}