/* Shared Jarvis silver surfaces, discovery badges and motion preference. */
.jarvis-new{display:inline-flex!important;align-items:center;vertical-align:middle;flex:0 0 auto;width:auto!important;margin-left:7px;padding:3px 6px;border:1px solid #bce8f45c;border-radius:5px;background:#bce8f418;color:#d0f4ff!important;font:750 8px/1.1 "Segoe UI",sans-serif!important;letter-spacing:1px;white-space:nowrap;box-shadow:0 0 14px #a0d8ef12}
.motion-toggle{border:1px solid #617183;border-radius:9px;padding:8px 11px;background:#111923;color:#d4e2ec;font:600 11px/1.3 "Segoe UI",sans-serif;cursor:pointer;white-space:nowrap;align-self:center}
.motion-toggle:focus-visible{outline:2px solid #caeaff;outline-offset:3px}.motion-toggle:disabled{opacity:.65;cursor:default}
body{--jarvis-ice:#c0e6f6;--jarvis-steel:#9aaebf}
.studio-nav,.sidebar{background:linear-gradient(165deg,#111923,#080c12 60%)!important}
.studio-header,.topbar{border-bottom:1px solid #cbeaff15;padding-bottom:20px}
.card,.conversation-ai,.experience-console{box-shadow:0 16px 48px #0003,inset 0 1px #e4f5ff0b;transition:border-color .25s ease,box-shadow .25s ease}
.card:hover,.conversation-ai:focus-within{border-color:#596d80!important;box-shadow:0 18px 58px #0004,0 0 26px #b4dcf009}
.studio-nav nav button,.sidebar nav button,.nav-item{transition:background .22s ease,color .22s ease,box-shadow .22s ease}
.ai-welcome{animation:jarvisEnter .7s cubic-bezier(.2,.8,.2,1) both}.page:not([hidden]),.section.active{animation:jarvisEnter .4s ease both}
.ai-welcome h2{letter-spacing:-2px}.composer-shell{transition:box-shadow .25s ease,background .25s ease}
.composer-shell:focus-within{background:#0a111a;box-shadow:0 0 0 1px #adcfe94a,0 0 38px #a6d8ef12}
.composer-add{position:relative;overflow:visible}.composer-add .jarvis-new{position:absolute;left:-6px;top:-20px;margin:0;font-size:7px!important}
#chatForm[aria-busy="true"]{box-shadow:inset 0 -2px #c0e6f680}#chatForm[aria-busy="true"] .composer-send{animation:jarvisThink 1.2s ease-in-out infinite}
.ai-tool-tabs{display:flex;justify-content:center;gap:8px;margin-bottom:20px;flex-wrap:wrap}.ai-tool-tabs button{border-radius:999px;font-size:12px;padding:9px 16px;background:#111923}.ai-tool-tabs button:first-child{border-color:#8da9bc;background:#263442;color:#edf8ff}
.nav-shell{flex-wrap:wrap}.nav-shell nav{gap:14px}.nav-actions{align-items:center}.nav-shell a[href="/ai"]{color:#e8f7ff}.nav-actions .open-ai{display:none!important}
.sound-track:has(.radio-orb){position:relative}.radio-orb canvas{filter:drop-shadow(0 0 18px #a5d9f244)}
.experience-console{background:radial-gradient(ellipse at 35% 65%,#9ac7e30d,transparent 55%),linear-gradient(125deg,#111923,#080c12);border-color:#344351}
.orb{position:relative;isolation:isolate;animation:jarvisBreathe 5s ease-in-out infinite}.orb:after{content:'';position:absolute;inset:-12px;border:1px solid #c8e7f43b;border-top-color:#d9f1ff;border-radius:50%;animation:jarvisRotate 14s linear infinite}
.bubble,.dm-bubble{animation:jarvisEnter .3s ease both}.reply-signal{filter:drop-shadow(0 0 8px #c2eaff33)}
.nav-item.active,.sidebar nav .selected{background:linear-gradient(100deg,#314151,#14202d)!important;box-shadow:inset 3px 0 #d4eaf6,0 0 20px #bce8ff08}
@keyframes jarvisEnter{from{opacity:0;translate:0 9px}to{opacity:1;translate:0 0}}
@keyframes jarvisThink{50%{opacity:.45}}
@keyframes jarvisBreathe{50%{box-shadow:0 0 60px #a6d9ff22,inset 0 0 24px #d9ecff33}}
@keyframes jarvisRotate{to{rotate:360deg}}
body.motion-off *,body.motion-off *::before,body.motion-off *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
body.motion-off .cursor-glow,body.motion-off .scan-beam,body.motion-off #nightRain,body.motion-off .spark-field{display:none!important}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:700px){.header-actions{flex-wrap:wrap;justify-content:flex-end;gap:7px}.studio-header{align-items:flex-start}.nav-shell nav{display:flex!important;order:3;flex:1 0 100%;overflow:auto;padding:7px 0;gap:17px}.nav-shell nav a{white-space:nowrap}.nav-actions{margin-left:auto}.jarvis-new{font-size:7px!important}.ai-tool-tabs{margin-bottom:10px}.ai-tool-tabs button{font-size:11px;padding:8px 12px}}

/* 1.7.0 • quiet silver light and short, readable transitions. */
:root{--jarvis-highlight:#d9f3ff;--jarvis-edge:#b6dce840}
.jv-surface{position:relative;transition:border-color .24s ease,box-shadow .24s ease}
.jv-surface:focus-within{border-color:#8faebb!important;box-shadow:0 12px 38px #0003,0 0 0 1px #cbefff12,inset 0 1px #e7f8ff18}
.jv-arrive{animation:jarvisSurfaceIn .48s cubic-bezier(.16,.8,.24,1) both}
@keyframes jarvisSurfaceIn{from{opacity:.35;translate:0 7px}to{opacity:1;translate:0 0}}
@media(hover:hover) and (pointer:fine){.jv-surface:hover{border-color:#6f8998!important;box-shadow:0 12px 38px #0004,inset 0 1px #e6f6ff1c}.nav-item:hover,.studio-nav nav button:hover,.sidebar nav button:hover{box-shadow:inset 2px 0 #c8edff,0 0 22px #a6deff0b}.open-dashboard:hover span,.button:hover>svg,.ai-tool-tabs button:hover .ui-icon{transform:translateY(-1px);filter:drop-shadow(0 0 5px #c8f1ff66)}.open-dashboard span,.button>svg,.ai-tool-tabs .ui-icon{transition:transform .2s,filter .2s}}
.nav-shell nav a{transition:color .22s,box-shadow .22s}.nav-shell nav a:hover{color:#e6f7ff;box-shadow:0 2px #bdeaff80}
.status-banner,.conversation-head{background-image:linear-gradient(110deg,#c4eaff09,transparent 55%)}
.composer-send{box-shadow:inset 0 1px #fff8,0 3px 12px #02070c80;transition:filter .2s,box-shadow .2s}.composer-send:hover:not(:disabled){filter:brightness(1.12);box-shadow:inset 0 1px #fff9,0 0 22px #bcecff30}
.message.assistant,.dm-bubble.in,.bubble.jarvis{animation:jarvisSurfaceIn .3s ease-out both}
.jarvis-new{background:linear-gradient(110deg,#bce8f410,#d5f5ff25,#bce8f410);background-size:220% 100%;animation:jarvisNewShine 6s ease-in-out 2}
@keyframes jarvisNewShine{0%,65%,100%{background-position:100% 0}85%{background-position:0 0}}
.jv-thinking{display:none;align-items:center;gap:5px;min-height:18px;font-size:11px;color:#b9d4e4;margin-left:auto}.jv-thinking i{display:block;width:4px;height:4px;border-radius:50%;background:#ceefff;animation:jarvisThinkingDot 1.3s ease-in-out infinite}.jv-thinking i:nth-child(2){animation-delay:.15s}.jv-thinking i:nth-child(3){animation-delay:.3s}
#chatForm[aria-busy="true"] .jv-thinking{display:inline-flex}#chatForm[aria-busy="true"] .composer-meta{display:none}
@keyframes jarvisThinkingDot{0%,65%,100%{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
body.jv-paused *,body.jv-paused *::before,body.jv-paused *::after{animation-play-state:paused!important}
body.motion-off *,body.motion-off *::before,body.motion-off *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}