:root{color-scheme:light dark;font-family:system-ui,-apple-system,sans-serif}body{margin:0;padding:1.5rem 2rem;line-height:1.5}main{max-width:640px;margin:0 auto}.chat-page{max-width:1200px;height:calc(100vh - 3rem)}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}h1{margin:0}.button{display:inline-block;padding:.5rem 1rem;border:1px solid color-mix(in srgb,currentColor 30%,transparent);border-radius:8px;background:transparent;color:inherit;font:inherit;cursor:pointer;text-decoration:none}.button:hover{background:color-mix(in srgb,currentColor 8%,transparent)}.connect{display:grid;grid-gap:1rem;gap:1rem;justify-items:start}.budgets{grid-gap:1.5rem;gap:1.5rem}.budget ul,.budgets{list-style:none;padding:0;display:grid}.budget ul{margin:.5rem 0 0;grid-gap:.25rem;gap:.25rem}.budget li{display:flex;justify-content:space-between;border-bottom:1px solid color-mix(in srgb,currentColor 15%,transparent);padding:.25rem 0}.error{color:#c00;background:color-mix(in srgb,#c00 10%,transparent);padding:1rem;border-radius:8px}.chat-page{display:flex;flex-direction:column;min-height:100vh}.chat-hint{color:color-mix(in srgb,currentColor 65%,transparent);margin-top:0}.chat-toolbar{display:flex;justify-content:flex-end;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.9rem}.byok{position:relative}.byok-toggle{padding:.25rem .6rem}.byok-panel{position:absolute;right:0;top:calc(100% + .4rem);z-index:20;width:20rem;display:flex;flex-direction:column;gap:.6rem;padding:.9rem;border-radius:12px;border:1px solid color-mix(in srgb,currentColor 20%,transparent);background:Canvas;box-shadow:0 8px 24px rgba(0,0,0,.18);text-align:left}.byok-title{margin:0;font-weight:600}.byok-note{margin:0;font-size:.78rem;opacity:.7;line-height:1.4}.byok-status{margin:0;font-size:.82rem}.byok-field{display:flex;flex-direction:column;gap:.25rem;font-size:.82rem}.byok-field input,.byok-field select{font:inherit;padding:.35rem .5rem;border-radius:6px;background:transparent;color:inherit;border:1px solid color-mix(in srgb,currentColor 30%,transparent)}.byok-actions{display:flex;gap:.5rem}.mode-select{font:inherit;padding:.25rem .5rem;border-radius:6px;background:transparent;color:inherit;border:1px solid color-mix(in srgb,currentColor 30%,transparent)}.chat-window{border:1px solid color-mix(in srgb,currentColor 15%,transparent);border-radius:12px;overflow:hidden}.chat-gate,.chat-window{flex:1 1;min-height:420px}.chat-gate{display:flex;align-items:center;justify-content:center;text-align:center;padding:2rem;border:1px dashed color-mix(in srgb,currentColor 20%,transparent);border-radius:12px;color:color-mix(in srgb,currentColor 65%,transparent)}.gen-card{border:1px solid color-mix(in srgb,currentColor 15%,transparent);border-radius:12px;padding:1rem;margin:.5rem 0;background:color-mix(in srgb,currentColor 3%,transparent)}.gen-card-title{font-weight:600;margin-bottom:.5rem}.gen-rows,.gen-total{list-style:none;padding:0;margin:0}.gen-rows li,.gen-total{display:flex;justify-content:space-between;padding:.25rem 0}.gen-total{margin-top:.5rem;border-top:1px solid color-mix(in srgb,currentColor 20%,transparent);font-weight:600}.gen-empty{color:color-mix(in srgb,currentColor 60%,transparent)}