@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;700&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4efe6;--surface:#fffbf5db;--surface-strong:#fffdf8;--line:#382c1e1f;--ink:#20170f;--muted:#6b5a49;--accent:#b6471e;--accent-soft:#ffd2b4;--success:#1f7a45;--danger:#b42318;--shadow:0 24px 80px #40290f24}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:var(--ink);background:radial-gradient(circle at 0 0,#ffc48fb8,#0000 28%),radial-gradient(circle at 100% 100%,#92d6b485,#0000 26%),linear-gradient(135deg,#efe8dd 0%,#f7f3ec 42%,#ede4d7 100%);font-family:IBM Plex Sans,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}.app-shell{--chat-panel-height:calc(100dvh - 64px);min-height:100dvh;padding:32px;position:relative;overflow:hidden}.app-backdrop{filter:blur(22px);opacity:.6;pointer-events:none;border-radius:999px;position:absolute}.app-backdrop-left{background:#ffaf7b99;width:360px;height:360px;top:-120px;left:-80px}.app-backdrop-right{background:#6bb49066;width:440px;height:440px;bottom:-80px;right:-120px}.app-frame{grid-template-columns:340px minmax(0,1fr);gap:24px;max-width:1440px;margin:0 auto;display:grid;position:relative}.history-sidebar,.chat-panel{z-index:1;background:var(--surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);box-shadow:var(--shadow);position:relative}.history-sidebar{height:var(--chat-panel-height);border-radius:32px;grid-template-rows:auto auto minmax(0,1fr) auto;gap:16px;min-height:0;padding:28px;display:grid}.history-sidebar-header{gap:12px;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--muted);margin:0;font-size:.72rem}.history-sidebar-title,.history-sidebar-note,.history-row p,.history-sidebar-footer{margin:0}.history-sidebar-title{font-family:Space Grotesk,sans-serif;font-size:1.7rem;line-height:1.1}.history-sidebar-note,.history-sidebar-footer,.history-row p,.history-row-meta{color:var(--muted)}.history-sidebar-note,.history-sidebar-footer,.history-row p{line-height:1.6}.history-sidebar-search{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.history-search-input,.history-filter-button{border:1px solid var(--line);color:var(--muted);background:#fffdf8eb;border-radius:18px}.history-search-input{min-width:0;padding:12px 14px}.history-search-input::placeholder{color:var(--muted);opacity:1}.history-filter-button{padding:12px 16px}.history-search-input:disabled,.history-filter-button:disabled{cursor:not-allowed;opacity:.8}.history-sidebar-list{gap:10px;min-height:0;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.history-row{border:1px solid var(--line);background:#fffdf8bf;border-radius:22px;gap:10px;padding:16px;display:grid}.history-row[data-current=true]{background:#ffd2b459;border-color:#b6471e4d;box-shadow:inset 0 0 0 1px #b6471e14}.history-row-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.history-row-heading strong{font-size:.98rem}.history-row-meta{text-transform:uppercase;letter-spacing:.08em;background:#ffffffd9;border-radius:999px;flex:none;padding:4px 8px;font-size:.72rem}.secondary-button,.primary-button,.attachment-button{border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.secondary-button{color:var(--ink);background:0 0;margin-left:auto;padding:12px 18px}.secondary-button:hover,.primary-button:hover,.attachment-button:hover{transform:translateY(-1px)}.chat-panel{height:var(--chat-panel-height);border-radius:36px;grid-template-rows:auto minmax(360px,1fr) auto;min-height:0;display:grid;overflow:hidden}.chat-header{border-bottom:1px solid var(--line);background:linear-gradient(#ffffff8a,#fff0);align-items:center;padding:18px 28px 14px;display:flex}.chat-subtitle{color:var(--muted);margin:0}.chat-header-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.chat-header-actions .secondary-button{margin-left:0}.action-tooltip-anchor{display:inline-flex;position:relative}.primary-button{color:#fff;background:linear-gradient(135deg,#c34d1e,#ef7d3e);padding:12px 20px;box-shadow:0 10px 24px #c34d1e47}.primary-button:disabled,.attachment-button:disabled{cursor:not-allowed;opacity:.55;transform:none}.primary-button:disabled{box-shadow:none}.button-icon{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1.25rem;height:1.25rem}.button-spinner{animation:.7s linear infinite button-spinner-rotate}.icon-only-button{gap:0;width:48px;min-width:48px;height:48px;padding:0}.send-button,.info-button,.new-chat-button{width:42px;min-width:42px;height:42px}.send-button .button-icon{width:1.45rem;height:1.45rem}.session-info{display:inline-flex}.info-button .button-icon,.new-chat-icon{stroke-width:1px;width:2rem;height:2rem}.action-tooltip-panel{border:1px solid var(--line);background:var(--surface-strong);z-index:10;opacity:0;pointer-events:none;visibility:hidden;border-radius:18px;gap:8px;padding:14px 16px;transition:opacity .16s,transform .16s;display:grid;position:absolute;transform:translateY(-4px);box-shadow:0 20px 48px #40290f29}.action-tooltip-below .action-tooltip-panel{top:calc(100% + 10px)}.action-tooltip-above .action-tooltip-panel{bottom:calc(100% + 10px)}.action-tooltip-left .action-tooltip-panel{left:0}.action-tooltip-right .action-tooltip-panel{right:0}.action-tooltip-panel[data-open=true]{opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)}.action-tooltip-label{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);white-space:nowrap;font-size:.72rem;line-height:1.2}.session-info-tooltip{min-width:220px}.session-info-tooltip-content{gap:10px;display:grid}.session-info-row{gap:4px;display:grid}.session-info-row span{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-size:.72rem}.session-info-row strong{overflow-wrap:anywhere;font-size:.95rem;line-height:1.4}@keyframes button-spinner-rotate{to{transform:rotate(360deg)}}.message-list{align-content:start;gap:16px;min-height:0;padding:24px 28px;display:grid;overflow:auto}.message-list-empty{justify-content:center;align-items:center;display:flex}.empty-state{text-align:center;place-items:center;max-width:28rem;padding:20px;display:grid}.empty-state p{margin:0;font-size:1.1rem}.empty-state span{color:var(--muted);margin-top:24px}.message-card{border:1px solid #382c1e14;border-radius:24px;align-self:start;gap:10px;max-width:min(740px,100%);padding:18px 20px;display:grid}.message-user{background:linear-gradient(160deg,#fff6ef 0%,#ffe2d0 100%);justify-self:end}.message-assistant{background:linear-gradient(160deg,#fff 0%,#eef7ef 100%);justify-self:start}.message-meta{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:.72rem;display:flex}.status-badge,.model-badge,.token-badge{background:#20170f14;border-radius:999px;padding:3px 7px}.status-completed{color:var(--success)}.status-failed{color:var(--danger)}.message-user .message-body>p,.message-placeholder,.message-error{white-space:pre-wrap;margin:0;line-height:1.65}.message-markdown{gap:12px;min-width:0;display:grid}.message-markdown>*{margin:0}.message-markdown :is(p,li){line-height:1.65}.message-markdown :is(ul,ol){margin-left:1.25rem;padding-left:.25rem}.message-markdown li+li{margin-top:4px}.message-markdown blockquote{color:var(--muted);border-left:3px solid #382c1e29;margin:0;padding-left:14px}.message-markdown code{background:#382c1e14;border-radius:8px;padding:.12em .35em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.95em}.message-markdown pre{color:#fff8ef;background:#20170feb;border-radius:16px;margin:0;padding:14px 16px;overflow-x:auto}.message-markdown pre code{color:inherit;background:0 0;padding:0}.message-markdown table{border-collapse:collapse;max-width:100%;display:block;overflow-x:auto}.message-markdown :is(th,td){text-align:left;border:1px solid #382c1e1f;padding:8px 10px}.message-markdown th{background:#ffffff85}.message-markdown input[type=checkbox]{margin-right:8px}.message-placeholder{color:var(--muted);font-style:italic}.message-error,.screen-error{color:var(--danger)}.message-toolbar{color:var(--muted);align-items:center;gap:8px;display:inline-flex}.message-toolbar-button{width:2rem;height:2rem;color:inherit;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;padding:0;transition:background-color .12s,color .12s;display:inline-flex}.message-toolbar-button:hover:not(:disabled){color:var(--ink);background:#20170f14}.message-toolbar-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.message-toolbar-button:disabled{opacity:.45;cursor:default}.message-toolbar-button svg{width:1rem;height:1rem}.message-toolbar-feedback{color:var(--success);font-size:.78rem}.action-tooltip-below .message-action-tooltip{border-radius:12px;padding:8px 10px;top:calc(100% + 1px)}.message-action-tooltip-label{font-size:.64rem}.attachment-list{gap:10px;margin:16px 0 0;padding:0;list-style:none;display:grid}.attachment-list li{color:var(--muted);background:#ffffff9e;border-radius:16px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;font-size:.92rem;display:flex}.composer{border-top:1px solid var(--line);background:#fffcf7d1;gap:14px;padding:20px 28px 28px;display:grid}.composer-input-shell{position:relative}.composer-expand-tooltip{position:absolute;top:16px;right:16px}.composer-input{resize:none;background:var(--surface-strong);width:100%;min-height:140px;color:var(--ink);border:1px solid #382c1e1f;border-radius:24px;padding:18px 64px 20px 18px;box-shadow:inset 0 1px #fffc}.composer-input:focus,.composer-dialog-input:focus{border-color:#b6471e47;outline:2px solid #b6471e2e}.composer-expand-button{color:#20170f8f;background:0 0;border:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:transform .16s,color .16s;display:inline-flex}.composer-expand-button:hover{color:var(--ink);transform:translateY(-1px)}.composer-expand-button:disabled{cursor:not-allowed;opacity:.55;transform:none}.composer-expand-button svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.composer-toolbar{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.composer-submit{align-items:center;gap:12px;margin-left:auto;display:inline-flex}.composer-hint{color:var(--muted);font-size:.95rem}.attachment-button{color:var(--ink);background:0 0;padding:12px 16px}.visually-hidden-file-input{display:none}.composer-attachments{gap:10px;margin:16px 0 0;padding:0;list-style:none;display:grid}.composer-attachments li{color:var(--muted);background:#ffffff9e;border-radius:16px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;font-size:.92rem;display:flex}.composer-attachments button{color:var(--danger);background:#b4231814;border:0;border-radius:999px;margin-left:auto;padding:6px 10px}.composer-dialog-backdrop{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#20170f57;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.composer-dialog{background:linear-gradient(180deg, #ffffffd1, #fffbf5f5), var(--surface-strong);border:1px solid #382c1e1f;border-radius:32px;grid-template-rows:minmax(0,1fr) auto;gap:18px;width:min(75vw,1080px);max-width:calc(100vw - 48px);height:min(75dvh,760px);max-height:calc(100dvh - 48px);padding:24px;display:grid;box-shadow:0 36px 120px #20170f47}.composer-dialog-input{resize:none;width:100%;min-height:0;color:var(--ink);background:#ffffffd6;border:1px solid #382c1e1f;border-radius:28px;padding:22px 24px;line-height:1.65;box-shadow:inset 0 1px #fffc}.composer-dialog-footer{justify-content:flex-end;align-items:center;gap:12px;display:flex}.composer-dialog-actions{align-items:center;gap:12px;display:inline-flex}@media (width<=980px){.app-shell{--chat-panel-height:calc(100dvh - 36px);padding:18px}.app-frame{grid-template-columns:1fr}.history-sidebar{height:auto;padding:22px}.history-sidebar-search{grid-template-columns:1fr}.chat-panel{height:var(--chat-panel-height)}.composer-submit{justify-content:space-between;width:100%}.composer-dialog-backdrop{padding:18px}.composer-dialog{border-radius:24px;width:min(75vw,100vw - 36px);height:min(75dvh,100dvh - 36px);padding:20px}.composer-dialog-footer{flex-direction:column;align-items:stretch}.composer-dialog-actions{flex-direction:column;align-items:stretch;width:100%}.chat-header{padding-inline:20px}.session-info-tooltip{min-width:min(220px,100vw - 72px)}}
