:root{--bg: #0f1117;--panel: #171a23;--panel-2: #1f232f;--border: #2a2f3d;--text: #e6e8ee;--muted: #8b91a1;--accent: #4f7cff;--accent-hover: #3d68e6;--user-bubble: #2b3550;--assistant-bubble: #1f232f;--danger: #ff6b6b}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);font-size:15px}button{cursor:pointer;border:none;border-radius:8px;font-size:14px;padding:8px 14px;background:var(--accent);color:#fff;transition:background .15s ease}button:hover:not(:disabled){background:var(--accent-hover)}button:disabled{opacity:.5;cursor:not-allowed}input,textarea,select{font-family:inherit;font-size:14px;color:var(--text);background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:10px 12px;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--accent)}a{color:var(--accent);cursor:pointer}.centered{height:100%;display:flex;align-items:center;justify-content:center;padding:20px}.card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:32px;max-width:420px;width:100%}.auth-card h1{margin:0 0 24px;font-size:22px}.auth-card h2{margin:0 0 16px;font-size:17px;font-weight:600}.auth-card form{display:flex;flex-direction:column;gap:12px}.auth-card button{margin-top:4px}.switch{font-size:13px;color:var(--muted);margin:4px 0 0}.error{color:var(--danger);font-size:13px;margin:10px 0 0}.info{color:var(--accent);font-size:13px;margin:10px 0 0}.app-shell{display:flex;height:100%}.sidebar{width:280px;background:var(--panel);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:16px}.new-chat{width:100%;margin-bottom:16px}.conv-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.muted{color:var(--muted);font-size:13px}.conv-item{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:9px 10px;border-radius:8px;cursor:pointer}.conv-item:hover{background:var(--panel-2)}.conv-item.active{background:var(--panel-2);border:1px solid var(--border)}.conv-item.disabled{opacity:.6;cursor:not-allowed}.conv-title-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.conv-edit{flex:1;padding:4px 6px}.conv-actions{display:none;gap:2px}.conv-item:hover .conv-actions{display:flex}.conv-actions button{background:transparent;padding:2px 5px;font-size:13px;color:var(--muted)}.conv-actions button:hover{color:var(--text);background:transparent}.sidebar-footer{border-top:1px solid var(--border);padding-top:12px;margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:8px}.user-email{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.signout{background:transparent;border:1px solid var(--border);color:var(--muted);padding:6px 10px}.signout:hover{background:var(--panel-2);color:var(--text)}.chat-main{flex:1;display:flex;flex-direction:column;min-width:0}.chat-header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:14px 20px;border-bottom:1px solid var(--border)}.chat-heading{min-width:160px;flex:1 1 180px;padding-top:8px;overflow:hidden}.chat-title{display:block;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-controls{min-width:0;display:flex;align-items:flex-start;justify-content:flex-end;flex:1 1 520px;flex-wrap:wrap;gap:10px}.chat-controls .document-control{flex:1 1 330px}.model-select{min-width:180px}.document-control{min-width:0;display:flex;flex-direction:column;gap:7px}.document-docket{min-width:0;display:flex;align-items:center;gap:9px;padding:6px 7px;background:color-mix(in srgb,var(--panel-2) 82%,transparent);border:1px solid var(--border);border-radius:8px}.document-file-mark{position:relative;flex:0 0 auto;width:31px;height:36px;display:grid;place-items:end center;padding-bottom:5px;color:var(--muted);background:color-mix(in srgb,var(--panel-2) 88%,var(--text));border:1px solid color-mix(in srgb,var(--border) 78%,var(--text));border-radius:3px;font-size:8px;font-weight:700;letter-spacing:.08em}.document-file-mark:before{content:"";position:absolute;top:-1px;right:-1px;width:10px;height:10px;background:linear-gradient(225deg,var(--panel-2) 49%,color-mix(in srgb,var(--border) 78%,var(--text)) 50%,color-mix(in srgb,var(--border) 78%,var(--text)) 56%,color-mix(in srgb,var(--panel-2) 90%,var(--text)) 57%);border-top-right-radius:3px}.document-summary{min-width:112px;max-width:min(280px,30vw);display:flex;flex-direction:column;gap:2px}.document-name{overflow:hidden;color:var(--text);font-size:12px;font-weight:600;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.document-pages,.document-empty{color:var(--muted);font-size:11px;line-height:1.2;white-space:nowrap}.document-actions{display:flex;align-items:center;gap:5px}.document-upload{position:relative;display:inline-flex;border-radius:6px}.document-file-input{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.document-action-label,.document-remove,.document-message button{min-height:28px;padding:5px 9px;border-radius:6px;font-size:11px}.document-action-label{display:inline-flex;align-items:center;color:var(--text);background:transparent;border:1px solid color-mix(in srgb,var(--border) 78%,var(--text));cursor:pointer}.document-upload:hover .document-action-label{background:color-mix(in srgb,var(--panel-2) 90%,var(--text));border-color:color-mix(in srgb,var(--border) 62%,var(--text))}.document-upload:focus-within .document-action-label,.document-remove:focus-visible,.document-message button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.document-file-input:disabled+.document-action-label{opacity:.5;cursor:not-allowed}.document-remove,.document-message button{color:var(--muted);background:transparent;border:1px solid transparent}.document-remove:hover:not(:disabled),.document-message button:hover:not(:disabled){color:var(--text);background:color-mix(in srgb,var(--panel-2) 90%,var(--text))}.document-progress{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px;white-space:nowrap}.document-progress-pulse{width:6px;height:6px;background:var(--accent);border-radius:50%;animation:document-pulse 1.2s ease-in-out infinite}.document-message{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 8px 6px 10px;border:1px solid var(--border);border-radius:7px;font-size:11px}.document-notice{color:color-mix(in srgb,var(--accent) 44%,var(--text));background:color-mix(in srgb,var(--accent) 8%,var(--panel));border-color:color-mix(in srgb,var(--accent) 35%,var(--border))}.document-error{color:color-mix(in srgb,var(--danger) 62%,var(--text));background:color-mix(in srgb,var(--danger) 7%,var(--panel));border-color:color-mix(in srgb,var(--danger) 32%,var(--border))}@keyframes document-pulse{50%{opacity:.35;transform:scale(.78)}}@media (prefers-reduced-motion: reduce){.document-progress-pulse{animation:none}}@media (max-width: 760px){.app-shell{min-height:0;flex-direction:column}.sidebar{width:100%;min-height:180px;max-height:38%;padding:12px;border-right:0;border-bottom:1px solid var(--border)}.conv-list,.chat-main{min-height:0}.chat-header{padding:12px 14px}.chat-heading{flex-basis:100%;padding-top:0}.chat-controls{justify-content:flex-start}.chat-controls .document-control,.model-select{width:100%;max-width:none}.document-docket{flex-wrap:wrap}.document-summary{flex:1 1 150px;max-width:calc(100vw - 155px)}}.messages{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:16px}.messages.empty{align-items:center;justify-content:center}.message{display:flex;flex-direction:column}.message.user{align-items:flex-end}.message.assistant{align-items:flex-start}.bubble{max-width:720px;padding:12px 16px;border-radius:14px;line-height:1.5;white-space:pre-wrap;word-wrap:break-word}.message.user .bubble{background:var(--user-bubble);border-bottom-right-radius:4px}.message.assistant .bubble{background:var(--assistant-bubble);border:1px solid var(--border);border-bottom-left-radius:4px}.cursor{animation:blink 1s step-start infinite;color:var(--accent)}@keyframes blink{50%{opacity:0}}.metrics{display:flex;flex-wrap:wrap;gap:6px;margin:6px 2px 0;max-width:720px}.metric{font-size:11px;color:var(--muted);background:var(--panel-2);border:1px solid var(--border);border-radius:6px;padding:2px 7px;white-space:nowrap}.metric.model{color:var(--text);border-color:var(--accent)}.metric.model.custom{border-color:#d9a441;color:#f2c877}.banner{margin:0 24px}.composer{display:flex;gap:10px;padding:16px 20px;border-top:1px solid var(--border);align-items:flex-end}.composer-input{flex:1;resize:none;max-height:200px;line-height:1.4}.send-btn{height:42px}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--muted)}.empty-state h2{color:var(--text);margin:0}.spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}