:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1f2937;background:#f7f8fa;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button,textarea{font:inherit}button{cursor:pointer}.myron-app{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(circle at top,#fffffff2,#f7f8fa 50%)}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid #e8ebef;background:#ffffffe0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:12px}.brand-mark,.welcome-mark{display:grid;place-items:center;border-radius:16px;font-weight:800;color:#fff;background:linear-gradient(135deg,#111827,#4b5563)}.brand-mark{width:40px;height:40px;font-size:18px}.brand-name{font-size:18px;font-weight:700}.brand-subtitle{margin-top:2px;font-size:12px;color:#7b8491}.new-chat{border:1px solid #dfe4ea;background:#fff;border-radius:12px;padding:10px 14px;color:#374151}.new-chat:hover{background:#f4f6f8}.chat-area{width:min(920px,calc(100% - 32px));flex:1;margin:0 auto;padding:56px 0 150px}.welcome{min-height:60vh;display:flex;align-items:center;flex-direction:column;justify-content:center;text-align:center}.welcome-mark{width:72px;height:72px;border-radius:24px;font-size:28px;margin-bottom:24px}.welcome h1{margin:0;font-size:clamp(32px,5vw,52px);letter-spacing:-.04em}.welcome p{max-width:650px;margin:18px auto 0;font-size:17px;line-height:1.7;color:#6b7280}.suggestions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:28px}.suggestions button{border:1px solid #e2e6eb;background:#fff;padding:11px 14px;border-radius:999px;color:#4b5563}.suggestions button:hover{background:#f5f7f9}.messages{display:flex;flex-direction:column;gap:20px}.message-row{display:flex}.message-row.user{justify-content:flex-end}.message-row.assistant{justify-content:flex-start}.message-bubble{max-width:min(760px,90%);padding:15px 18px;border-radius:20px;line-height:1.65;white-space:pre-wrap}.message-row.user .message-bubble{background:#111827;color:#fff;border-bottom-right-radius:6px}.message-row.assistant .message-bubble{background:#fff;border:1px solid #e5e8ec;color:#2f3742;border-bottom-left-radius:6px}.typing{display:flex;gap:5px;align-items:center;padding:16px 18px}.typing span{width:7px;height:7px;border-radius:50%;background:#9ca3af;animation:pulse 1.2s infinite ease-in-out}.typing span:nth-child(2){animation-delay:.15s}.typing span:nth-child(3){animation-delay:.3s}@keyframes pulse{0%,80%,to{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.composer-area{position:fixed;left:0;right:0;bottom:0;padding:20px 16px 14px;background:linear-gradient(to top,#f7f8fa 65%,#f7f8fa00)}.composer{width:min(920px,100%);margin:0 auto;display:flex;align-items:flex-end;gap:10px;padding:10px;border:1px solid #dfe4e8;background:#fff;border-radius:20px;box-shadow:0 10px 35px #0f172a14}.composer textarea{flex:1;resize:none;border:0;outline:0;padding:10px 12px;min-height:48px;max-height:180px;color:#111827;background:transparent}.composer textarea::placeholder{color:#9aa3ae}.send-button{width:46px;height:46px;border:0;border-radius:14px;color:#fff;background:#111827;font-size:21px;font-weight:700}.send-button:disabled{opacity:.35;cursor:not-allowed}.footer-note{width:min(920px,100%);margin:10px auto 0;text-align:center;color:#9299a3;font-size:11px}@media (max-width: 700px){.topbar{padding:0 16px}.brand-subtitle{display:none}.chat-area{width:min(100% - 20px,920px);padding-top:30px}.welcome p{font-size:15px}.suggestions{flex-direction:column;width:100%}.suggestions button{width:100%}.composer-area{padding-bottom:10px}}