*{box-sizing:border-box;margin:0;padding:0}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;--mgn-blue: #1D2B64;--mgn-cyan: #00C6FB;--mgn-purple: #6C63FF;--mgn-slate-950: #020617;--mgn-slate-900: #0f172a;--mgn-slate-800: #1e293b;--mgn-slate-700: #334155;--mgn-slate-600: #475569;--mgn-slate-500: #64748b;--mgn-slate-400: #94a3b8;--mgn-slate-300: #cbd5e1;--mgn-slate-200: #e2e8f0;--mgn-slate-100: #f1f5f9;--mgn-slate-50: #f8fafc;--message-max-width: 680px;--chat-container-width: 720px;--radius-medium: 12px;--radius-large: 18px;--scrollbar-width: 6px;color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{margin:0;padding:0;width:100%;height:100%;background:var(--mgn-slate-950);color:var(--mgn-slate-200);overflow:hidden}#root{display:flex;flex-direction:column;height:100dvh}body{min-width:320px;min-height:100vh;-webkit-overflow-scrolling:auto}::-webkit-scrollbar{width:var(--scrollbar-width);height:var(--scrollbar-width)}::-webkit-scrollbar-track{background:var(--mgn-slate-800);border-radius:3px}::-webkit-scrollbar-thumb{background:var(--mgn-slate-600);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--mgn-slate-500)}table,pre,code{max-width:100%}.message-bubble,.assistant-card,.assistant-card-content,.assistant-card-full,.assistant-message-content,.assistant-text-part{white-space:pre-wrap!important;overflow-wrap:anywhere!important;max-height:none!important;-webkit-line-clamp:unset!important;line-clamp:unset!important;text-overflow:clip!important;height:auto!important;overflow:visible!important;display:block!important}.message-bubble{white-space:pre-wrap!important;overflow:visible!important}.chat-container{display:flex;flex-direction:column;min-height:0}.chat-layout,.thread-root{display:flex;flex-direction:column;flex:1;min-height:0}.message-viewport{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.messages-inner{display:flex;flex-direction:column;flex:1;min-height:0}.main-content{display:flex;min-height:0}.chat-container{flex:1;min-width:0}.assistant-message-content,.assistant-card-content,.assistant-card-full,.assistant-card{max-height:none!important;height:auto!important;overflow:visible!important;display:block!important}.message-container{height:auto!important;min-height:auto!important;max-height:none!important;align-items:flex-start!important;-webkit-line-clamp:unset!important;line-clamp:unset!important;text-overflow:clip!important;white-space:normal!important}.composer-bar{padding-bottom:calc(env(safe-area-inset-bottom) + 8px)}.assistant-text-part{white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere}*{-webkit-line-clamp:unset!important;line-clamp:unset!important;text-overflow:clip!important;white-space:normal!important}.app-root{width:100%;height:100dvh;display:flex;flex-direction:column;background:var(--mgn-slate-950);position:relative}.chat-container{display:flex;flex-direction:column;flex:1;min-height:0;position:relative;overflow:hidden}.drawer-wrapper{position:fixed;inset:0;z-index:1000;pointer-events:none;display:none}.drawer-wrapper.open{pointer-events:auto;display:block}.drawer-backdrop{position:absolute;inset:0;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transition:opacity .25s ease}.drawer-wrapper.open .drawer-backdrop{opacity:1}.drawer-panel{position:absolute;top:0;left:0;height:100%;width:18rem;background:#0f172af2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-right:1px solid var(--mgn-slate-800);transform:translate(-100%);transition:transform .3s ease;pointer-events:auto;will-change:transform;display:flex;flex-direction:column}.drawer-wrapper.open .drawer-panel{transform:translate(0)}.drawer-header{height:56px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--mgn-slate-800);flex-shrink:0}.drawer-title{font-size:14px;font-weight:600;color:var(--mgn-slate-400);text-transform:uppercase;letter-spacing:.5px}.drawer-close{font-size:12px;padding:6px 10px;border-radius:8px;background:#1e293b99;color:var(--mgn-slate-300);border:1px solid var(--mgn-slate-700);cursor:pointer;transition:all .2s ease}.drawer-close:hover{color:var(--mgn-slate-100);background:#1e293bcc}.drawer-content{overflow-y:auto;flex:1;min-height:0;display:flex;flex-direction:column;padding:8px 0}.drawer-spacer{flex:1;min-height:20px}.drawer-footer{margin-top:auto;padding:16px;border-top:1px solid var(--mgn-slate-800);display:flex;flex-direction:column;gap:8px;flex-shrink:0}.drawer-footer-title{font-size:12px;font-weight:600;color:var(--mgn-slate-400);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.drawer-footer-button{padding:8px 12px;border-radius:8px;font-size:13px;font-weight:500;background:transparent;color:var(--mgn-slate-300);border:1px solid var(--mgn-slate-700);cursor:pointer;transition:all .2s ease;text-align:left}.drawer-footer-button:hover{background:#1e293b66;color:var(--mgn-slate-100)}.drawer-footer-button.primary{background:linear-gradient(to right,var(--mgn-blue),var(--mgn-cyan));color:#fff;border:none}.drawer-legal-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid var(--mgn-slate-800);justify-content:center;text-align:center}.drawer-legal-links .legal-link{font-size:11px;color:var(--mgn-slate-500);text-decoration:none;transition:color .2s ease}.drawer-legal-links .legal-link:hover{color:var(--mgn-slate-300)}.header-bar{height:56px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--mgn-slate-800);background:#020617e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-shrink:0;z-index:50}.header-left{display:flex;align-items:center;gap:16px}.header-right{display:flex;align-items:center;gap:12px}.mgn-logo{font-size:24px;font-weight:700;background:linear-gradient(to right,var(--mgn-cyan),var(--mgn-purple));-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.5px}.tier-badge{padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500;background:#1e293b99;color:var(--mgn-slate-300);border:1px solid var(--mgn-slate-700)}.action-button{padding:6px 14px;border-radius:8px;font-size:13px;font-weight:500;background:transparent;color:var(--mgn-slate-300);border:1px solid var(--mgn-slate-700);cursor:pointer;transition:all .2s ease}.action-button:hover{background:#1e293b66;color:var(--mgn-slate-100)}.action-button.primary{background:linear-gradient(to right,var(--mgn-blue),var(--mgn-cyan));color:#fff;border:none}.burger-button{display:flex;align-items:center;justify-content:center;padding:8px;border-radius:8px;background:transparent;color:var(--mgn-slate-300);border:1px solid var(--mgn-slate-700);cursor:pointer;transition:all .2s ease}.burger-button:hover{background:#1e293b66;color:var(--mgn-slate-100)}.main-content{flex:1;min-height:0;display:flex;flex-direction:column;position:relative;overflow:hidden}.thread-list-desktop-container{position:fixed;top:56px;left:0;bottom:0;width:256px;display:none;flex-direction:column;background:#0f172a99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-right:1px solid var(--mgn-slate-800);flex-shrink:0;overflow:hidden;z-index:10}.thread-list-desktop{display:flex;flex-direction:column;flex:1;min-height:0;position:relative;height:100%}.thread-list-scroll{flex:1;overflow-y:auto;min-height:0;display:flex;flex-direction:column}.thread-list-header{padding:20px 16px 12px;border-bottom:1px solid var(--mgn-slate-800);flex-shrink:0}.thread-list-header h3{font-size:14px;font-weight:600;color:var(--mgn-slate-400);text-transform:uppercase;letter-spacing:.5px}.thread-item{padding:12px 16px;border-bottom:1px solid var(--mgn-slate-800);cursor:pointer;transition:background .2s ease;font-size:14px;color:var(--mgn-slate-300);flex-shrink:0}.thread-item:hover{background:#1e293b66}.thread-item.active{background:#1d2b644d;color:var(--mgn-slate-100);border-left:3px solid var(--mgn-cyan)}.desktop-account-block{padding:20px 16px;border-top:1px solid var(--mgn-slate-800);background:#0f172acc;flex-shrink:0;margin-top:auto}.desktop-account-title{font-size:12px;font-weight:600;color:var(--mgn-slate-400);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.account-buttons{display:flex;flex-direction:column;gap:8px}.account-button{padding:10px 14px;border-radius:8px;font-size:13px;font-weight:500;background:transparent;color:var(--mgn-slate-300);border:1px solid var(--mgn-slate-700);cursor:pointer;transition:all .2s ease;text-align:center;width:100%}.account-button:hover{background:#1e293b66;color:var(--mgn-slate-100)}.account-button.primary{background:linear-gradient(to right,var(--mgn-blue),var(--mgn-cyan));color:#fff;border:none}.desktop-legal-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid var(--mgn-slate-800);justify-content:center;text-align:center}.desktop-legal-links .legal-link{font-size:11px;color:var(--mgn-slate-500);text-decoration:none;transition:color .2s ease}.desktop-legal-links .legal-link:hover{color:var(--mgn-slate-300)}.mgn-stream-pane{display:flex;flex-direction:column;min-height:100%;overflow:visible}.chat-layout{display:flex;flex-direction:column;height:100%;min-height:0;flex:1;position:relative;overflow:hidden}.thread-root{flex:1;min-height:0;display:flex;flex-direction:column;position:relative;overflow:hidden}.message-viewport{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:20px;width:100%;scroll-behavior:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:0;position:relative}.message-container{display:block;width:100%;position:relative;padding:4px 0;min-height:fit-content}.message-container.user{text-align:right}.message-container.assistant{text-align:left}.assistant-card{max-width:100%;padding:14px 18px;background:var(--mgn-slate-900);color:var(--mgn-slate-100);border:1px solid var(--mgn-slate-800);border-radius:12px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;display:inline-block;text-align:left;max-height:none}.new-message-indicator{position:absolute;bottom:calc(var(--composer-h, 72px) + 12px - 40px);left:50%;transform:translate(-50%);background:linear-gradient(to right,var(--mgn-blue),var(--mgn-cyan));color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500;display:flex;align-items:center;gap:6px;cursor:pointer;z-index:100;box-shadow:0 4px 12px #0000004d;transition:opacity .2s ease,transform .2s ease}.new-message-indicator:hover{opacity:.9}.message-timestamp{position:absolute;top:-18px;left:50%;transform:translate(-50%);font-size:10px;color:var(--mgn-slate-500);white-space:nowrap;opacity:0;transition:opacity .2s ease;pointer-events:none}.message-container:hover .message-timestamp{opacity:1}@media(max-width:767px){.message-container:active .message-timestamp{opacity:1}}.chat-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px;color:var(--mgn-slate-500);height:100%}.chat-empty-state .mgn-logo-large{font-size:48px;font-weight:700;background:linear-gradient(to right,var(--mgn-cyan),var(--mgn-purple));-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:16px}.chat-empty-state h2{font-size:20px;font-weight:600;color:var(--mgn-slate-300);margin-bottom:8px}.chat-empty-state p{font-size:14px;color:var(--mgn-slate-500);max-width:400px;line-height:1.5}.message-bubble{max-width:80%;width:auto;padding:14px 18px;border-radius:18px;font-size:15px;line-height:1.6;word-wrap:break-word;animation:fadeIn .3s ease;position:relative;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:4px;display:inline-block;max-height:none}.message-bubble.user{background:var(--mgn-slate-800);color:var(--mgn-slate-200);border-bottom-right-radius:8px;text-align:left}.message-actions{opacity:0;transform:translateY(-2px);transition:opacity .15s ease,transform .15s ease;pointer-events:none;margin-top:4px;height:auto;min-height:auto;display:inline-block;width:80%;text-align:left}.message-container.user .message-actions{text-align:right}.message-container:hover .message-actions,.message-container:focus-within .message-actions{opacity:1;transform:translateY(0);pointer-events:auto;height:auto}.message-action-row{display:inline-flex;align-items:center;gap:8px;padding:4px 8px;background:#0f172a99;border-radius:8px;border:1px solid var(--mgn-slate-800);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.message-action-button{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500;background:#1e293b66;color:var(--mgn-slate-400);border:1px solid var(--mgn-slate-700);cursor:pointer;transition:all .2s ease;white-space:nowrap}.message-action-button:hover{background:#1e293bcc;color:var(--mgn-slate-200)}.message-action-button svg{width:12px;height:12px}.typing-indicator{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;background:var(--mgn-slate-900);border:1px solid var(--mgn-slate-800);border-radius:18px;max-width:80%;color:var(--mgn-slate-400);font-style:italic;font-size:14px;margin:8px 0 4px;animation:fadeIn .3s ease;position:relative;z-index:10;box-shadow:0 4px 12px #0003}.typing-dots{display:flex;gap:4px}.typing-dot{width:6px;height:6px;background:var(--mgn-slate-500);border-radius:50%;animation:pulse 1.5s infinite ease-in-out}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,to{opacity:.3;transform:scale(.9)}50%{opacity:.8;transform:scale(1.1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #00c6fb66}50%{box-shadow:0 0 0 3px #00c6fb1a}}.composer-bar{position:relative;left:0;right:0;height:auto;min-height:72px;max-height:156px;padding:12px 16px;display:flex;align-items:flex-end;gap:12px;background:var(--mgn-slate-950);z-index:40;margin-top:0;box-sizing:border-box;flex-shrink:0}.composer-input-wrapper{flex:1;display:flex;align-items:center;background:#1e293b66;border:1px solid var(--mgn-slate-800);border-radius:16px;padding:0;transition:all .2s ease;position:relative;min-height:48px;max-height:none;overflow:visible}.composer-input-wrapper:focus-within{border-color:var(--mgn-cyan);box-shadow:0 0 0 2px #00c6fb1a}.composer-input-wrapper.streaming{animation:pulseGlow 2s infinite ease-in-out}.composer-input{flex:1;background:transparent;border:none;outline:none;color:var(--mgn-slate-200);font-size:15px;line-height:normal;resize:none;min-height:48px;max-height:96px;padding:12px 14px;overflow-y:auto;box-sizing:border-box;font-family:inherit;scrollbar-width:thin;scrollbar-color:var(--mgn-slate-700) transparent}.composer-input::-webkit-scrollbar{width:6px}.composer-input::-webkit-scrollbar-track{background:transparent}.composer-input::-webkit-scrollbar-thumb{background-color:var(--mgn-slate-700);border-radius:3px}.composer-input::placeholder{color:var(--mgn-slate-500)}.keyboard-hint{position:absolute;bottom:-16px;left:0;right:0;text-align:center;pointer-events:none;font-size:11px;color:var(--mgn-slate-500);opacity:.6}.send-button{padding:10px 20px;border-radius:12px;font-size:14px;font-weight:500;background:linear-gradient(to right,var(--mgn-blue),var(--mgn-cyan));color:#fff;border:none;cursor:pointer;transition:opacity .2s ease;white-space:nowrap;display:flex;align-items:center;gap:6px;flex-shrink:0;height:48px;box-sizing:border-box}.send-button:hover:not(:disabled){opacity:.9}.send-button:disabled{opacity:.5;cursor:not-allowed;animation:pulseGlow 2s infinite ease-in-out}.send-icon{width:18px;height:18px}.edit-composer{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--mgn-slate-900);border:1px solid var(--mgn-slate-800);border-radius:12px;margin:8px 0}.edit-composer-input{background:transparent;border:none;outline:none;color:var(--mgn-slate-200);font-size:15px;line-height:1.5;resize:none;min-height:60px;max-height:120px;overflow-y:auto;font-family:inherit}.edit-composer-actions{display:flex;align-items:center;gap:8px;align-self:flex-end}.footer-bar{height:auto;padding:12px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:var(--mgn-slate-950);border-top:1px solid var(--mgn-slate-800);color:var(--mgn-slate-500);font-size:11px;text-align:center;flex-shrink:0}.footer-content{width:100%;max-width:none;display:flex;flex-direction:column;align-items:center;gap:4px}.footer-primary{font-weight:500;color:var(--mgn-slate-400)}.footer-disclaimer{max-width:600px;line-height:1.4}.branch-picker{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--mgn-slate-500);margin-top:0}.branch-button{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:#1e293b99;color:var(--mgn-slate-400);cursor:pointer;transition:all .2s ease}.branch-button:hover{background:#1e293bcc;color:var(--mgn-slate-200)}@media(min-width:768px){:root{--chat-container-width: 100%}.app-root{padding:0;background:var(--mgn-slate-950)}.main-content{flex-direction:row;max-width:100%;margin:0;border-radius:0;border:none;background:var(--mgn-slate-950);box-shadow:none;height:calc(100vh - 56px);padding-left:256px}.thread-list-desktop-container{display:flex}.chat-container{flex:1;display:flex;flex-direction:column;min-height:0;width:100%}.message-viewport{padding:24px 20px}.message-bubble,.assistant-card{max-width:70%}.composer-bar{position:relative;background:var(--mgn-slate-950);border-top:1px solid var(--mgn-slate-800)}.footer-bar{padding:12px 20px 12px 276px}.footer-content{max-width:calc(100% - 256px);margin:0 auto}.burger-button{display:none}.drawer-wrapper{display:none!important}.new-message-indicator{bottom:calc(var(--composer-h, 72px) + 12px - 40px)}.typing-indicator{max-width:70%}}@media(max-width:767px){.chat-container{height:100%;min-height:0}.main-content{height:auto;min-height:0;padding-left:0}.message-viewport{padding:16px 12px;gap:16px}.message-bubble,.assistant-card{padding:12px 16px;max-width:calc(100% - 24px)}.composer-bar{position:relative;background:var(--mgn-slate-950);border-top:1px solid var(--mgn-slate-800);z-index:40}.send-button{padding:10px 16px;font-size:13px;height:48px}.footer-bar{display:none}.message-actions{opacity:.7}.new-message-indicator{bottom:calc(var(--composer-h, 72px) + 12px - 40px)}.drawer-wrapper{display:none}.drawer-wrapper.open{display:block}.message-container:active .message-actions{opacity:1;transform:translateY(0);pointer-events:auto;height:auto}.typing-indicator{max-width:calc(100% - 24px)}}@media(max-width:480px){.header-bar{padding:0 12px}.mgn-logo{font-size:20px}.tier-badge{font-size:11px;padding:3px 8px}.message-viewport{padding:12px 10px}.drawer-panel{width:16rem}.keyboard-hint,.message-action-button span{display:none}.message-action-button{padding:6px}.message-action-button svg{width:14px;height:14px}}.message-bubble.user{margin-left:auto}