.v622-jarvis-view {
  min-height:650px; padding:clamp(18px,3vw,34px); border:1px solid rgba(90,211,235,.13); border-radius:28px; overflow:hidden; position:relative;
  background:
    linear-gradient(rgba(72,191,215,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(72,191,215,.025) 1px,transparent 1px),
    radial-gradient(circle at 27% 43%,rgba(34,163,193,.13),transparent 31%),
    radial-gradient(circle at 70% 20%,rgba(29,83,110,.12),transparent 30%),
    linear-gradient(145deg,#020a12 0%,#06131f 54%,#020a12 100%);
  background-size:48px 48px,48px 48px,auto,auto,auto;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 32px 80px rgba(0,0,0,.3);
}
.v622-jarvis-view::before { content:''; position:absolute; inset:0; pointer-events:none; background:radial-gradient(circle at center,transparent 36%,rgba(0,0,0,.38) 100%); }
.v622-jarvis-grid { position:relative; z-index:1; display:grid; grid-template-columns:minmax(360px,.85fr) minmax(0,1.15fr); gap:clamp(24px,4vw,64px); align-items:center; min-height:580px; }
.v622-core-column { display:grid; justify-items:center; align-content:center; position:relative; }
.v622-core-frame { width:min(100%,500px); aspect-ratio:1; position:relative; display:grid; place-items:center; }
.v622-core-frame::before,.v622-core-frame::after { content:''; position:absolute; border-radius:50%; pointer-events:none; }
.v622-core-frame::before { inset:7%; border:1px solid rgba(91,218,242,.17); box-shadow:0 0 55px rgba(33,177,210,.08); }
.v622-core-frame::after { inset:17%; border:1px dashed rgba(91,218,242,.14); animation:v622SlowSpin 34s linear infinite; }
#jarvisCanvas { width:100%; height:100%; display:block; filter:drop-shadow(0 0 24px rgba(58,207,236,.15)); }
.v622-core-wordmark { position:absolute; inset:0; display:grid; place-content:center; pointer-events:none; text-align:center; }
.v622-core-wordmark strong { color:#d8faff; font-size:clamp(20px,3vw,35px); letter-spacing:.22em; text-indent:.22em; text-shadow:0 0 18px rgba(104,225,246,.55); }
.v622-core-wordmark span { margin-top:7px; color:#5f9fb1; font-size:9px; letter-spacing:.25em; text-transform:uppercase; }
.v622-core-state { display:flex; align-items:center; gap:9px; margin-top:-10px; padding:9px 13px; border:1px solid rgba(102,215,237,.18); border-radius:999px; background:rgba(5,21,31,.78); color:#8edced; font-size:12px; letter-spacing:.08em; text-transform:uppercase; }
.v622-core-state i { width:7px; height:7px; border-radius:50%; background:#64e1f7; box-shadow:0 0 12px rgba(100,225,247,.75); }
.v622-jarvis-console { align-self:stretch; display:flex; flex-direction:column; justify-content:center; min-width:0; }
.v622-console-kicker { display:flex; align-items:center; justify-content:space-between; gap:12px; color:#73c9dc; font-size:11px; text-transform:uppercase; letter-spacing:.13em; font-weight:800; }
.v622-console-kicker span:last-child { color:#547989; }
.v622-console-title { margin:13px 0 8px; color:#eefcff; font-size:clamp(28px,4.5vw,54px); line-height:1.04; letter-spacing:-.035em; }
.v622-console-copy { max-width:720px; margin:0 0 22px; color:#8ca9b8; font-size:16px; line-height:1.6; }
.v622-dialog { min-height:92px; padding:17px 18px; border-left:2px solid rgba(100,222,244,.6); background:linear-gradient(90deg,rgba(45,156,181,.09),rgba(6,19,30,.35)); color:#d6f6fc; line-height:1.55; border-radius:0 14px 14px 0; }
.v622-dialog strong { color:#fff; }
.v622-jarvis-form { display:grid; grid-template-columns:minmax(0,1fr) auto auto; gap:9px; margin-top:16px; }
.v622-jarvis-input { min-height:60px; display:flex; align-items:center; gap:10px; border:1px solid rgba(97,215,238,.2); border-radius:15px; padding:0 15px; background:rgba(1,12,21,.82); box-shadow:inset 0 1px 0 rgba(255,255,255,.035); }
.v622-jarvis-input span { color:#65cee4; }
.v622-jarvis-input input { flex:1; min-width:0; color:#effcff; background:transparent; border:0; outline:0; font:inherit; font-size:16px; }
.v622-jarvis-input:focus-within { border-color:rgba(102,225,248,.55); box-shadow:0 0 0 3px rgba(71,177,200,.1); }
.v622-voice-btn { width:60px; min-height:60px; display:grid; place-items:center; border:1px solid rgba(97,215,238,.2); border-radius:15px; background:rgba(12,38,53,.72); color:#8ee9fa; cursor:pointer; }
.v622-voice-btn.listening { color:#fff; background:rgba(38,139,159,.5); box-shadow:0 0 24px rgba(74,210,235,.18); }
.v622-jarvis-tools { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px; margin-top:13px; }
.v622-voice-toggle { color:#7895a4; font-size:12px; }
.v622-voice-toggle label { display:flex; align-items:center; gap:8px; cursor:pointer; }
.v622-voice-toggle input { accent-color:#62d9ef; }
.v622-jarvis-chips { min-height:35px; display:flex; flex-wrap:wrap; gap:7px; margin-top:13px; }
.v622-jarvis-chip { display:inline-flex; align-items:center; gap:6px; padding:7px 10px; border:1px solid rgba(91,214,238,.17); border-radius:8px; color:#9ee9f6; background:rgba(42,140,162,.07); font-size:12px; }
.v622-followups { display:flex; flex-wrap:wrap; gap:8px; margin-top:13px; }
.v622-followups button { padding:8px 11px; border:1px solid rgba(109,213,233,.19); border-radius:10px; background:rgba(15,47,61,.65); color:#b7ecf6; cursor:pointer; }
.v622-sources { margin-top:18px; padding-top:13px; border-top:1px solid rgba(91,205,225,.1); color:#6f909f; font-size:11px; }
.v622-sources strong { display:block; margin-bottom:6px; color:#85c6d4; text-transform:uppercase; letter-spacing:.1em; }
.v622-jarvis-results { grid-column:1/-1; margin-top:3px; }
.v622-jarvis-results .v622-result-card { background:rgba(4,16,26,.76); border-color:rgba(89,200,223,.12); }
.v622-feedback { display:flex; align-items:center; gap:7px; margin-top:12px; color:#6f8d9b; font-size:12px; }
.v622-feedback button { border:1px solid rgba(102,205,226,.14); border-radius:8px; background:transparent; color:#8ebac7; padding:6px 9px; cursor:pointer; }
.v622-feedback button.selected { color:#d8fbff; border-color:rgba(97,219,241,.42); background:rgba(52,153,174,.12); }
.v622-searching-line { height:2px; margin-top:12px; overflow:hidden; background:rgba(90,205,229,.08); opacity:0; }
.v622-searching-line::after { content:''; display:block; width:35%; height:100%; background:linear-gradient(90deg,transparent,#67e5f8,transparent); transform:translateX(-120%); }
.v622-jarvis-view[data-state="analyzing"] .v622-searching-line { opacity:1; }
.v622-jarvis-view[data-state="analyzing"] .v622-searching-line::after { animation:v622Scan 1.1s ease-in-out infinite; }
.v622-jarvis-view[data-state="result"] .v622-core-frame { animation:v622ResultPulse .8s ease-out; }
.v622-jarvis-view[data-state="listening"] .v622-core-frame::before { border-color:rgba(111,235,255,.52); box-shadow:0 0 70px rgba(66,212,239,.16); }

@keyframes v622SlowSpin { to { transform:rotate(360deg); } }
@keyframes v622Scan { to { transform:translateX(340%); } }
@keyframes v622ResultPulse { 50% { filter:brightness(1.18); } }

@media (max-width: 1000px) {
  .v622-jarvis-grid { grid-template-columns:1fr; align-items:start; }
  .v622-core-frame { width:min(74vw,430px); }
  .v622-core-column { margin-top:-30px; }
  .v622-jarvis-console { margin-top:-38px; }
}
@media (max-width: 620px) {
  .v622-jarvis-view { padding:14px; border-radius:20px; }
  .v622-core-frame { width:min(92vw,340px); }
  .v622-jarvis-form { grid-template-columns:minmax(0,1fr) 54px; }
  .v622-jarvis-form > .i62-btn { grid-column:1/-1; }
  .v622-voice-btn { width:54px; min-height:56px; }
  .v622-jarvis-input { min-height:56px; }
  .v622-core-wordmark strong { font-size:20px; }
}
@media (prefers-reduced-motion: reduce) {
  .v622-core-frame::after,.v622-searching-line::after,.v622-jarvis-view[data-state="result"] .v622-core-frame { animation:none !important; }
  .v622-view { transition:none; }
}