body,h1,textarea{color:var(--text-main)}.glass-card,.input-wrapper,body,header,main#chatLog{display:flex}:root,[data-theme=dark]{--msg-user-text:#ffffff}.liquid-bg,.noise-overlay,.orb{position:absolute}.glass-card,.liquid-bg,body{overflow:hidden}body,h1{margin:0}body,textarea{font-family:var(--font-stack)}:root{--font-stack:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--bg-color:#fcfcfd;--orb-1:rgba(224, 215, 255, 0.7);--orb-2:rgba(208, 245, 255, 0.7);--orb-3:rgba(255, 224, 233, 0.6);--glass-bg:rgba(255, 255, 255, 0.65);--glass-border:rgba(255, 255, 255, 0.6);--glass-shadow:0 25px 50px -12px rgba(100, 100, 110, 0.1);--text-main:#1f2937;--text-muted:#6b7280;--msg-user-bg:#1f2937;--msg-asst-bg:#e2e2e7;--msg-asst-text:#1f2937;--input-bg:rgba(255, 255, 255, 0.95);--input-border:rgba(0, 0, 0, 0.04);--input-shadow:0 10px 25px -5px rgba(0, 0, 0, 0.05),0 4px 6px -2px rgba(0, 0, 0, 0.02);--btn-icon:#111827;--btn-hover-bg:#f3f4f6;--toggle-icon:#1f2937;--toggle-hover-bg:rgba(0, 0, 0, 0.04)}[data-theme=dark]{--bg-color:#0a0a0c;--orb-1:rgba(60, 20, 100, 0.5);--orb-2:rgba(20, 60, 100, 0.5);--orb-3:rgba(80, 20, 60, 0.4);--glass-bg:rgba(20, 20, 25, 0.6);--glass-border:rgba(255, 255, 255, 0.08);--glass-shadow:0 30px 60px -15px rgba(0, 0, 0, 0.6);--text-main:#f9fafb;--text-muted:#9ca3af;--msg-user-bg:#4b5563;--msg-asst-bg:#1f2937;--msg-asst-text:#e5e7eb;--input-bg:rgba(30, 35, 45, 0.8);--input-border:rgba(255, 255, 255, 0.08);--input-shadow:0 15px 35px -5px rgba(0, 0, 0, 0.4);--btn-icon:#f9fafb;--btn-hover-bg:rgba(255, 255, 255, 0.1);--toggle-icon:#f9fafb;--toggle-hover-bg:rgba(255, 255, 255, 0.1)}*{box-sizing:border-box}body{height:100vh;height:100dvh;justify-content:center;align-items:center;background:var(--bg-color);transition:background .5s,color .3s;overscroll-behavior:none}.liquid-bg{top:0;left:0;width:100%;height:100%;z-index:0;transition:background-color .5s}.noise-overlay{inset:0;opacity:.03;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.orb{border-radius:50%;filter:blur(130px);animation:30s ease-in-out infinite alternate float;transition:background-color .8s;will-change:transform}.orb-1{width:90vw;height:90vw;background:var(--orb-1);top:-25%;left:-15%}.orb-2{width:80vw;height:80vw;background:var(--orb-2);bottom:-15%;right:-15%;animation-delay:-7s}.orb-3{width:70vw;height:70vw;background:var(--orb-3);top:30%;right:20%;animation-delay:-15s}@keyframes float{0%{transform:translate(0,0) scale(1)}50%{transform:translate(30px,-30px) scale(1.03)}100%{transform:translate(-20px,20px) scale(.97)}}.glass-card{position:relative;z-index:10;width:90%;max-width:900px;height:85vh;background:var(--glass-bg);backdrop-filter:blur(30px) saturate(110%);-webkit-backdrop-filter:blur(30px) saturate(110%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:32px;flex-direction:column;transition:.3s}.input-container,header,main#chatLog{position:relative;z-index:21}.icon-btn,.send-btn{width:36px;height:36px;cursor:pointer;display:flex}header{padding:24px 40px;justify-content:space-between;align-items:center}h1{font-size:18px;font-weight:600;letter-spacing:-.01em;opacity:.9}.icon-btn{background:0 0;border:none;border-radius:50%;align-items:center;justify-content:center;transition:.2s;color:var(--toggle-icon)}.icon-btn:hover{background:var(--toggle-hover-bg);transform:rotate(15deg)}.icon-btn svg{width:20px;height:20px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}main#chatLog{flex:1;overflow-y:auto;padding:20px 40px;flex-direction:column;gap:24px;scrollbar-width:none;mask-image:linear-gradient(to bottom,transparent 0%,black 5%,black 95%,transparent 100%)}#chatLog::-webkit-scrollbar{display:none}.message{max-width:80%;line-height:1.6;font-size:16px;border-radius:20px;padding:14px 22px;position:relative;animation:.4s cubic-bezier(.2,.9,.3,1) slideIn;box-shadow:0 1px 2px rgba(0,0,0,.05);white-space:pre-wrap}@keyframes slideIn{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.user{align-self:flex-end;font-weight:500;color:var(--msg-user-text);background:var(--msg-user-bg);border-bottom-right-radius:4px}.assistant{align-self:flex-start;color:var(--msg-asst-text);background:var(--msg-asst-bg);border-bottom-left-radius:4px}.typing-cursor::after{content:"";display:inline-block;width:2px;height:16px;background:currentColor;margin-left:4px;vertical-align:sub;animation:1s infinite blink;opacity:.7}@keyframes blink{50%{opacity:0}}.input-container{padding:20px 40px 36px}.input-wrapper{align-items:flex-end;background:var(--input-bg);border-radius:26px;padding:10px 14px 10px 24px;transition:.3s cubic-bezier(.2, .9, .3, 1);border:1px solid var(--input-border);box-shadow:var(--input-shadow);backdrop-filter:blur(15px)}.input-wrapper:focus-within{transform:translateY(-2px);border-color:rgba(0,0,0,.08)}[data-theme=dark] .input-wrapper:focus-within{border-color:rgba(255,255,255,.15)}textarea{flex:1;background:0 0;border:none;font-size:16px;outline:0;padding-right:16px;resize:none;overflow-y:hidden;max-height:200px;line-height:1.5;padding-top:6px;padding-bottom:6px;min-height:36px}textarea::placeholder{color:var(--text-muted);opacity:.8}.send-btn{border-radius:50%;border:none;background:var(--btn-icon);color:var(--bg-color);align-items:center;justify-content:center;transition:.2s cubic-bezier(.2, .9, .3, 1);transform:scale(.95);flex-shrink:0}.send-btn:hover{transform:scale(1.05)}.send-btn:disabled{opacity:.4;cursor:default;transform:scale(.95)}.send-btn svg{width:18px;height:18px;fill:currentColor;transform:translateX(2px)}.disclaimer{position:absolute;bottom:24px;left:0;width:100%;text-align:center;z-index:30;font-size:11px;color:var(--text-muted);opacity:.7;pointer-events:none;letter-spacing:.02em;transition:.2s}@media (max-width:768px){.input-container,header,main#chatLog{padding-left:24px;padding-right:24px}.glass-card{width:100%;height:100dvh;border-radius:0;border:none;box-shadow:none;background:0 0}header{position:fixed;top:0;left:0;width:100%;z-index:50;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);padding-top:max(15px,env(safe-area-inset-top) + 10px);padding-bottom:15px}main#chatLog{padding-top:110px}.input-container{padding-bottom:max(35px,env(safe-area-inset-bottom) + 50px)}.disclaimer{bottom:max(10px,env(safe-area-inset-bottom) + 10px);font-size:10px}.orb{filter:blur(90px);opacity:.6}.orb-1{width:120vw;height:120vw}.orb-2{width:100vw;height:100vw}.orb-3{width:80vw;height:80vw}.message{max-width:88%;padding:12px 18px;border-radius:18px;font-size:15px}.user{border-bottom-right-radius:4px}.assistant{border-bottom-left-radius:4px}}