@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&display=swap');

/* Compact single-row controls. */
.topbar{height:60px;padding-top:8px}.tabs{width:216px;height:44px;padding:4px}.active-tab,.deferred-tab{height:36px;padding:0 8px;display:flex;align-items:center;justify-content:center;line-height:1;white-space:nowrap}.composer{display:flex;align-items:center;gap:10px;padding:8px 10px}.composer textarea{flex:1;min-height:34px;padding:7px 4px;line-height:20px}.composer-controls{display:contents}.composer select{flex:none;height:32px}.send{width:32px;height:32px;flex:none;padding:8px}.send svg{display:block;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:square;stroke-linejoin:miter}

.thinking{max-width:78%;color:oklch(48% .012 80);font:13px ui-monospace,'IBM Plex Mono',monospace}
*{box-sizing:border-box}body{margin:0;background:oklch(97% .014 85);color:oklch(30% .01 80);font-family:'IBM Plex Sans',sans-serif}.loading{height:100vh;display:grid;place-items:center;font-family:ui-monospace,'IBM Plex Mono',monospace;font-size:14px}.app-shell{width:100vw;height:100vh;display:flex;overflow:hidden}.sidebar{width:244px;flex:none;background:oklch(96% .015 82);border-right:1px solid oklch(89% .014 80);padding:22px 12px}.brand-row{padding:0 8px 18px}.brand{font-size:18px;font-weight:600}.new-chat,.chat-item,.delete,.menu{border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}.new-chat{width:100%;padding:10px 14px;border:1px solid oklch(82% .015 80);background:oklch(94.5% .018 80);text-align:left;font-weight:500}.chat-list{margin-top:8px}.chat-row{display:flex;align-items:center}.chat-row.active{background:oklch(93% .02 80)}.chat-item{flex:1;text-align:left;padding:9px 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.delete{padding:6px 9px;color:oklch(48% .012 80);font-size:20px}.chat-panel{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:78px;display:flex;justify-content:center;padding-top:18px}.tabs{display:flex;width:216px;padding:4px;background:oklch(95% .016 80);border:1px solid oklch(87% .015 80)}.active-tab,.deferred-tab{flex:1;text-align:center;padding:8px;font-size:13px}.active-tab{background:oklch(28% .01 80);color:oklch(96% .014 85)}.deferred-tab{color:oklch(50% .012 80)}.menu{display:none}.conversation{flex:1;overflow:auto;padding:10px 60px 20px;display:flex;flex-direction:column;gap:20px}.message-row{display:flex}.message-row.user{justify-content:flex-end}.bubble{max-width:78%;font-size:14.5px;line-height:1.6;white-space:pre-wrap}.user .bubble{max-width:70%;padding:11px 15px;background:oklch(28% .01 80);color:oklch(96% .014 85);line-height:1.5}.empty-state{flex:1;display:grid;place-content:center;justify-items:center;gap:10px}.empty-state h1,.empty-state p{margin:0}.empty-state h1{font-size:26px}.empty-state p{color:oklch(48% .012 80)}.composer{margin:0 60px 24px;padding:12px 14px;background:oklch(94.5% .018 80);border:1px solid oklch(84% .015 80)}textarea{width:100%;resize:none;border:0;outline:0;background:transparent;font:inherit;color:inherit}.composer-controls{display:flex;justify-content:space-between;align-items:center;margin-top:10px}select{border:1px solid oklch(82% .015 80);padding:6px 10px;background:transparent;color:inherit;font:12px 'IBM Plex Sans'}.send{width:34px;height:34px;border:0;background:oklch(28% .01 80);color:oklch(96% .014 85);font-size:22px;font-weight:600;line-height:1;cursor:pointer}.send:disabled{opacity:.5}@media(max-width:700px){.sidebar{position:fixed;z-index:2;inset:0 auto 0 0;transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:translateX(0)}.menu{display:block;position:absolute;left:16px;top:18px;font-size:16px}.conversation{padding:4px 18px 14px}.composer{margin:0 14px 18px}.bubble{max-width:90%}.user .bubble{max-width:82%}}