html.chat-page[data-theme=dark]{--bg: #0a0716;--bg-2: #120d24;--surface: rgba(24, 17, 48, .66);--surface-solid: #181130;--surface-hover: rgba(34, 24, 66, .8);--border: rgba(167, 139, 250, .16);--border-strong: rgba(167, 139, 250, .34);--text: #efeaff;--muted: #aca2cf;--teal-bright: #8b5cf6;--mint: #67e8f9;--gold: #f0abfc;--orange: #f472b6;--hl: #f472b6;--link: #c4b5fd;--shadow: 0 10px 30px -12px rgba(0, 0, 0, .6);--shadow-hover: 0 24px 60px -18px rgba(0, 0, 0, .7), 0 0 42px -10px rgba(139, 92, 246, .6);--header-bg: rgba(10, 7, 22, .74);--chip-bg: rgba(167, 139, 250, .1);--chip-border: rgba(167, 139, 250, .26);--panel-bg: rgba(16, 11, 34, .8);--bubble-bot: rgba(38, 28, 74, .82);--glow-1: rgba(124, 58, 237, .5);--glow-2: rgba(34, 211, 238, .28);--glow-3: rgba(244, 114, 182, .3);--wave-a: 34, 211, 238;--wave-b: 167, 139, 250;--wave-c: 244, 114, 182}html.chat-page[data-theme=light]{--bg: #f7f4ff;--bg-2: #eee9ff;--surface: rgba(255, 255, 255, .8);--surface-solid: #ffffff;--surface-hover: rgba(255, 255, 255, .96);--border: rgba(91, 33, 182, .14);--border-strong: rgba(91, 33, 182, .3);--text: #1d1340;--muted: #5d5385;--teal-bright: #7c3aed;--mint: #0e7490;--gold: #7c3aed;--orange: #be185d;--hl: #be185d;--link: #5b21b6;--shadow: 0 10px 30px -14px rgba(60, 20, 120, .28);--shadow-hover: 0 24px 50px -18px rgba(60, 20, 120, .35), 0 0 36px -12px rgba(124, 58, 237, .45);--header-bg: rgba(247, 244, 255, .8);--chip-bg: rgba(91, 33, 182, .06);--chip-border: rgba(91, 33, 182, .2);--panel-bg: rgba(255, 255, 255, .82);--bubble-bot: rgba(241, 236, 255, .95);--glow-1: rgba(167, 139, 250, .4);--glow-2: rgba(34, 211, 238, .2);--glow-3: rgba(244, 114, 182, .22);--wave-a: 14, 116, 144;--wave-b: 124, 58, 237;--wave-c: 190, 24, 93}html.chat-page{--grad: linear-gradient(110deg, #22d3ee 0%, #a78bfa 50%, #f472b6 100%);--grad-strong: var(--grad)}html.chat-page[data-theme] .grad{background:linear-gradient(100deg,#22d3ee,#a78bfa 35%,#f472b6 65%,#22d3ee);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;animation:chat-flow 7s linear infinite}html.chat-page[data-theme=light] .grad{background-image:linear-gradient(100deg,#0e7490,#7c3aed 35%,#be185d 65%,#0e7490)}html.chat-page ::selection{background:#f472b659}html.chat-page .scroll-progress{box-shadow:0 0 12px #a78bfaa6}html.chat-page .site-nav a.is-active{color:var(--text)}.chat-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.chat-bg__glow:before,.chat-bg__glow:after{content:"";position:absolute;border-radius:50%;filter:blur(90px);will-change:transform}.chat-bg__glow:before{width:56vmax;height:56vmax;left:-14vmax;top:-18vmax;background:radial-gradient(circle,var(--glow-1),transparent 68%);animation:aurora-drift 22s ease-in-out infinite alternate}.chat-bg__glow:after{width:52vmax;height:52vmax;right:-16vmax;bottom:-20vmax;background:radial-gradient(circle,var(--glow-2),var(--glow-3) 45%,transparent 70%);animation:aurora-drift 28s ease-in-out infinite alternate-reverse}.chat-bg__waves{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 1.4s ease}.chat-bg__waves.is-ready{opacity:1}.chat{position:relative;z-index:1;min-height:100vh;min-height:100svh;padding:calc(var(--header-h) + clamp(1rem,3vw,2rem)) 0 clamp(1.5rem,4vw,3rem)}.chat:focus{outline:none}.chat__intro{text-align:center;margin-bottom:clamp(1.2rem,3vw,2rem)}.chat__eyebrow{display:inline-flex;align-items:center;gap:.55rem;margin:0 0 .9rem;padding:.3rem .85rem;border-radius:var(--radius-pill);border:1px solid var(--chip-border);background:var(--chip-bg);color:var(--mint);font-size:.8rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.chat__eyebrow .live-dot,.chat__eyebrow .live-dot:after{background:var(--mint)}.chat__title{font-size:clamp(2.3rem,5.4vw,3.9rem);margin-bottom:.7rem}.chat__lead{max-width:34rem;margin:0 auto;color:var(--muted);font-size:clamp(1rem,1.6vw,1.15rem)}.chat__grid{display:grid;grid-template-columns:minmax(250px,300px) minmax(0,1fr);gap:clamp(1rem,2.4vw,1.75rem);align-items:stretch}.chat-side{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.75rem 1.4rem 1.5rem;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow)}.chat-side__portrait{--size: 132px;position:relative;width:var(--size);height:var(--size);margin-bottom:1.1rem;animation:float 7s ease-in-out infinite}.chat-side__portrait img{position:relative;z-index:2;width:100%;height:100%;border-radius:50%;object-fit:cover;border:5px solid var(--bg)}.chat-side__portrait:before{content:"";position:absolute;top:-22%;right:-22%;bottom:-22%;left:-22%;z-index:0;border-radius:50%;background:conic-gradient(from 90deg,#22d3ee8c,#a78bfa80,#f472b680,#22d3ee8c);filter:blur(26px);opacity:.6;animation:spin 16s linear infinite reverse}.chat-side__ring{position:absolute;top:-9px;right:-9px;bottom:-9px;left:-9px;z-index:1;border-radius:50%;background:conic-gradient(from 0deg,#22d3ee,#a78bfa,#f472b6,#a78bfa,#22d3ee);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));animation:spin 8s linear infinite}.chat-side__name{font-size:1.4rem;margin-bottom:.3rem}.chat-side__role{margin:0 0 1.4rem;color:var(--muted);font-size:.92rem;line-height:1.5}.chat-side__label{align-self:stretch;margin:0 0 .6rem;text-align:left;color:var(--muted);font-size:.74rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.chat-side__topics{list-style:none;align-self:stretch;display:grid;gap:.45rem;margin-bottom:1.4rem}.topic{width:100%;display:flex;align-items:center;gap:.7rem;padding:.6rem .85rem;border-radius:var(--radius-sm);border:1px solid var(--chip-border);background:var(--chip-bg);color:var(--text);font:inherit;font-size:.92rem;font-weight:500;text-align:left;cursor:pointer;transition:transform .3s var(--ease-out),border-color .3s ease,background-color .3s ease,box-shadow .3s ease}.topic i{width:1.2em;text-align:center;color:var(--mint);transition:transform .35s var(--ease-out),color .3s ease}.topic:hover{transform:translate(4px);border-color:var(--orange);box-shadow:0 10px 26px -14px #f472b6b3}.topic:hover i{color:var(--orange);transform:scale(1.2) rotate(-8deg)}.chat-side__actions{margin-top:auto;display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}html.chat-page .btn--primary{background:linear-gradient(120deg,#22d3ee,#a78bfa 55%,#f472b6);background-size:160% 100%;color:#12082e;--btn-shadow: 0 12px 30px -12px rgba(139, 92, 246, .8)}html.chat-page .btn--primary:hover{color:#12082e;--btn-shadow: 0 18px 40px -14px rgba(244, 114, 182, .8)}.chat-panel{--panel-h: clamp(520px, calc(100svh - 22rem) , 720px);position:relative;display:flex;flex-direction:column;height:var(--panel-h);min-height:0;overflow:hidden;border-radius:calc(var(--radius) + 4px);background:var(--panel-bg);border:1px solid var(--border-strong);box-shadow:var(--shadow),0 0 60px -26px #8b5cf6b3;isolation:isolate}.chat-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(520px circle at var(--mx, 70%) var(--my, 0%),rgba(167,139,250,.14),transparent 55%);pointer-events:none}.chat-panel:after{content:"";position:absolute;top:0;left:0;width:38%;height:2px;background:linear-gradient(90deg,transparent,#22d3ee,#a78bfa,#f472b6,transparent);animation:chat-streak 5.5s ease-in-out infinite;pointer-events:none}.chat-panel__head{display:flex;align-items:center;gap:.85rem;padding:1rem 1.2rem;border-bottom:1px solid var(--border)}.chat-panel__id{min-width:0;flex:1}.chat-panel__title{font-size:1.08rem;line-height:1.2}.chat-panel__sub{margin:.15rem 0 0;color:var(--muted);font-size:.8rem;line-height:1.3}.chat-panel__dot{margin:0 .35rem}.status{font-weight:600;color:var(--mint);transition:color .3s ease}.status[data-mode=thinking]{color:var(--orange)}.status[data-mode=writing]{color:var(--link)}.orb{position:relative;flex:none;width:40px;height:40px;border-radius:50%;background:conic-gradient(from 0deg,#22d3ee,#a78bfa,#f472b6,#22d3ee);animation:spin 6s linear infinite;box-shadow:0 0 22px -2px #a78bfacc}.orb__core{position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:50%;background:var(--surface-solid);animation:chat-breathe 3.4s ease-in-out infinite}.chat-panel[data-mode=thinking] .orb{animation-duration:1.2s}.chat-panel[data-mode=thinking] .orb__core{animation-duration:.9s}.chat-panel[data-mode=writing] .orb{animation-duration:2.4s}.chat-clear{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .85rem;border-radius:var(--radius-pill);border:1px solid var(--chip-border);background:var(--chip-bg);color:var(--muted);font:inherit;font-size:.82rem;font-weight:500;cursor:pointer;transition:color .25s ease,border-color .25s ease,transform .3s var(--ease-out)}.chat-clear i{transition:transform .5s var(--ease-out)}.chat-clear:hover{color:var(--text);border-color:var(--orange)}.chat-clear:hover i{transform:rotate(180deg)}.chat-log{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:.9rem;padding:1.25rem 1.2rem .5rem;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.chat-log:focus-visible{outline-offset:-4px}.msg{display:flex;align-items:flex-end;gap:.6rem;max-width:min(100%,40rem);animation:msg-in .5s var(--ease-out) both}.msg--user{align-self:flex-end;flex-direction:row-reverse;max-width:min(88%,32rem)}.msg__avatar{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--surface-solid);border:1px solid var(--border-strong)}.msg__avatar img{width:20px;height:auto}.msg__bubble{min-width:0;padding:.8rem 1.05rem;border-radius:18px 18px 18px 6px;background:var(--bubble-bot);border:1px solid var(--border);font-size:.99rem;line-height:1.6;overflow-wrap:anywhere}.msg--user .msg__bubble{border-radius:18px 18px 6px;border-color:transparent;background:linear-gradient(135deg,#7c3aed,#c026d3 70%,#ec4899);color:#fff;box-shadow:0 12px 28px -14px #c026d3e6}.msg__p{margin:0 0 .7em;white-space:pre-line}.msg__p:last-child{margin-bottom:0}.msg__bubble.is-streaming .msg__p:last-of-type:after{content:"";display:inline-block;width:.5em;height:1.05em;margin-left:2px;vertical-align:text-bottom;border-radius:2px;background:var(--orange);animation:caret-blink .8s steps(1) infinite}.msg__links{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.85rem}.msg-link{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .8rem;border-radius:var(--radius-pill);border:1px solid var(--chip-border);background:var(--chip-bg);color:var(--text);font-size:.84rem;font-weight:500;animation:msg-in .45s var(--ease-out) both;animation-delay:calc(var(--i, 0) * 90ms + 80ms);transition:border-color .25s ease,color .25s ease,transform .3s var(--ease-out)}.msg-link i{font-size:.78em;color:var(--mint)}.msg-link:hover{color:var(--text);border-color:var(--orange);transform:translateY(-2px)}.dots{display:inline-flex;gap:5px;align-items:center;height:1.6em}.dots i{display:block;width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,#22d3ee,#f472b6);animation:chat-bounce 1s ease-in-out infinite}.dots i:nth-child(2){animation-delay:.14s}.dots i:nth-child(3){animation-delay:.28s}.chat-suggest{display:flex;flex-wrap:wrap;gap:.45rem;padding:.6rem 1.2rem .2rem;min-height:2.6rem;transition:opacity .25s ease}.chat-suggest.is-hidden{opacity:0;visibility:hidden}.suggest{padding:.4rem .85rem;border-radius:var(--radius-pill);border:1px solid var(--chip-border);background:var(--chip-bg);color:var(--text);font:inherit;font-size:.85rem;font-weight:500;cursor:pointer;animation:msg-in .45s var(--ease-out) both;animation-delay:calc(var(--i, 0) * 70ms);transition:border-color .25s ease,background-color .25s ease,transform .3s var(--ease-out),box-shadow .3s ease}.suggest:hover{transform:translateY(-2px);border-color:var(--orange);box-shadow:0 8px 22px -12px #f472b6cc}.chat-form{display:flex;align-items:flex-end;gap:.6rem;margin:.5rem 1.2rem 0;padding:.45rem .45rem .45rem 1rem;border-radius:26px;background:var(--surface-solid);border:1px solid var(--border-strong);transition:border-color .3s ease,box-shadow .3s ease}.chat-form:focus-within{border-color:#a78bfa;box-shadow:0 0 0 3px #a78bfa38,0 0 34px -8px #22d3ee80}.chat-form__input{flex:1;min-width:0;max-height:140px;padding:.55rem 0;border:0;outline:0;resize:none;background:transparent;color:var(--text);font:inherit;font-size:1rem;line-height:1.5}.chat-form__input::placeholder{color:var(--muted)}.chat-form__send{flex:none;display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:50%;background:linear-gradient(135deg,#22d3ee,#8b5cf6 55%,#ec4899);color:#fff;font-size:1rem;cursor:pointer;box-shadow:0 10px 24px -10px #8b5cf6e6;transition:transform .3s var(--ease-out),opacity .25s ease,box-shadow .3s ease}.chat-form__send:hover:not(:disabled){transform:translateY(-2px) scale(1.06);box-shadow:0 14px 30px -10px #ec4899e6}.chat-form__send:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.chat-note{margin:0;padding:.6rem 1.4rem .9rem;color:var(--muted);font-size:.76rem;line-height:1.4;text-align:center}.chat-noscript{position:relative;z-index:2;margin:1rem auto;max-width:36rem;padding:1rem;text-align:center}@keyframes msg-in{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}@keyframes chat-bounce{0%,60%,to{transform:translateY(0);opacity:.55}30%{transform:translateY(-6px);opacity:1}}@keyframes chat-breathe{0%,to{transform:scale(1)}50%{transform:scale(.8)}}@keyframes chat-flow{to{background-position:-220% 0}}@keyframes chat-streak{0%{transform:translate(-100%);opacity:0}15%,85%{opacity:1}to{transform:translate(270%);opacity:0}}@media(max-width:960px){.chat__grid{grid-template-columns:minmax(0,1fr)}.chat-panel{--panel-h: clamp(480px, 74svh, 680px);order:1}.chat-side{order:2}.chat-side__topics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.chat-side__topics{grid-template-columns:minmax(0,1fr)}.chat-clear span{display:none}.chat-clear{width:38px;height:38px;justify-content:center;padding:0}.chat-log,.chat-suggest{padding-inline:.85rem}.chat-form{margin-inline:.85rem}.msg--user{max-width:92%}}@media(prefers-reduced-motion:reduce){.chat-panel:after,.chat-bg__glow:before,.chat-bg__glow:after,.chat-side__portrait,.orb,.orb__core,.chat-side__ring,.chat-side__portrait:before,.grad{animation:none!important}.topic:hover,.suggest:hover,.msg-link:hover,.chat-form__send:hover:not(:disabled){transform:none}}
