:root{color-scheme:dark;--page:#111;--text:#eee;--surface:#1e1e1e;--user:#303030;--code:#080808;--control:#242424;--border:#444}*{box-sizing:border-box}html{font-family:system-ui,sans-serif;background:var(--page);color:var(--text)}body{margin:auto;max-width:1000px;padding:1rem;background:var(--page);color:var(--text)}.light{color-scheme:light;--page:#fff;--text:#1c232b;--surface:#f1f3f5;--user:#e2e8f0;--code:#edf1f5;--control:#fff;--border:#cbd5df}.auto{color-scheme:light dark}@media(prefers-color-scheme:light){.auto{--page:#fff;--text:#1c232b;--surface:#f1f3f5;--user:#e2e8f0;--code:#edf1f5;--control:#fff;--border:#cbd5df}}header{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}button,select,textarea,input{font:inherit;background:var(--control);color:var(--text);border:1px solid var(--border);border-radius:.35rem;padding:.45rem}#messages{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 .25rem}.message{padding:1rem;margin:1rem 0;border-radius:.6rem;background:var(--surface)}.user{background:var(--user)}.table-wrap{overflow-x:auto}pre{overflow:auto;background:var(--code);padding:.8rem}form{display:flex;gap:.6rem;align-items:end}.chat-page{height:100dvh;overflow:hidden}.chat-page #app{height:calc(100dvh - 2rem);display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:.5rem}.chat-page #metrics{display:flex;gap:.75rem;align-items:center}.chat-page #metrics details{position:relative}.chat-page #metrics dl{display:grid;grid-template-columns:auto auto;gap:.25rem .75rem;margin:.5rem 0}.chat-page #metrics dt{font-weight:600}.chat-page #metrics dd{margin:0;text-align:right}.chat-page #prompt{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;width:100%;padding-top:.5rem;background:var(--page);border-top:1px solid var(--border)}.chat-page #prompt textarea{width:100%;min-width:0;min-height:4rem;resize:vertical}.chat-page #prompt button{min-height:2.75rem}.login{max-width:24rem;margin:15vh auto}.login form{display:grid}.login input{width:100%;margin:.3rem 0 1rem}.login-error{margin:0 0 1rem;padding:.75rem;border:1px solid #e75b5b;border-radius:.5rem;background:#522;color:#fff}@media(max-width:600px){body{padding:.5rem}.chat-page #app{height:calc(100dvh - 1rem)}.chat-page #prompt{grid-template-columns:1fr;align-items:stretch;padding-bottom:env(safe-area-inset-bottom)}.chat-page #prompt button{width:100%}}