:root{color:#111;background:#f5f5f3;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,textarea{font:inherit}button{cursor:pointer}.chat-app{display:grid;min-height:100svh;padding:24px;place-items:center}.chat-shell{display:grid;grid-template-rows:auto minmax(360px,1fr) auto auto;width:min(100%,860px);height:min(840px,calc(100svh - 48px));overflow:hidden;background:#fff;border:1px solid #d9d9d5;border-radius:18px;box-shadow:0 24px 70px #00000014}.app-header{display:flex;align-items:flex-start;justify-content:space-between;padding:26px 30px 22px;border-bottom:1px solid #e7e7e3}.message-label,.composer-hint{margin:0;color:#757572;font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}h1,h2{margin:0;font-family:Georgia,Times New Roman,serif;font-weight:400}h1{font-size:2rem;letter-spacing:.08em;line-height:1}.availability{display:inline-flex;gap:8px;align-items:center;color:#4d4d49;font-size:.75rem}.status-dot{width:7px;height:7px;background:#111;border-radius:50%}.conversation{min-height:0;padding:30px;overflow-y:auto;scrollbar-color:#c7c7c2 transparent;scrollbar-width:thin}.empty-state{max-width:485px;margin:8vh auto 0;text-align:center}.empty-state h2{font-size:clamp(2rem,5vw,3.25rem);letter-spacing:-.04em;line-height:.98}.empty-state>p{max-width:390px;margin:17px auto 26px;color:#686865;font-size:.95rem;line-height:1.6}.message{display:grid;gap:7px;max-width:76%;margin-bottom:30px}.user-message{margin-left:auto}.user-message .message-label{text-align:right}.message-content{padding:14px 16px;border-radius:4px 16px 16px;font-size:.95rem;line-height:1.58}.assistant-message .message-content{color:#1e1e1c;background:#f1f1ee}.user-message .message-content{color:#1e1e1c;background:#fff;border:1px solid #d8d8d4;border-radius:16px 4px 16px 16px}.message-content>:first-child{margin-top:0}.message-content>:last-child{margin-bottom:0}.message-content p,.message-content ul,.message-content ol,.message-content pre{margin:.6em 0}.message-content a{color:inherit;text-underline-offset:2px}.message-content code{padding:.15em .32em;background:#7f7f7f26;border-radius:3px;font-size:.88em}.message-content pre{overflow-x:auto;padding:12px;background:#7f7f7f1f;border-radius:7px}.message-content pre code{padding:0;background:none}.loading-message{margin-bottom:20px}.typing-indicator{display:flex;gap:5px;width:fit-content;padding:15px 16px;background:#f1f1ee;border-radius:4px 16px 16px}.typing-indicator span{width:5px;height:5px;background:#777773;border-radius:50%;animation:pulse 1.1s infinite ease-in-out}.typing-indicator span:nth-child(2){animation-delay:.15s}.typing-indicator span:nth-child(3){animation-delay:.3s}@keyframes pulse{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.composer{display:flex;gap:10px;align-items:flex-end;margin:0 30px;padding:12px;background:#f4f4f1;border:1px solid #deded9;border-radius:14px}.composer textarea{display:block;flex:1;max-height:160px;padding:7px 3px;resize:none;color:#181817;background:transparent;border:0;outline:0;line-height:1.45}.composer textarea::placeholder{color:#8a8a86}.composer textarea:disabled{opacity:.65}.composer button{display:inline-flex;gap:7px;align-items:center;justify-content:center;min-width:76px;height:36px;padding:0 12px;color:#fff;background:#111;border:1px solid #111;border-radius:8px;font-size:.78rem;font-weight:700;transition:transform .15s,opacity .15s}.composer button:hover:not(:disabled){transform:translateY(-1px)}.composer button:disabled{opacity:.35;cursor:not-allowed}.composer svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.composer-hint{padding:11px 30px 19px;font-size:.6rem;font-weight:600;letter-spacing:.06em;text-align:center}.composer-hint span{margin:0 5px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 640px){.chat-app{padding:0}.chat-shell{width:100%;height:100svh;border:0;border-radius:0;box-shadow:none}.app-header,.conversation{padding-left:20px;padding-right:20px}.app-header{padding-top:22px;padding-bottom:19px}.conversation{padding-top:24px;padding-bottom:24px}.message{max-width:88%}.composer{margin:0 20px}.composer-hint{padding-right:20px;padding-left:20px}.composer button span{display:none}.composer button{min-width:38px;padding:0}.empty-state{margin-top:7vh}}