:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;color-scheme:dark;color:#e2e8f0;background-color:#020617}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#1e293b,#020617 60%);display:flex;justify-content:center;align-items:flex-start}#root{width:min(960px,100%);padding:clamp(1rem,4vw,2rem)}.app{background:#0f172ae6;border-radius:1.25rem;padding:clamp(1rem,3vw,2rem);border:1px solid rgba(148,163,184,.2);box-shadow:0 25px 45px #0f172a80;display:flex;flex-direction:column;gap:1.5rem}header{text-align:center}main{display:flex;flex-direction:column;gap:1rem}.chat-window{min-height:320px;max-height:60vh;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem;padding-right:.5rem}.message{display:flex;gap:.75rem;align-items:flex-start}.message .role{width:4rem;font-size:.85rem;opacity:.75;text-transform:capitalize}.message .bubble{flex:1;padding:.85rem 1rem;border-radius:1rem;border:1px solid rgba(148,163,184,.4);background:#0f766e33}.message.user .bubble{background:#3b82f633;border-color:#3b82f673}.message.assistant .bubble{background:#22c55e33;border-color:#22c55e73}.message.system .bubble{font-style:italic;opacity:.85}.chat-form{display:flex;gap:.75rem}.chat-form input{flex:1;border-radius:.85rem;border:1px solid rgba(148,163,184,.4);padding:.9rem 1rem;font-size:1rem;background:#020617bf;color:inherit}.chat-form input:focus-visible{outline:2px solid rgba(59,130,246,.85);outline-offset:2px}.chat-form button{border:none;border-radius:.85rem;padding:0 1.5rem;font-size:1rem;font-weight:600;background:linear-gradient(135deg,#2563eb,#0ea5e9);color:#f8fafc;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease}.chat-form button:disabled{opacity:.6;cursor:not-allowed}.chat-form button:not(:disabled):active{transform:scale(.97);box-shadow:0 4px 12px #0ea5e966}