*,:before,:after{box-sizing:border-box}html,body,#__next{height:100%}html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;line-height:1.5}:root{--bp-sm:640px;--bp-md:768px;--bp-lg:1024px;--bg:#f6f8fb;--fg:#0f172a;--muted:#6b7280;--md-primary:#2563eb;--md-surface:#fff;--md-on-surface:#0f172a;--container-max:1280px;--spacing-base:1rem;--spacing-sm:.75rem;--spacing-xs:.5rem;--elevation-1:0 1px 3px #10182814,0 1px 2px #1018280f;--elevation-2:0 6px 18px #1018281f,0 2px 6px #10182814;--bubble-max-width:min(40rem,85%);--bubble-padding:var(--spacing-base);--input-area-padding:var(--spacing-base);--input-area-min-height:44px}body{background:var(--bg);color:var(--fg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial;font-size:16px}.container{width:100%;max-width:var(--container-max);margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-4{gap:1rem}.hidden{display:none!important}.block{display:block}.inline-block{display:inline-block}.text-center{text-align:center}.text-muted{color:var(--muted)}.rounded{border-radius:.5rem}.border{border:1px solid #e5e7eb}.shadow{box-shadow:0 4px 12px #02061714}.btn{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:.375rem;align-items:center;gap:.5rem;padding:.5rem 1rem;display:inline-flex}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.p-4{padding:1rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.katex{font-size:.95em}@keyframes slideInDown{0%{opacity:0;transform:translateY(-1rem)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(1rem)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-1rem)}to{opacity:1;transform:translate(0)}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.app-root{background:#f9fafb;flex-direction:column;height:100vh;display:flex}.app-header{background:var(--md-surface);box-shadow:var(--elevation-1);align-items:center;gap:.75rem;padding:.75rem 1rem;animation:.3s ease-out slideInDown;display:flex}.app-title{color:var(--md-on-surface);font-size:1.125rem;font-weight:600}.chat-main{flex:auto;padding:1rem;overflow-y:auto}.messages>*+*{margin-top:1.5rem}.chat-row{animation:.2s ease-out fadeIn;display:flex}.chat-row--user{justify-content:flex-end}.chat-row--ai{justify-content:flex-start;gap:.75rem}.avatar{opacity:0;flex-shrink:0;animation:.3s ease-out .1s forwards slideInLeft}.avatar .avatar-inner{color:#fff;background:#374151;border-radius:9999px;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .2s;display:flex}.avatar .avatar-inner:hover{transform:scale(1.05)}.bubble{max-width:var(--bubble-max-width);padding:var(--bubble-padding);opacity:0;transform-origin:bottom;border-radius:12px;width:-moz-fit-content;width:fit-content;line-height:1.6;transition:transform .2s,box-shadow .2s}.bubble:hover{box-shadow:var(--elevation-2);transform:translateY(-1px)}.bubble--ai{background:var(--md-surface);color:var(--md-on-surface);box-shadow:var(--elevation-1);border:1px solid #1018280f;animation:.3s ease-out .2s forwards slideInLeft}.bubble--user{box-shadow:var(--elevation-1);margin-left:auto;animation:.3s ease-out forwards slideInRight;background:var(--md-primary)!important;color:#fff!important}.bubble.prose{max-width:var(--bubble-max-width);line-height:1.6}.bubble--user.prose{background:var(--md-primary)!important;color:#fff!important}.message-content{position:relative}.message-content .streaming-text,.message-content p:last-child,.message-content li:last-child,.message-content>:last-child{animation:.4s ease-in fadeInText}@keyframes fadeInText{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,to{opacity:.3}50%{opacity:1}}@keyframes wave{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.typing-dots{gap:.25rem;padding:.5rem;display:flex}.typing-dots .dot{background:var(--md-primary);opacity:.9;border-radius:9999px;width:8px;height:8px;animation:1.2s ease-in-out infinite wave,1.2s ease-in-out infinite blink}.typing-dots .dot:first-child{animation-delay:-.32s}.typing-dots .dot:nth-child(2){animation-delay:-.16s}.typing-dots .dot:nth-child(3){animation-delay:0s}.app-footer{padding:var(--spacing-sm);z-index:10;background:0 0;border-top:1px solid #1018280a;width:100%;position:sticky;bottom:0}.input-form{background:var(--md-surface);padding:var(--spacing-xs);box-shadow:var(--elevation-1);max-width:var(--container-max);border-radius:24px;align-items:flex-end;gap:.75rem;margin:0 auto;display:flex}.input-field{resize:none;transform-origin:bottom;background:0 0;border:1px solid #1018280f;border-radius:12px;flex:auto;max-height:10rem;padding:.75rem;transition:all .2s cubic-bezier(.4,0,.2,1);overflow-y:auto}.input-field:focus{box-shadow:var(--elevation-2);border-color:#2563ebe6;outline:none;transform:translateY(-1px)}.input-field:disabled{opacity:.7;cursor:not-allowed;transform:scale(.99)}.btn-send{cursor:pointer;width:44px;height:44px;box-shadow:var(--elevation-1);transform-origin:50%;border-radius:999px;justify-content:center;align-items:center;padding:.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.btn-send--primary{color:#fff;background:#2563eb;animation:.2s ease-out scaleUp}.btn-send--primary:hover{box-shadow:var(--elevation-2);background:#1e40af;transform:scale(1.05)}.btn-send--primary:active{transform:scale(.95)}.btn-send--disabled{color:#6b7280;cursor:default;opacity:.8;background:#d1d5db;transform:scale(.95)}.icon-sm{width:20px;height:20px;display:inline-block}.ripple{pointer-events:none;will-change:transform,opacity;opacity:.95;background:#ffffff3d;border-radius:50%;animation:.65s cubic-bezier(.2,.8,.2,1) ripple-anim;position:absolute;transform:scale(0)}@keyframes ripple-anim{0%{opacity:.9;transform:scale(0)}60%{opacity:.65;transform:scale(1)}to{opacity:0;transform:scale(1.4)}}@media (max-width:640px){:root{--spacing-base:.75rem;--spacing-sm:.5rem;--spacing-xs:.375rem;--bubble-max-width:85%}.app-header{padding:.625rem var(--spacing-sm)}.chat-main{padding:var(--spacing-sm)}.messages>*+*{margin-top:var(--spacing-base)}.bubble{padding:var(--spacing-sm);font-size:.9375rem}.prose pre,.prose .math{margin:var(--spacing-sm)calc(-1*var(--spacing-xs));padding:var(--spacing-sm);border-radius:8px;font-size:.875rem;overflow-x:auto}}@media (min-width:641px) and (max-width:1024px){:root{--bubble-max-width:75%}.chat-main{padding:var(--spacing-base)var(--spacing-sm)}}@media (pointer:coarse){.btn-send{min-width:48px;min-height:48px}.input-field{padding:.875rem;font-size:1rem}}@media (max-width:360px){.app-title{font-size:1rem}.bubble{--bubble-max-width:90%}}@media (max-height:600px){.chat-main{padding-top:var(--spacing-xs);padding-bottom:var(--spacing-xs)}.messages>*+*{margin-top:var(--spacing-sm)}}@supports (padding:env(safe-area-inset-bottom)){.app-footer{padding-bottom:max(var(--spacing-sm),env(safe-area-inset-bottom))}}.file-input-hidden{display:none}.btn-attach{cursor:pointer;color:#6b7280;background:0 0;border:1px solid #1018280f;border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;padding:.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-attach:hover{color:#2563eb;background:#1018280a;border-color:#2563eb33}.btn-attach:active{transform:scale(.95)}.file-preview-container{padding:var(--spacing-xs)var(--spacing-sm);margin-bottom:var(--spacing-xs);gap:.5rem;display:flex;overflow-x:auto}.file-preview{border:1px solid #1018280f;border-radius:8px;flex-shrink:0;width:80px;height:80px;position:relative;overflow:hidden}.file-preview-image{object-fit:cover;width:100%;height:100%}.file-preview-remove{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex;position:absolute;top:4px;right:4px}.file-preview-remove:hover{background:#000c;transform:scale(1.1)}.message-attachments{flex-direction:column;gap:.5rem;margin-bottom:.75rem;display:flex}.message-image{object-fit:contain;border:1px solid #1018280f;border-radius:8px;max-width:100%;max-height:400px}.message-file{background:#1018280a;border:1px solid #1018280f;border-radius:8px;padding:.5rem}