.ch-vision{--cv-ink:#0a1328;--cv-muted:#65738f;--cv-line:rgba(97,119,184,.2);position:relative;isolation:isolate;overflow:hidden;padding:clamp(78px,9vw,138px) 0;background:radial-gradient(1000px 650px at 14% 15%,rgba(14,165,233,.14),transparent 65%),radial-gradient(900px 620px at 90% 66%,rgba(139,92,246,.14),transparent 65%),linear-gradient(180deg,#f8fbff 0%,#eef4ff 52%,#f9fbff 100%);color:var(--cv-ink)}
.ch-vision:before{content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(rgba(63,92,155,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(63,92,155,.055) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,transparent,#000 15%,#000 85%,transparent)}
.ch-vision-aura{position:absolute;z-index:-1;border-radius:50%;filter:blur(2px);pointer-events:none}.ch-vision-aura-a{width:420px;height:420px;left:-180px;top:18%;background:radial-gradient(circle,rgba(34,211,238,.17),transparent 68%)}.ch-vision-aura-b{width:480px;height:480px;right:-200px;bottom:0;background:radial-gradient(circle,rgba(167,139,250,.18),transparent 68%)}
.ch-vision-head{max-width:1040px;margin:0 auto clamp(38px,5vw,68px);text-align:center}.ch-vision-head h2{margin:18px auto 20px;max-width:1000px;font-size:clamp(42px,6.2vw,86px);line-height:.98;letter-spacing:-.058em;color:var(--cv-ink)}.ch-vision-head h2 span{display:inline;background:linear-gradient(95deg,#2563eb 10%,#06b6d4 48%,#8b5cf6 78%,#e879f9);-webkit-background-clip:text;background-clip:text;color:transparent}.ch-vision-head p{max-width:850px;margin:auto;font-size:clamp(17px,1.65vw,22px);line-height:1.7;color:var(--cv-muted)}
.ch-vision-stage{position:relative;border:1px solid rgba(91,119,196,.22);border-radius:36px;padding:18px;background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(237,244,255,.72));box-shadow:0 45px 100px -54px rgba(25,49,116,.65),inset 0 1px 0 #fff;backdrop-filter:blur(20px)}
.ch-vision-stage:after{content:"";position:absolute;inset:12% 27%;z-index:-1;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.16),transparent 68%);filter:blur(28px)}
.ch-vision-topbar{display:flex;align-items:center;justify-content:space-between;padding:8px 10px 20px}.ch-vision-topbar>div{display:flex;align-items:center;gap:9px}.ch-vision-topbar>div>i{width:10px;height:10px;border-radius:50%;background:#10b981;box-shadow:0 0 0 7px rgba(16,185,129,.1)}.ch-vision-topbar b{font-size:14px}.ch-vision-topbar span{font-size:12px;color:var(--cv-muted)}.ch-vision-topbar strong{display:flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid rgba(16,185,129,.22);border-radius:99px;background:rgba(236,253,245,.82);font-size:10px;letter-spacing:.1em;color:#07865f}.ch-vision-topbar strong i{width:7px;height:7px;border-radius:50%;background:#10b981;animation:cvPulse 2s ease-in-out infinite}
.ch-vision-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(220px,.64fr) minmax(0,1fr);gap:16px;align-items:stretch;perspective:1500px}
.ch-vision-chat,.ch-vision-answer{min-width:0;border:1px solid rgba(99,122,186,.22);border-radius:26px;background:rgba(255,255,255,.92);box-shadow:0 25px 60px -40px rgba(29,50,110,.65);overflow:hidden}
.ch-vision-chat{padding:22px;transform:rotateY(2deg);transform-origin:right center;transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s}.ch-vision-chat:hover{transform:rotateY(0) translateY(-4px);box-shadow:0 36px 70px -36px rgba(29,50,110,.7)}
.ch-vision-chat header,.ch-vision-answer header{display:flex;align-items:center;gap:11px}.ch-vision-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#2563eb,#7c3aed);color:#fff;font-weight:850;font-size:13px;box-shadow:0 12px 24px -12px #4f46e5}.ch-vision-chat header>div:nth-child(2){display:grid;gap:2px}.ch-vision-chat header b{font-size:14px}.ch-vision-chat header span{font-size:11px;color:var(--cv-muted)}.ch-vision-chat header em{margin-left:auto;font-size:9px;font-style:normal;font-weight:850;letter-spacing:.12em;color:#059669}
.ch-vision-bubble{margin:18px 0 13px 15%;padding:13px 15px;border-radius:17px 17px 4px 17px;background:linear-gradient(135deg,#eff6ff,#f5f3ff);border:1px solid rgba(99,102,241,.16);font-size:12px;line-height:1.5;color:#24304d}
.ch-vision-images{display:grid;grid-template-columns:minmax(0,1fr) 34%;gap:9px}.ch-shot{position:relative;overflow:hidden;border:1px solid rgba(96,120,181,.21);border-radius:15px;background:#f4f7fd;min-height:174px}.ch-shot-window{display:flex;align-items:center;gap:4px;height:25px;padding:0 9px;background:#e8eef8;border-bottom:1px solid rgba(80,100,150,.13)}.ch-shot-window i{width:5px;height:5px;border-radius:50%;background:#f87171}.ch-shot-window i:nth-child(2){background:#fbbf24}.ch-shot-window i:nth-child(3){background:#34d399}.ch-shot-window span{min-width:0;margin-left:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:7px;color:#73809a}.ch-shot-body{display:flex;flex-direction:column;align-items:flex-start;padding:24px 17px}.ch-shot-body small,.ch-shot-side small{font-size:7px;font-weight:850;letter-spacing:.1em;color:#2563eb}.ch-shot-body b{margin:6px 0 5px;font-size:17px;letter-spacing:-.03em}.ch-shot-body p{margin:0;color:#77839b;font-size:9px;line-height:1.45}.ch-shot-body button{margin-top:15px;border:0;border-radius:7px;padding:6px 10px;background:#2563eb;color:#fff;font-size:8px;font-weight:800}.ch-shot-side{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:14px;background:linear-gradient(150deg,#ecfeff,#f0fdf4)}.ch-shot-side:before{content:"✓";display:grid;place-items:center;width:34px;height:34px;margin-bottom:12px;border-radius:50%;background:#10b981;color:#fff;font-size:18px;font-weight:900;box-shadow:0 10px 25px -10px #10b981}.ch-shot-side b{font-size:12px;line-height:1.2}.ch-shot-side>span:not(.ch-vision-scan){margin-top:5px;font-size:8px;color:#617089}
.ch-vision-scan{position:absolute;left:0;right:0;top:-4px;height:3px;background:linear-gradient(90deg,transparent,#22d3ee 25%,#6366f1 70%,transparent);box-shadow:0 0 15px rgba(34,211,238,.9);animation:cvScan 4.6s cubic-bezier(.4,0,.2,1) infinite}.ch-shot-side .ch-vision-scan{animation-delay:-1.4s}.ch-hotspot{position:absolute;width:13px;height:13px;border:2px solid #22d3ee;border-radius:50%;box-shadow:0 0 0 5px rgba(34,211,238,.15);animation:cvHot 2s ease-in-out infinite}.ch-hotspot.h1{top:63px;right:18px}.ch-hotspot.h2{bottom:25px;left:25px;animation-delay:-1s}.ch-vision-fileline{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.ch-vision-fileline span,.ch-vision-fileline b{padding:5px 8px;border-radius:8px;background:#f1f5fb;font-size:8px;color:#61708b}.ch-vision-fileline b{margin-left:auto;background:#ecfdf5;color:#05865e}
.ch-vision-engine{position:relative;display:grid;place-items:center;min-height:390px;border-radius:26px;background:radial-gradient(circle at 50% 42%,#143369 0%,#0d1e42 42%,#08142e 100%);border:1px solid rgba(85,143,255,.26);overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}.ch-vision-engine:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(98,156,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(98,156,255,.055) 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(circle,#000,transparent 78%)}
.ch-vision-orbit{position:absolute;top:52px;width:174px;height:174px;border:1px solid rgba(56,189,248,.28);border-radius:50%;animation:cvSpin 16s linear infinite}.ch-vision-orbit:before,.ch-vision-orbit:after{content:"";position:absolute;border-radius:50%;border:1px dashed rgba(129,140,248,.22)}.ch-vision-orbit:before{inset:17px}.ch-vision-orbit:after{inset:38px}.ch-vision-orbit i{position:absolute;width:8px;height:8px;border-radius:50%;background:#22d3ee;box-shadow:0 0 15px #22d3ee}.ch-vision-orbit i:nth-child(1){top:-4px;left:82px}.ch-vision-orbit i:nth-child(2){right:10px;bottom:24px;background:#a78bfa;box-shadow:0 0 15px #a78bfa}.ch-vision-orbit i:nth-child(3){left:5px;bottom:38px;background:#34d399;box-shadow:0 0 15px #34d399}
.ch-vision-core{position:absolute;top:94px;display:flex;flex-direction:column;align-items:center;z-index:2}.ch-vision-core>span{display:grid;place-items:center;width:68px;height:68px;border-radius:22px;background:linear-gradient(145deg,#2563eb,#06b6d4 55%,#8b5cf6);color:#fff;font-weight:900;font-size:23px;box-shadow:0 18px 38px -12px #2563eb,inset 0 1px 0 rgba(255,255,255,.35);animation:cvCore 3s ease-in-out infinite}.ch-vision-core b{margin-top:12px;color:#eef6ff;font-size:11px}.ch-vision-core small{margin-top:2px;color:#7792bd;font-size:8px;text-transform:uppercase;letter-spacing:.12em}
.ch-vision-evidence{position:absolute;left:13px;right:13px;bottom:14px;display:grid;gap:7px}.ch-vision-evidence article{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:8px;border:1px solid rgba(114,152,225,.14);border-radius:11px;background:rgba(23,43,82,.72);backdrop-filter:blur(8px);transform:translateY(5px);opacity:.62;animation:cvEvidence 7s ease-in-out infinite}.ch-vision-evidence article:nth-child(2){animation-delay:1.1s}.ch-vision-evidence article:nth-child(3){animation-delay:2.2s}.ch-vision-evidence article>i{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:rgba(37,99,235,.25);font-style:normal;font-size:8px;font-weight:850;color:#8cc8ff}.ch-vision-evidence article>div{display:grid;min-width:0}.ch-vision-evidence b{font-size:9px;color:#eaf2ff}.ch-vision-evidence span{font-size:7px;color:#8198bd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ch-vision-evidence em{font-size:7px;font-style:normal;color:#5eead4}.ch-vision-evidence .is-account>i{background:rgba(16,185,129,.17);color:#6ee7b7}.ch-vision-evidence .is-knowledge>i{background:rgba(139,92,246,.18);color:#c4b5fd}
.ch-vision-answer{padding:22px;transform:rotateY(-2deg);transform-origin:left center;transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s}.ch-vision-answer:hover{transform:rotateY(0) translateY(-4px);box-shadow:0 36px 70px -36px rgba(29,50,110,.7)}.ch-vision-answer header{justify-content:space-between}.ch-vision-answer header>div{display:grid}.ch-vision-answer header small{font-size:8px;color:#6366f1;font-weight:850;letter-spacing:.11em}.ch-vision-answer header b{font-size:15px}.ch-vision-answer header>span{padding:6px 9px;border-radius:99px;background:#ecfdf5;color:#059669;font-size:8px;font-weight:800}.ch-answer-thinking{display:flex;align-items:center;gap:9px;margin:18px 0 11px;padding:10px 12px;border-radius:11px;background:#f1f7ff;color:#52627e;font-size:9px}.ch-answer-thinking i{width:9px;height:9px;border-radius:50%;border:2px solid #dbeafe;border-top-color:#2563eb;animation:cvSpin 1s linear infinite}.ch-answer-card{min-height:190px;padding:18px;border:1px solid rgba(91,119,196,.16);border-radius:16px;background:linear-gradient(155deg,#fff,#f6f9ff);box-shadow:inset 0 1px 0 #fff}.ch-answer-card p{margin:0 0 13px;font-size:11px;line-height:1.65;color:#3b4964}.ch-answer-card p:last-child{margin:0}.ch-answer-sources{display:flex;gap:5px;flex-wrap:wrap;margin:11px 0}.ch-answer-sources span{padding:5px 7px;border-radius:99px;background:#ecfdf5;color:#05865e;font-size:7px;font-weight:750}.ch-answer-actions{display:grid;grid-template-columns:1.25fr 1fr;gap:7px}.ch-answer-actions button{border:1px solid rgba(99,102,241,.16);border-radius:10px;padding:9px 7px;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;font-size:8px;font-weight:800}.ch-answer-actions button+button{background:#f4f6fb;color:#43516c}
.ch-vision-rail{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:13px}.ch-vision-rail article{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:start;padding:14px;border:1px solid rgba(97,119,184,.17);border-radius:16px;background:rgba(255,255,255,.72);transition:transform .35s cubic-bezier(.16,1,.3,1),border-color .35s,box-shadow .35s}.ch-vision-rail article:hover{transform:translateY(-5px);border-color:rgba(99,102,241,.36);box-shadow:0 20px 38px -28px rgba(37,59,120,.7)}.ch-vision-rail article>i{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:linear-gradient(145deg,#e0f2fe,#ede9fe);color:#4f46e5;font-style:normal;font-size:9px;font-weight:900}.ch-vision-rail article>div{display:grid;gap:3px}.ch-vision-rail b{font-size:11px}.ch-vision-rail span{font-size:9px;line-height:1.45;color:var(--cv-muted)}
.ch-vision-note{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;max-width:1050px;margin:22px auto 0;overflow:hidden;border:1px solid rgba(97,119,184,.18);border-radius:17px;background:rgba(97,119,184,.18)}.ch-vision-note>div{display:grid;gap:3px;padding:14px 18px;background:rgba(255,255,255,.85)}.ch-vision-note b{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#4338ca}.ch-vision-note span{font-size:10px;color:var(--cv-muted)}
html[data-theme="dark"] .ch-vision{--cv-ink:#f3f7ff;--cv-muted:#9eaccb;background:radial-gradient(1000px 650px at 14% 15%,rgba(14,165,233,.12),transparent 65%),radial-gradient(900px 620px at 90% 66%,rgba(139,92,246,.14),transparent 65%),linear-gradient(180deg,#071126 0%,#0a1530 54%,#071125 100%)}
html[data-theme="dark"] .ch-vision:before{background-image:linear-gradient(rgba(124,153,223,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(124,153,223,.07) 1px,transparent 1px)}
html[data-theme="dark"] .ch-vision-stage{background:linear-gradient(145deg,rgba(16,29,60,.88),rgba(9,18,41,.82));border-color:rgba(115,145,225,.22);box-shadow:0 50px 110px -55px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.06)}
html[data-theme="dark"] .ch-vision-chat,html[data-theme="dark"] .ch-vision-answer{background:rgba(15,27,54,.93);border-color:rgba(119,148,222,.2)}html[data-theme="dark"] .ch-vision-bubble{background:linear-gradient(135deg,rgba(37,99,235,.18),rgba(124,58,237,.15));color:#dce7ff}html[data-theme="dark"] .ch-shot{background:#111e3a;border-color:rgba(124,153,223,.18)}html[data-theme="dark"] .ch-shot-window{background:#182743}html[data-theme="dark"] .ch-shot-body p,html[data-theme="dark"] .ch-shot-side>span:not(.ch-vision-scan){color:#9fafd0}html[data-theme="dark"] .ch-shot-side{background:linear-gradient(150deg,#0c2a36,#102b34)}html[data-theme="dark"] .ch-vision-fileline span{background:#14223e;color:#a9b7d5}html[data-theme="dark"] .ch-vision-fileline b{background:#0b302a;color:#6ee7b7}html[data-theme="dark"] .ch-answer-thinking{background:#13233f;color:#aab8d3}html[data-theme="dark"] .ch-answer-card{background:linear-gradient(155deg,#111f3b,#0d1931);border-color:rgba(123,152,220,.17);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}html[data-theme="dark"] .ch-answer-card p{color:#b9c6df}html[data-theme="dark"] .ch-answer-actions button+button{background:#15233e;color:#c0cbe0}html[data-theme="dark"] .ch-vision-rail article{background:rgba(16,29,57,.72);border-color:rgba(113,143,215,.17)}html[data-theme="dark"] .ch-vision-rail article>i{background:linear-gradient(145deg,rgba(14,165,233,.17),rgba(139,92,246,.19));color:#a5b4fc}html[data-theme="dark"] .ch-vision-note{background:rgba(115,145,215,.16);border-color:rgba(115,145,215,.16)}html[data-theme="dark"] .ch-vision-note>div{background:rgba(13,25,50,.93)}html[data-theme="dark"] .ch-vision-note b{color:#a5b4fc}
@keyframes cvScan{0%,12%{transform:translateY(0);opacity:0}18%{opacity:1}72%{transform:translateY(170px);opacity:1}82%,100%{transform:translateY(170px);opacity:0}}@keyframes cvPulse{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(16,185,129,.35)}50%{opacity:.65;box-shadow:0 0 0 6px rgba(16,185,129,0)}}@keyframes cvHot{0%,100%{transform:scale(.82);opacity:.55}50%{transform:scale(1.1);opacity:1}}@keyframes cvSpin{to{transform:rotate(360deg)}}@keyframes cvCore{0%,100%{transform:translateY(0);filter:saturate(1)}50%{transform:translateY(-6px);filter:saturate(1.25)}}@keyframes cvEvidence{0%,100%{opacity:.55;transform:translateY(5px)}20%,62%{opacity:1;transform:translateY(0);border-color:rgba(94,234,212,.3)}}
@media(max-width:1050px){.ch-vision-grid{grid-template-columns:1fr 220px}.ch-vision-answer{grid-column:1/-1;transform:none}.ch-vision-answer .ch-answer-card{min-height:0}.ch-vision-rail{grid-template-columns:repeat(2,1fr)}}
@media(max-width:740px){.ch-vision{padding:72px 0}.ch-vision-stage{border-radius:24px;padding:11px}.ch-vision-grid{grid-template-columns:1fr}.ch-vision-chat{transform:none}.ch-vision-engine{min-height:380px}.ch-vision-answer{grid-column:auto}.ch-vision-rail{grid-template-columns:1fr}.ch-vision-note{grid-template-columns:1fr}.ch-vision-images{grid-template-columns:1fr}.ch-shot-side{min-height:132px}.ch-vision-topbar span{display:none}}
@media(max-width:420px){.ch-vision-head h2{font-size:40px}.ch-vision-chat,.ch-vision-answer{padding:16px;border-radius:20px}.ch-vision-bubble{margin-left:4%}.ch-answer-actions{grid-template-columns:1fr}.ch-vision-topbar{align-items:flex-start}.ch-vision-topbar strong{font-size:8px;padding:7px 9px}}
@media(prefers-reduced-motion:reduce){.ch-vision *{animation:none!important}.ch-vision-chat,.ch-vision-answer{transform:none!important;transition:none!important}}