:root{--bg: #0b0d0c;--panel: #121614;--muted: #9aa3a0;--text: #eef1ef;--accent: #2ecc71;--accent-soft: rgba(46,204,113,.15);--divider: rgba(255,255,255,.04);--code-bg: #0f1513;--max-width: 80rem}html,body,#root{height:100%;margin:0;background:radial-gradient(circle at top,#141917,#0b0d0c 65%);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);-webkit-font-smoothing:antialiased}.app-container{display:flex;flex-direction:column;height:100vh}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background:#ffffff0f;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#ffffff1a}::-webkit-scrollbar-track{background:transparent}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes l3{25%{background-position:0 0,100% 100%,100% calc(100% - 4px)}50%{background-position:0 100%,100% 100%,0 calc(100% - 4px)}75%{background-position:0 100%,100% 0,100% 4px}}header{position:fixed;top:0;left:0;right:0;z-index:1000;background:linear-gradient(180deg,var(--panel),var(--bg));border-bottom:1px solid rgba(255,255,255,.04);padding:1.5rem}.header-content{max-width:var(--max-width);margin:0 auto;display:flex;align-items:center;gap:1rem}.header-icon{width:3rem;height:3rem;background:#2ecc711f;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.header-text h1{margin:0;font-size:1.4rem;font-weight:700}.header-text p{margin:.25rem 0 0;font-size:.9rem;color:var(--muted)}main{position:relative;flex:1;overflow:hidden;padding:0}.chat-container{position:absolute;inset:96px 0 110px;overflow-y:auto;overflow-x:hidden;max-width:var(--max-width);margin:0 auto;padding:1.5rem;-webkit-overflow-scrolling:touch}.empty-state{text-align:center;padding:4rem 1rem;animation:fade-in .2s ease-out;pointer-events:none}.empty-state-icon{width:5rem;height:5rem;border-radius:10px;background:#2ecc7124;display:flex;align-items:center;justify-content:center;font-size:2rem;margin:0 auto 1.25rem;opacity:.45}.empty-state h2{font-size:1.4rem;margin:0 0 .5rem}.empty-state p{color:var(--muted);margin:0}.suggestions{margin-top:2rem;display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.suggestion-pill{background:#2ecc7114;border:1px solid rgba(46,204,113,.25);color:var(--accent);padding:.55rem 1rem;border-radius:9999px;font-size:.9rem;font-weight:600;cursor:pointer}.startup-notice{text-align:center;font-size:.9rem;color:var(--muted);margin:2rem 0 1.5rem;opacity:.85;animation:fade-in .25s ease-out}.message-wrapper{display:flex;padding:1.75rem 1.5rem;border-bottom:1px solid var(--divider);animation:fade-in .15s ease-out}.message-wrapper.ai{justify-content:flex-start;background:linear-gradient(180deg,#2ecc710f,#2ecc7103);animation:slide-in-left .18s ease-out}.message-wrapper.user{justify-content:flex-end;background:linear-gradient(180deg,#ffffff0a,#ffffff03);animation:slide-in-right .18s ease-out}.message-card{width:100%;background:none;border:none;padding:0}.message-meta{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:.5rem}.ai-avatar{display:none!important}.message-markdown{max-width:100%}.markdown-body{font-size:1.15rem;line-height:1.75;letter-spacing:.01em;color:var(--text)}.markdown-body h1{font-size:1.9rem;margin:.6rem 0}.markdown-body h2{font-size:1.55rem;margin:.55rem 0}.markdown-body h3{font-size:1.3rem;margin:.5rem 0}.markdown-body p{margin:.45rem 0}.markdown-body a{color:var(--accent);font-weight:600;text-decoration:none}.markdown-body a:hover{text-decoration:underline}.markdown-body code{background:#2ecc711a;padding:2px 6px;border-radius:6px;font-size:1rem;font-family:Courier New,monospace}.markdown-body pre{background:linear-gradient(180deg,#101816,#0d1311);border-left:4px solid var(--accent);padding:14px 16px;border-radius:8px;margin:.75rem 0;font-size:1rem;overflow-x:auto}@media(max-width:600px){.markdown-body{font-size:.95rem;line-height:1.5}.markdown-body h1{font-size:1.5rem}.markdown-body h2{font-size:1.25rem}.markdown-body h3{font-size:1.1rem}.markdown-body p{margin:.35rem 0}.markdown-body code,.markdown-body pre{font-size:.875rem}.markdown-body pre{padding:6px 12px}}.loading-wrapper{display:flex;padding:1.75rem 1.5rem;border-bottom:1px solid var(--divider);animation:fade-in .15s ease-out;justify-content:flex-start;background:linear-gradient(180deg,#2ecc710f,#2ecc7103)}.loading-content{width:100%}.loader{width:60px;height:50px;border:4px solid var(--accent);padding:0 6px;box-sizing:border-box;background:linear-gradient(var(--accent) 0 0) 0 0/6px 15px,linear-gradient(var(--accent) 0 0) 100% 0/6px 15px,radial-gradient(farthest-side,var(--accent) 90%,#0000) 0 4px/6px 6px content-box,transparent;background-repeat:no-repeat;animation:l3 2s infinite linear;border-radius:4px;margin-top:.5rem}.loading-bubble,.loading-dot{display:none!important}:root{--max-width: 800px;--text: #ffffff;--bg-gradient: linear-gradient(180deg, #0b0d0c, #070908);--accent: rgba(46, 204, 113, 1);--border: rgba(255, 255, 255, .05)}footer{position:fixed;bottom:0;left:0;right:0;z-index:1000;background:var(--bg-gradient);border-top:1px solid rgba(255,255,255,.04);padding:1rem 0}.footer-suggestions{max-width:var(--max-width);margin:0 auto .75rem;padding:0 1.25rem;display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap}@media(max-width:600px){.footer-suggestions{justify-content:space-around}.footer-suggestions>*{flex:1 1 100%;text-align:center;min-width:300px;padding:1rem;min-height:20px}}.suggestion-pill{background:#ffffff0d;padding:.6rem 1rem;border-radius:12px;font-size:.9rem;color:#2ecc71;white-space:nowrap;cursor:pointer;border:1px solid rgba(46,204,113,.2);transition:all .2s ease;width:auto;text-align:center}.suggestion-pill:active{background:#2ecc711a;transform:scale(.98)}.input-container{max-width:var(--max-width);margin:0 auto;display:flex;gap:.75rem;padding:0 1.25rem;align-items:flex-end}.input-wrapper{flex:1;position:relative}footer textarea{display:block;width:100%;min-height:44px;max-height:8rem;padding:.75rem 1.2rem;border-radius:24px;background:#ffffff08;border:1px solid var(--border);font-size:1rem;color:var(--text);outline:none;resize:none;overflow-y:auto;line-height:1.4;transition:border-color .2s ease}footer textarea:focus{border-color:#2ecc7166}footer button[type=submit]{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--accent);border:none;border-radius:50%;cursor:pointer;padding:0}.button-icon{width:1.4rem;height:1.4rem;color:#000}@media(max-width:600px){footer{padding-bottom:1.5rem}.footer-suggestions{flex-direction:column;align-items:stretch;gap:.5rem;padding:0 1.25rem;margin-bottom:1rem}.suggestion-pill{width:100%;white-space:normal;text-align:left;padding:.75rem 1rem}.input-container{padding:0 .75rem;gap:.5rem}}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:600px){.chat-container{top:65px!important;bottom:80px!important;padding:1rem .5rem!important}header{padding:.6rem 1rem!important}.header-icon{width:2rem;height:2rem;font-size:1.1rem}.header-text h1{font-size:1rem}.header-text p{font-size:.75rem}footer{padding:.6rem .8rem!important}.input-container{display:flex;align-items:center;padding:0!important;gap:.5rem}.input-wrapper{flex:1;display:flex}footer textarea,footer input[type=text]{width:100%!important;min-height:42px!important;font-size:16px!important;padding:.6rem 1rem!important;border-radius:24px!important}footer button{width:42px!important;height:42px!important;flex-shrink:0;padding:0!important;display:flex;align-items:center;justify-content:center;border-radius:50%!important}.message-wrapper{padding:.75rem!important;margin:.4rem .5rem!important;border-radius:12px!important;border-bottom:none!important}.message-wrapper.ai{margin-right:2rem!important}.message-wrapper.user{margin-left:2rem!important}.markdown-body{font-size:.95rem!important;line-height:1.45}}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem;background:transparent;z-index:1100;color:var(--text);text-align:center}.login-box{width:100%;max-width:420px;background:linear-gradient(180deg,#121614,#0f1412);padding:2rem;border-radius:12px;box-shadow:0 10px 30px #0009;display:flex;flex-direction:column;align-items:center;gap:.9rem;border:1px solid rgba(255,255,255,.03)}.login-box h1{font-size:1.4rem;margin:0;color:var(--accent);font-weight:700}.login-help{margin-top:.25rem;color:var(--muted);font-size:.9rem}.google-btn{background:var(--accent);color:#000;font-weight:700;font-size:1rem;padding:.85rem 1.25rem;border:none;border-radius:9999px;cursor:pointer;transition:transform .12s ease,background .12s ease;box-shadow:0 6px 18px #2ecc711f;width:100%;max-width:320px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.google-btn:hover,.google-btn:focus{background:#2ecc71eb;transform:translateY(-2px);outline:none}.guest-login{background:none;border:none;color:var(--muted);font-size:.95rem;cursor:pointer;text-decoration:underline;padding:.25rem;display:inline-block}.guest-login:hover,.guest-login:focus{color:var(--accent);outline:none}@media(max-width:520px){.login-box{padding:1.25rem;max-width:92%}.google-btn{padding:.75rem 1rem;font-size:.98rem}}html,body{height:100dvh;margin:0;padding:0;overflow:hidden}#root,.app-container{height:100dvh;display:flex;flex-direction:column}