:root{font-family:Inter,Noto Sans SC,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color:#e2e8f0;background-color:#0f172a}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background-color:#0f172a}#root{min-height:100vh}.app-shell{min-height:100vh;padding:clamp(1.5rem,3vw,3rem);background:radial-gradient(circle at top,rgba(79,70,229,.12),transparent),#0f172a;color:#e2e8f0;display:flex;flex-direction:column;gap:clamp(1rem,2vw,2rem)}.chat-header{background:#0f172aa6;border:1px solid rgba(148,163,184,.25);border-radius:1.5rem;padding:clamp(1.5rem,3vw,2.5rem);box-shadow:0 30px 80px #0f172a59}.chat-header h1{margin:.25rem 0;font-size:clamp(1.75rem,3vw,2.4rem)}.eyebrow{letter-spacing:.2em;text-transform:uppercase;font-size:.75rem;color:#818cf8;margin:0}.subtitle{margin:.35rem 0 0;color:#cbd5f5;max-width:60ch}.chat-panel{background:#0f172ad9;border-radius:1.5rem;border:1px solid rgba(148,163,184,.16);padding:clamp(1rem,2.5vw,2rem);display:flex;flex-direction:column;gap:1rem;min-height:clamp(450px,60vh,720px)}.messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:1rem;padding-right:.35rem}.message{padding:1rem 1.15rem;border-radius:1rem;max-width:720px;width:fit-content;box-shadow:0 15px 40px #00000026;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.message-user{align-self:flex-end;background:linear-gradient(120deg,#6366f1,#8b5cf6);color:#f8fafc}.message-assistant{align-self:flex-start;background:#0f172abf;border:1px solid rgba(99,102,241,.35);color:#e2e8f0}.message-meta{display:flex;align-items:center;gap:.75rem;font-size:.85rem;margin-bottom:.35rem;opacity:.85}.message-content{margin:0;white-space:pre-line;line-height:1.6}.message-status{color:#c4b5fd;font-size:.8rem}.chat-input{display:flex;flex-direction:column;gap:.5rem;border:1px solid rgba(99,102,241,.4);border-radius:1rem;padding:.85rem;background:#0f172ae6}.chat-input textarea{width:100%;min-height:96px;resize:vertical;border:none;border-radius:.75rem;padding:.9rem;background:#080f21e6;color:#e2e8f0;font-size:1rem;line-height:1.5;font-family:inherit}.chat-input textarea::placeholder{color:#94a3b8b3}.chat-input textarea:disabled{opacity:.7}.chat-input textarea:focus-visible{outline:2px solid rgba(99,102,241,.6);outline-offset:2px}.input-footer{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:space-between}.helper-text{font-size:.85rem;color:#e2e8f0e6}.chat-input button{border:none;border-radius:999px;padding:.65rem 1.75rem;font-size:1rem;font-weight:600;cursor:pointer;background:linear-gradient(120deg,#6366f1,#8b5cf6,#ec4899);color:#f8fafc;transition:opacity .2s ease,transform .2s ease}.chat-input button:disabled{opacity:.5;cursor:not-allowed}.chat-input button:not(:disabled):hover{transform:translateY(-1px)}.status-banner{background:#f871711f;border:1px solid rgba(248,113,113,.4);border-radius:.75rem;padding:.65rem .9rem;color:#fecaca;font-size:.9rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media(max-width:640px){.app-shell,.chat-panel{padding:1rem}.chat-input textarea{min-height:80px}}