.app-shell{margin:0 auto;max-width:960px;min-height:100vh;padding:48px 24px 64px;display:flex;flex-direction:column;gap:32px}.app-header{background:#fffc;border:1px solid rgba(15,23,42,.08);border-radius:20px;padding:32px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 20px 40px #0f172a14}.app-header h1{margin:0;font-size:clamp(1.8rem,4vw,2.6rem)}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;margin:0 0 8px;color:#64748b}.subtitle{margin:16px 0 0;color:#475569}.chat-panel{flex:1;display:flex;flex-direction:column;background:#fff;border-radius:24px;border:1px solid rgba(15,23,42,.08);box-shadow:0 30px 50px #0f172a14;overflow:hidden}.message-list{flex:1;padding:32px;overflow-y:auto;display:flex;flex-direction:column;gap:16px;background:linear-gradient(180deg,#f8faffcc,#fff 120%)}.empty-state{margin:auto;text-align:center;color:#94a3b8;font-size:1.1rem}.message-card{max-width:75%;padding:16px 20px;border-radius:18px;border:1px solid rgba(15,23,42,.08);box-shadow:0 10px 25px #0f172a14;animation:pop .18s ease}.message-card.user{align-self:flex-end;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#f8fafc;border:none;border-radius:18px 18px 4px;box-shadow:0 10px 25px #4f46e559}.message-card.assistant{align-self:flex-start;background:#fff}.message-card.pending{opacity:.7}.message-card.error{border-color:#fb7185}.message-meta{display:flex;justify-content:space-between;font-size:.8rem;opacity:.85;margin-bottom:6px}.message-card p{margin:0;word-break:break-word}.message-details{margin-top:12px;padding-top:12px;border-top:1px solid rgba(15,23,42,.1);display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:.92rem}.summary{margin:0;color:#475569}.message-card.user .summary{color:#e2e8f0}.pill{padding:4px 10px;border-radius:999px;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;background:#4f46e526;color:#4f46e5}.message-card.user .pill{background:#fff3;color:#f8fafc}.message-error{margin-top:12px;font-size:.85rem;color:#be123c}.composer{padding:24px;display:flex;gap:12px;border-top:1px solid rgba(15,23,42,.06);background:#f8fafc}.composer input{flex:1;border:none;border-radius:16px;padding:16px 20px;font-size:1rem;background:#fff;box-shadow:inset 0 0 0 1px #0f172a14}.composer input:focus{outline:none;box-shadow:inset 0 0 0 2px #6366f1}.composer button{border:none;border-radius:16px;padding:0 28px;font-size:1rem;font-weight:600;background:#0f172a;color:#f8fafc;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.composer button:active{transform:scale(.98)}.composer button:disabled{opacity:.65;cursor:not-allowed}.status-banner{display:flex;gap:12px;align-items:center;padding:14px 20px;border-radius:999px;background:#0f172a;color:#f8fafc;font-size:.95rem;box-shadow:0 15px 30px #0f172a33}.status-banner.loading{background:linear-gradient(90deg,#0f172a,#312e81)}.dot-pulse{width:22px;height:6px;border-radius:999px;background:#fff9;position:relative;overflow:hidden}.dot-pulse:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:#f8fafc;animation:pulse 1.2s infinite}@keyframes pop{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}@keyframes pulse{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@media (max-width: 640px){.app-shell{padding:32px 16px}.message-card{max-width:100%}}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.4;font-weight:400;color:#0e172a;background-color:#f4f6fb}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(180deg,#f9fbff,#eef2ff)}#root{min-height:100vh}