: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;height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr);grid-template-rows:72px minmax(0,1fr);overflow:hidden;background:radial-gradient(circle at top,#fffffff2,#f7f8fa 50%)}.topbar{grid-column:1 / -1;grid-row:1;height:72px;min-width:0;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);z-index:10}.chat-sidebar{grid-column:1;grid-row:2;width:auto;min-width:0;height:calc(100vh - 72px);padding:20px 16px;border-right:1px solid rgba(255,255,255,.08);background:#0b1120;overflow-x:hidden;overflow-y:auto;color:#e5e7eb}.chat-sidebar button,.chat-sidebar input{max-width:100%}.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{grid-column:2;grid-row:2;width:min(920px,calc(100% - 48px));min-width:0;min-height:0;height:100%;margin:0 auto;padding:32px 0 220px;overflow-x:hidden;overflow-y:auto;scroll-padding-bottom:220px;overscroll-behavior:contain;scrollbar-gutter:stable}.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;min-height:100%;padding-bottom:12px}.messages-end{width:1px;height:1px;flex:0 0 1px;scroll-margin-bottom:220px}.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:260px;right:0;bottom:0;padding:20px 16px 14px;background:linear-gradient(to top,#f7f8fa 65%,#f7f8fa00);z-index:20}.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: 900px){.myron-app{grid-template-columns:1fr;grid-template-rows:72px minmax(0,1fr)}.chat-sidebar{display:none}.chat-area{grid-column:1;width:min(100% - 24px,920px);padding-top:24px}.composer-area{left:0}}@media (max-width: 700px){.topbar{padding:0 16px}.brand-subtitle{display:none}.chat-area{width:min(100% - 20px,920px);padding-top:22px}.welcome p{font-size:15px}.suggestions{flex-direction:column;width:100%}.suggestions button{width:100%}.composer-area{padding:12px 10px 8px}.composer{border-radius:16px}.composer textarea{min-height:42px}}aside{color:#e5e7eb}aside button{color:#e5e7eb}aside button:hover{background:#ffffff14}aside input::selection{background:#fff3}