.jarvis{--ji-ink:#d3f3fa;--ji-muted:#93b2bd;--ji-light:#79e7ff;--ji-line:#79e7ff33;--ji-space:24px}
.jarvis .ji-entry{background:none;border:0;border-bottom:1px solid var(--ji-line);border-radius:0;padding:8px 0;min-height:44px;margin:0 0 16px;color:var(--ji-light);font-size:12px;letter-spacing:.12em}
.ji-region{padding:0 32px 24px;color:var(--ji-ink);line-height:1.5;transition:opacity .18s,transform .18s}
.ji-region[hidden],.ji-region [hidden]{display:none!important}
.ji-detection{font-size:11px;letter-spacing:.18em;color:var(--ji-light);padding:16px 0}
.ji-content{max-width:760px;margin:0 auto}
.ji-heading{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--ji-line);padding-top:var(--ji-space)}
.ji-heading span{font-size:12px;letter-spacing:.16em;color:var(--ji-muted)}
.ji-count{font-size:12px;letter-spacing:.12em;color:var(--ji-light);margin:8px 0 0}
.jarvis .ji-close,.jarvis .ji-prev,.jarvis .ji-next,.jarvis .ji-read{min-width:44px;min-height:44px;background:none;border:0;color:var(--ji-light);border-radius:0}
.jarvis .ji-close{font-size:24px}
.ji-demo{color:var(--ji-muted);font-size:12px;margin:24px 0}
.ji-meta{color:var(--ji-muted);font-size:12px;letter-spacing:.04em;margin:0 0 12px}
.jarvis .ji-story h3{font:500 clamp(24px,3vw,34px)/1.25 'Manrope',sans-serif;letter-spacing:-.02em;margin:0 0 16px;color:var(--ji-ink);overflow-wrap:anywhere}
.ji-summary{font:400 16px/1.65 'Manrope',sans-serif;color:var(--ji-muted);max-width:65ch;margin:0 0 16px;overflow-wrap:anywhere}
.ji-source{display:inline-flex;align-items:center;min-height:44px;color:var(--ji-light);font-size:12px;letter-spacing:.08em;text-decoration:none}
.ji-empty{padding:36px 0 28px;border-bottom:1px solid var(--ji-line)}.ji-empty strong{display:block;color:var(--ji-light);font:500 18px/1.4 'Manrope',sans-serif;letter-spacing:.08em}.ji-empty p{max-width:55ch;color:var(--ji-muted);font:400 15px/1.6 'Manrope',sans-serif}
.ji-navigation{display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--ji-line);padding:16px 0}
.ji-position{color:var(--ji-muted);font-size:12px;min-width:56px;text-align:center}.jarvis .ji-read{margin-left:auto;font-size:13px}
.jarvis .ji-navigation button:disabled{opacity:.3;cursor:default}
.jarvis .ji-region :focus-visible,.jarvis .ji-entry:focus-visible{outline:2px solid var(--ji-light);outline-offset:4px}
.jarvis[data-intelligence=detecting] .ji-content{visibility:hidden;max-height:0;overflow:hidden}
.jarvis[data-intelligence=presenting] .ji-content{animation:ji-reveal .35s ease-out}
.jarvis[data-intelligence] .ji-detection{max-width:760px;margin:auto}
.jarvis[data-intelligence=detecting] .jarvis-visual video{animation:ji-core .9s ease-in-out}
.jarvis[data-intelligence] .jarvis-visual video{height:280px;min-height:0;object-fit:contain}
.jarvis[data-intelligence] .jarvis-hud{visibility:hidden}
.jarvis .ji-navigation .ji-read{background:none;border:0}
.ji-leaving{opacity:0;transform:translateY(-8px);pointer-events:none}
@keyframes ji-core{0%,100%{filter:brightness(1)}45%{filter:brightness(1.4) saturate(1.15)}}
@keyframes ji-reveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.ji-region{padding:0 20px 24px}.ji-heading{padding-top:20px}.ji-demo{margin:20px 0;line-height:1.6}.ji-meta{line-height:1.6}.ji-summary{font-size:16px}.ji-navigation{gap:8px}.ji-detection{font-size:11px}.jarvis .ji-story h3{font-size:25px}}
@media(prefers-reduced-motion:reduce){.ji-region{transition:none}.jarvis[data-intelligence] .ji-content,.jarvis[data-intelligence] .jarvis-visual video{animation:none}}
@media(max-width:760px){.jarvis[data-intelligence] .jarvis-visual video{height:220px;object-fit:cover}}