:root{color:#1f2a32;background:#f4f8fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow:hidden;background:#f4f8fb}button,textarea,select{font:inherit}button{border:0;cursor:pointer}button:disabled,textarea:disabled,select:disabled{cursor:not-allowed;opacity:.55}.chat-app{height:100vh;overflow:hidden;color:#1f2a32}.rail{position:fixed;z-index:20;inset:0 auto 0 0;display:flex;width:72px;flex-direction:column;align-items:center;gap:14px;padding:28px 0;border-right:1px solid #dedbd5;background:#faf9f6db;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.rail-button{display:grid;width:40px;height:40px;place-items:center;border-radius:999px;color:#24221f;background:transparent;transition:background .16s ease,transform .16s ease}.rail-button:hover,.rail-button.active{background:#ece9e2}.rail-button:active{transform:translateY(1px)}.rail-button.primary{margin-top:22px;background:#ece9e2;font-size:24px}.rail-button.account{border:1px solid #d5d1c9;background:#fff}.rail-glyph{font-size:21px;line-height:1}.rail-spacer{flex:1}.library-panel{position:fixed;z-index:18;inset:12px auto 12px 84px;display:flex;width:min(330px,calc(100vw - 108px));flex-direction:column;gap:18px;padding:18px;border:1px solid #dedbd5;border-radius:24px;background:#fffffcf0;box-shadow:0 24px 80px #2b272024;opacity:0;pointer-events:none;transform:translate(-16px);transition:opacity .18s ease,transform .18s ease}.library-panel.open{opacity:1;pointer-events:auto;transform:translate(0)}.library-header,.library-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.library-header span,.library-title-row span,.field-label{color:#77716a;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.library-header strong{display:block;margin-top:4px;overflow-wrap:anywhere;font-size:15px}.ghost-button{min-width:34px;min-height:34px;padding:0 12px;border-radius:999px;color:#403c36;background:#f1eee8}.ghost-button.small{min-height:32px;font-size:13px}.soft-select{width:100%;min-height:44px;padding:0 14px;border:1px solid #dedbd5;border-radius:15px;color:#2f2d2a;background:#fbfaf7}.library-list{display:grid;gap:10px;overflow:auto;padding-right:2px}.library-empty{margin:0;color:#77716a;font-size:14px;line-height:1.6}.history-item{display:grid;justify-items:start;gap:6px;width:100%;padding:13px 14px;border:1px solid transparent;border-radius:16px;color:#393632;background:transparent;text-align:left}.history-item:hover,.history-item.active{border-color:#dfdbd3;background:#f3f0ea}.history-item strong{max-width:100%;overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.history-item span{color:#8a847b;font-size:12px}.stage{position:relative;display:grid;height:100vh;min-height:0;grid-template-rows:auto minmax(0,1fr) auto;padding:14px 24px 18px}.topbar{position:relative;z-index:12;top:0;display:flex;min-height:48px;align-items:center;justify-content:flex-end;padding:0 16px;pointer-events:none}.guest-badge{pointer-events:auto;padding:4px 12px;border-radius:6px;color:#5a7080;background:#fffc;font-size:13px;cursor:default}.notice{width:min(760px,100%);margin:10px auto 0;padding:12px 16px;border-radius:16px;font-size:14px}.notice.error{border:1px solid rgba(185,68,52,.22);color:#8a2f23;background:#ffece7db}.conversation-surface{min-height:0;overflow-y:auto;width:min(1120px,100%);margin:0 auto;padding:0 24px}.conversation-surface.welcome{display:flex;flex-direction:column;align-items:center;justify-content:center}.welcome-state{display:grid;justify-items:center;gap:8px;text-align:center}.welcome-state h1{margin:0;color:#1d2d37;font-size:clamp(30px,4vw,48px);font-weight:720;letter-spacing:0}.welcome-state p{max-width:620px;margin:0;color:#77716a;font-size:16px;line-height:1.7}.thread{width:min(920px,100%);margin:0 auto;padding:30px 0 24px}.thread-meta{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:18px;margin-bottom:18px;color:#637989;font-size:14px}.message-row{display:flex;margin:18px 0}.message-row.user{justify-content:flex-end}.message-row.assistant,.message-row.system,.message-row.tool{justify-content:flex-start}.user-bubble{max-width:min(620px,82%);padding:14px 18px;border-radius:10px;color:#102330;background:#dceef7;font-size:16px;line-height:1.6;white-space:pre-wrap;display:flex;flex-direction:column;gap:8px}.message-attachments,.attachment-tray{display:flex;flex-wrap:wrap;gap:8px}.message-attachments{margin-top:10px}.attachment-chip,.attachment-pill{display:inline-flex;align-items:center;gap:6px;min-height:28px;max-width:100%;padding:0 9px;border:1px solid #b9d6e5;border-radius:8px;color:#16465d;background:#ffffffb8;font-size:13px;overflow-wrap:anywhere}.attachment-preview{display:block;max-width:260px;max-height:200px;border-radius:12px;object-fit:contain;cursor:pointer;margin-bottom:6px}.attachment-thumb{width:28px;height:28px;border-radius:4px;object-fit:cover;flex-shrink:0}.attachment-tray{margin-bottom:10px}.attachment-pill{background:#edf7fb}.attachment-pill small{color:#637989}.attachment-pill button{display:grid;width:22px;height:22px;place-items:center;border-radius:6px;color:#637989;background:transparent}.attachment-pill button:hover{color:#8a2f23;background:#fdecea}.assistant-block{max-width:min(760px,92%);color:#1f2a32;font-size:16px;line-height:1.78}.assistant-block p{margin:0;white-space:pre-wrap}.assistant-block small{display:block;margin-top:10px;color:#9a9389;font-size:12px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px;width:min(720px,100%)}.service-card{display:flex;flex-direction:column;gap:6px;padding:16px;border:1px solid #d6e1e8;border-radius:8px;background:#fffffff0;text-align:left;transition:all .2s}.service-card:hover{transform:translateY(-2px);box-shadow:0 8px 22px #16445c1f;border-color:#0f79a2}.service-title{font-size:16px;font-weight:600;color:#1f2a32}.service-desc{font-size:13px;color:#77716a;line-height:1.4}.assistant-content{padding:16px 20px;border:1px solid #d6e1e8;border-radius:8px;background:#fffffff5}.assistant-content h1,.assistant-content h2,.assistant-content h3{margin:16px 0 8px;font-weight:600}.assistant-content h1{font-size:20px}.assistant-content h2{font-size:18px}.assistant-content h3{font-size:16px}.assistant-content p{margin:8px 0}.assistant-content ul,.assistant-content ol{margin:8px 0;padding-left:24px}.assistant-content li{margin:4px 0}.assistant-content strong{font-weight:600;color:#1f2a32}.assistant-content img{max-width:320px;max-height:240px;width:auto;height:auto;border-radius:8px;margin:8px 0;object-fit:cover}.assistant-content code{padding:2px 6px;border-radius:4px;background:#f5f3ef;font-size:14px}.assistant-content pre{padding:16px;border-radius:8px;background:#1a1a2e;color:#e0e0e0;overflow-x:auto}.assistant-content pre code{background:transparent;color:inherit}.assistant-content blockquote{margin:12px 0;padding:8px 16px;border-left:4px solid #0f79a2;background:#0f79a20f;border-radius:0 8px 8px 0}.assistant-content table{width:100%;border-collapse:collapse;margin:12px 0}.assistant-content th,.assistant-content td{padding:8px 12px;border:1px solid #d8d4cc;text-align:left}.assistant-content th{background:#f5f3ef;font-weight:600}.typing-indicator{display:flex;align-items:center;gap:4px;padding:12px 16px;max-width:80px;border:1px solid #d6e1e8;border-radius:8px;background:#fffffff5}.typing-dot{width:8px;height:8px;border-radius:50%;background:#9a9389;animation:typing-bounce 1.4s infinite ease-in-out}.typing-dot:nth-child(2){animation-delay:.16s}.typing-dot:nth-child(3){animation-delay:.32s}@keyframes typing-bounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.follow-up-section{margin-top:24px;padding:20px;border:1px solid #d6e1e8;border-radius:8px;background:#fffffff0}.follow-up-title{margin:0 0 12px;color:#77716a;font-size:14px;font-weight:500}.follow-up-grid{display:flex;flex-wrap:wrap;gap:8px}.follow-up-button{padding:8px 16px;border:1px solid #cbdde6;border-radius:8px;color:#0f5d7e;background:#fffffff0;font-size:14px;transition:all .2s}.follow-up-button:hover{background:#0f79a2;color:#fff;border-color:#0f79a2}.composer-card{width:min(920px,calc(100vw - 48px));margin:0 auto;padding:14px 16px 12px;border:1px solid #cbdde6;border-radius:12px;background:#fffffffa;box-shadow:0 14px 42px #16445c1f}.composer-card textarea{width:100%;min-height:56px;max-height:150px;padding:4px 0;border:0;outline:0;color:#1f2a32;background:transparent;font-size:18px;line-height:1.45;resize:vertical}.composer-card textarea::placeholder{color:#8b867e}.composer-footer{display:flex;align-items:center;gap:10px;margin-top:10px}.tool-button,.send-button,.text-button{display:grid;min-width:40px;height:40px;place-items:center;border-radius:8px}.tool-button{color:#0f5d7e;background:#edf7fb;font-size:15px}.tool-button:hover{background:#dceef7}.text-button{padding:0 12px;color:#4e6271;background:#f0f5f8;font-size:14px}.composer-meta{display:flex;flex:1;flex-wrap:wrap;justify-content:flex-end;gap:8px 12px;color:#637989;font-size:13px}.composer-meta span:first-child{color:#36332f;font-weight:650}.send-button{padding:0 18px;color:#fff;background:#0f5d7e}.send-button:hover:not(:disabled){background:#0b4761}@media(max-width:860px){.chat-app{padding-left:0;padding-bottom:0}.rail{inset:auto 0 0 0;width:auto;height:64px;flex-direction:row;justify-content:center;padding:0 12px;border-top:1px solid #dedbd5;border-right:0}.rail-button.primary{margin-top:0}.rail-spacer{display:none}.library-panel{inset:auto 12px 76px 12px;width:auto;max-height:min(560px,calc(100vh - 100px))}.login-screen{display:flex;align-items:center;justify-content:center;height:100vh}.login-card{display:flex;flex-direction:column;align-items:center;gap:20px;padding:48px 40px;border:1px solid #d6e1e8;border-radius:16px;background:#fffffffa;box-shadow:0 14px 42px #16445c1f;text-align:center}.login-card h1{margin:0;color:#1d2d37;font-size:28px;font-weight:720}.login-card p{margin:0;color:#77716a;font-size:16px}.login-button{padding:12px 48px;border:0;border-radius:8px;background:#0f79a2;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s}.login-button:hover{background:#0c6587}.stage{padding:10px 12px 12px}.topbar{justify-content:flex-end}.conversation-surface{padding:18px 4px 12px}.welcome-state h1{font-size:clamp(28px,8vw,40px)}.service-grid{grid-template-columns:1fr;gap:10px}.thread-meta{grid-template-columns:1fr;gap:6px}.user-bubble,.assistant-block{max-width:100%;font-size:16px}.composer-card{width:100%;padding:12px;border-radius:10px}.composer-card textarea{font-size:16px}.composer-meta{display:none}}