*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #04060B;--bg-2: #070B13;--panel: #0A0F1A;--panel-2: #0D1422;--panel-3: #101A2C;--line: rgba(84, 214, 255, .14);--line-strong: rgba(84, 214, 255, .34);--cyan: #4FF0FF;--cyan-dim: rgba(79, 240, 255, .55);--cyan-glow: rgba(79, 240, 255, .35);--amber: #FFC24B;--red: #FF5A5A;--ok: #3DFFA2;--ink: #E8F6FF;--ink-soft: #7E93A8;--ink-faint: #4A5E74;--font-hud: "Orbitron", "Rajdhani", "Inter", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", monospace}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased;overflow:hidden}.jarvis-app{position:relative;height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(1200px 600px at 80% -10%,rgba(79,240,255,.05),transparent 60%),radial-gradient(900px 500px at 0% 110%,rgba(0,120,213,.07),transparent 60%),var(--bg)}.jarvis-app:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(79,240,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(79,240,255,.035) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse at 50% 40%,black 30%,transparent 85%);-webkit-mask-image:radial-gradient(ellipse at 50% 40%,black 30%,transparent 85%);z-index:0}.jarvis-app:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 3px,rgba(0,0,0,.14) 3px,rgba(0,0,0,.14) 4px);opacity:.5;z-index:100}.hud-rings{position:absolute;pointer-events:none;z-index:1}.hud-rings.top-right{right:-140px;top:-180px}.hud-rings.bottom-left{left:-180px;bottom:-220px;transform:scale(.7)}.hud-rings.bottom-right{right:-90px;bottom:-120px;transform:scale(.42);opacity:.7}.ring{position:absolute;border-radius:50%;border:1px solid var(--line)}.ring.r1{width:520px;height:520px;border-color:var(--line-strong)}.ring.r2{width:420px;height:420px;border-style:dashed}.ring.r3{width:320px;height:320px}.ring.r4{width:220px;height:220px;border-color:var(--line-strong)}.ring.r1:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:50%;border:2px solid transparent;border-top-color:var(--cyan);filter:drop-shadow(0 0 8px var(--cyan-glow));animation:ringSpin 14s linear infinite}.ring.r3:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:50%;border:2px solid transparent;border-bottom-color:var(--cyan);filter:drop-shadow(0 0 8px var(--cyan-glow));animation:ringSpin 9s linear infinite reverse}.ring.r1:after{content:"";position:absolute;top:-9px;right:-9px;bottom:-9px;left:-9px;border-radius:50%;background:repeating-conic-gradient(var(--cyan-dim) 0deg 1.2deg,transparent 1.2deg 12deg);opacity:.5;animation:ringSpin 30s linear infinite}@keyframes ringSpin{to{transform:rotate(360deg)}}.hud-core{position:absolute;width:90px;height:90px;top:12px;right:34px;pointer-events:none;z-index:1;opacity:.55}.hud-core .core-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1px solid var(--line-strong);animation:ringSpin 8s linear infinite}.hud-core .core-ring:before{content:"";position:absolute;top:-4px;left:50%;width:8px;height:8px;margin-left:-4px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.hud-core .core-ring.c2{top:12px;right:12px;bottom:12px;left:12px;border-style:dashed;animation:ringSpin 12s linear infinite reverse}.hud-core .core-dot{position:absolute;top:30px;right:30px;bottom:30px;left:30px;border-radius:50%;background:radial-gradient(circle,var(--cyan) 0%,transparent 70%);filter:blur(1px);animation:corePulse 2.6s ease-in-out infinite}@keyframes corePulse{0%,to{opacity:.35;transform:scale(.9)}50%{opacity:.95;transform:scale(1.12)}}.jarvis-topbar{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:12px 22px;border-bottom:1px solid var(--line);background:linear-gradient(to bottom,#070b13eb,#070b13b8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.jarvis-topbar:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--cyan-dim),transparent);opacity:.5}.jarvis-brand{display:flex;align-items:center;gap:14px}.jarvis-orb{position:relative;width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:var(--cyan);clip-path:polygon(25% 4%,75% 4%,100% 50%,75% 96%,25% 96%,0% 50%);background:linear-gradient(135deg,#4ff0ff2e,#0078d547);border:1px solid var(--line-strong);box-shadow:0 0 22px var(--cyan-glow),inset 0 0 18px #4ff0ff1f}.jarvis-orb:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;clip-path:polygon(25% 4%,75% 4%,100% 50%,75% 96%,25% 96%,0% 50%);border:1px solid rgba(79,240,255,.4)}.jarvis-brand .brand-text{position:relative}.jarvis-brand strong{font-family:var(--font-hud);font-size:19px;letter-spacing:.34em;color:var(--ink);text-shadow:0 0 18px var(--cyan-glow);display:block}.jarvis-brand strong .accent{color:var(--cyan)}.jarvis-brand span{font-family:var(--font-mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-soft);display:block;margin-top:3px}.jarvis-top-actions{display:flex;align-items:center;gap:8px}.model-picker{height:36px;padding:0 10px;border-radius:3px;border:1px solid var(--line);background:var(--panel-2);color:var(--cyan);font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.04em;cursor:pointer;outline:none;transition:border-color .2s,box-shadow .2s}.model-picker:hover,.model-picker:focus{border-color:var(--line-strong);box-shadow:0 0 12px #4ff0ff26}.model-picker option{background:var(--panel-2);color:var(--ink)}.voice-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 15px;border-radius:3px;border:1px solid var(--line-strong);background:#4ff0ff0f;color:var(--ink);font-family:var(--font-mono);font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:all .2s;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,8px 100%,0 50%)}.voice-pill:hover{background:#4ff0ff1f;border-color:var(--cyan);box-shadow:0 0 16px var(--cyan-glow)}.voice-pill.is-listening{background:#4ff0ff29;border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 0 4px #4ff0ff14,0 0 24px var(--cyan-glow);animation:pulse 1.4s ease-in-out infinite}.icon-btn{position:relative;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);background:var(--panel-2);color:var(--ink-soft);cursor:pointer;transition:all .2s;clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 50%,calc(100% - 7px) 100%,7px 100%,0 50%)}.icon-btn:hover{color:var(--cyan);border-color:var(--line-strong);box-shadow:0 0 12px #4ff0ff26}.mobile-only{display:none}.sys-strip{position:relative;z-index:15;display:flex;align-items:center;gap:18px;padding:5px 22px;border-bottom:1px solid var(--line);background:#04060bb3;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);overflow:hidden;white-space:nowrap}.sys-strip .sys-item{display:inline-flex;align-items:center;gap:6px}.sys-strip .led{width:6px;height:6px;border-radius:50%;background:var(--ok);box-shadow:0 0 8px var(--ok);animation:corePulse 2.2s ease-in-out infinite}.sys-strip .led.amber{background:var(--amber);box-shadow:0 0 8px var(--amber)}.sys-strip b{color:var(--cyan);font-weight:600}.sys-strip .ticker{flex:1;text-align:right;color:var(--ink-faint);overflow:hidden;text-overflow:ellipsis}.sys-strip .ticker i{font-style:normal;animation:blink 2.4s steps(1) infinite}.agent-dock{position:relative;z-index:18;display:flex;gap:10px;align-items:center;padding:10px 22px;overflow-x:auto;background:#04060b8c}.agent-chip{position:relative;display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:3px;border:1px solid var(--line);background:var(--panel);color:var(--ink-soft);font-size:11.5px;font-weight:600;letter-spacing:.06em;white-space:nowrap;cursor:pointer;transition:all .18s;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,8px 100%,0 50%)}.agent-chip:hover{color:var(--ink);border-color:var(--line-strong)}.agent-chip.is-active{color:var(--cyan);border-color:var(--cyan);background:linear-gradient(135deg,#4ff0ff1a,#0078d529);box-shadow:0 0 16px #4ff0ff2e;text-shadow:0 0 10px var(--cyan-glow)}.chip-arrow{opacity:.8}.chat-main{position:relative;z-index:10;flex:1;overflow-y:auto;padding:22px;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.chat-main::-webkit-scrollbar{width:6px}.chat-main::-webkit-scrollbar-track{background:transparent}.chat-main::-webkit-scrollbar-thumb{background:var(--line-strong)}.chat-scroll{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:16px;position:relative}.hud-frame{position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;pointer-events:none;opacity:.5}.hud-frame span{position:absolute;width:18px;height:18px;border:1px solid var(--line-strong)}.hud-frame .tl{top:0;left:0;border-right:0;border-bottom:0}.hud-frame .tr{top:0;right:0;border-left:0;border-bottom:0}.hud-frame .bl{bottom:0;left:0;border-right:0;border-top:0}.hud-frame .br{bottom:0;right:0;border-left:0;border-top:0}.msg{display:flex;gap:11px;align-items:flex-start;animation:rise .24s ease}.msg-avatar{position:relative;width:32px;height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--panel-2);border:1px solid var(--line);color:var(--cyan);clip-path:polygon(25% 4%,75% 4%,100% 50%,75% 96%,25% 96%,0% 50%)}.msg.user .msg-avatar{background:linear-gradient(135deg,#4ff0ff4d,#0078d566);color:#02131c;border:0;box-shadow:0 0 12px var(--cyan-glow)}.msg.user{flex-direction:row-reverse}.msg.user .msg-body{align-items:flex-end}.msg-body{display:flex;flex-direction:column;gap:5px;max-width:82%}.msg-agent-tag{font-family:var(--font-mono);font-size:9.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan)}.msg-agent-tag.is-friday{color:#c084fc;text-shadow:0 0 10px rgba(192,132,252,.45)}.agent-chip.is-friday.is-active{border-color:#c084fc;color:#c084fc;box-shadow:0 0 14px #c084fc47}.msg-text{position:relative;padding:11px 16px;border-radius:4px;background:#0d1422d1;border:1px solid var(--line);color:var(--ink);line-height:1.6;white-space:pre-wrap;font-size:13.5px}.msg-text:before{content:"";position:absolute;top:-1px;left:-1px;width:9px;height:9px;border-top:1px solid var(--cyan-dim);border-left:1px solid var(--cyan-dim)}.msg.user .msg-text{background:linear-gradient(135deg,#4ff0ff1f,#0078d524);border-color:var(--line-strong)}.msg.user .msg-text:before{border-top-color:var(--cyan);border-left-color:var(--cyan)}.msg.assistant .msg-text{border-bottom-left-radius:2px}.typing{display:flex;gap:5px;padding:14px 4px}.typing span{width:7px;height:7px;border-radius:50%;background:var(--cyan);opacity:.4;box-shadow:0 0 8px var(--cyan-glow);animation:blink 1.2s infinite}.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}.quick-row{position:relative;z-index:12;display:flex;gap:8px;padding:0 22px 10px;overflow-x:auto;max-width:820px;margin:0 auto;width:100%}.quick-row button{padding:6px 13px;border-radius:3px;white-space:nowrap;border:1px solid var(--line);background:#0a0f1acc;color:var(--ink-soft);font-family:var(--font-mono);font-size:10.5px;font-weight:600;letter-spacing:.06em;cursor:pointer;transition:all .18s}.quick-row button:hover{color:var(--cyan);border-color:var(--line-strong);box-shadow:0 0 10px #4ff0ff1f}.composer{position:relative;z-index:16;padding:8px 22px 18px;border-top:1px solid var(--line);background:linear-gradient(to top,#04060bf2,#04060bb3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.composer:before{content:"";position:absolute;left:0;right:0;top:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--cyan-dim),transparent);opacity:.5}.composer-box{max-width:820px;margin:0 auto;display:flex;align-items:center;gap:8px;padding:8px 8px 8px 6px;border-radius:5px;border:1px solid var(--line);background:var(--panel-2);transition:border-color .2s,box-shadow .2s;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,12px 100%,0 50%)}.composer-box:focus-within{border-color:var(--cyan);box-shadow:0 0 0 3px #4ff0ff14,0 0 22px #4ff0ff24}.mic-btn{width:38px;height:38px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);background:var(--panel);color:var(--ink-soft);cursor:pointer;transition:all .2s;clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 50%,calc(100% - 7px) 100%,7px 100%,0 50%)}.mic-btn:hover{color:var(--cyan)}.mic-btn.is-listening{color:#02131c;background:linear-gradient(135deg,var(--cyan),#00A8D4);border-color:transparent;box-shadow:0 0 20px var(--cyan-glow);animation:pulse 1.4s infinite}.composer-box input{flex:1;background:transparent;border:0;outline:0;color:var(--ink);font-size:14px;padding:8px 4px;font-family:Inter,sans-serif}.composer-box input::placeholder{color:var(--ink-faint)}.send-btn{width:40px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:0;cursor:pointer;background:linear-gradient(135deg,var(--cyan),#00A8D4);color:#02131c;clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 50%,calc(100% - 7px) 100%,7px 100%,0 50%);transition:transform .15s,opacity .15s,box-shadow .15s;box-shadow:0 0 14px var(--cyan-glow)}.send-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 22px var(--cyan-glow)}.send-btn:disabled{opacity:.35;cursor:default;box-shadow:none}.voice-hint{text-align:center;color:var(--ink-faint);font-size:10.5px;margin-top:8px;font-family:var(--font-mono);letter-spacing:.04em}@keyframes pulse{0%,to{opacity:1}50%{opacity:.72}}@keyframes blink{0%,to{opacity:.25;transform:scale(.9)}50%{opacity:1;transform:scale(1)}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.spin{animation:rotate 1s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}@media (max-width: 640px){.jarvis-topbar{padding:10px 14px;gap:8px;flex-wrap:wrap}.jarvis-brand strong{font-size:16px;letter-spacing:.26em}.model-picker{max-width:130px;font-size:10px;padding:0 8px;height:32px}.voice-pill{padding:7px 11px;font-size:10.5px}.jarvis-brand span{display:none}.mobile-only{display:flex}.sys-strip{padding:4px 14px;gap:12px}.sys-strip .ticker{display:none}.hud-rings.top-right{right:-180px;top:-190px;transform:scale(.6)}.hud-rings.bottom-left{display:none}.agent-dock{position:fixed;right:12px;top:66px;z-index:60;flex-direction:column;align-items:stretch;gap:6px;padding:10px;border-radius:6px;background:#070b13f7;border:1px solid var(--line-strong);box-shadow:0 24px 60px #000000b3;transform:translate(calc(100% + 20px));transition:transform .22s ease;max-height:60vh;overflow-y:auto}.agent-dock.is-open{transform:none}.agent-chip{justify-content:flex-start}.chat-main{padding:14px}.msg-body{max-width:88%}.composer{padding:8px 14px 14px}.quick-row{padding:0 14px 8px}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#020409b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:grid;place-items:center;padding:1rem}.jarvis-modal{width:min(560px,100%);max-height:82vh;overflow:auto;background:#0a0f1a;border:1px solid rgba(79,240,255,.22);clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);box-shadow:0 0 60px #4ff0ff14,0 24px 60px #0009;animation:jv-modal-in .22s ease}@keyframes jv-modal-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.9rem 1.1rem;border-bottom:1px solid rgba(79,240,255,.14)}.modal-head h3{display:flex;align-items:center;gap:.5rem;margin:0;font-size:.92rem;font-weight:700;letter-spacing:.02em;color:#eafcff;font-family:Orbitron,Rajdhani,sans-serif}.modal-body{padding:1rem 1.1rem 1.1rem}.modal-foot{padding:.75rem 1.1rem 1.1rem;display:flex;justify-content:flex-end}.settings-group{margin-bottom:1.1rem}.settings-group h4{margin:0 0 .5rem;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:#4ff0ff;font-family:Rajdhani,sans-serif;font-weight:600}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.45rem 0;font-size:.82rem;color:#c9d6e3}.setting-row input[type=checkbox]{width:1rem;height:1rem;accent-color:#4ff0ff}.setting-col{flex-direction:column;align-items:flex-start}.setting-agents{display:flex;flex-wrap:wrap;gap:.4rem .9rem}.setting-agent{display:flex;align-items:center;gap:.35rem;font-size:.78rem;color:#a9bdd0}.setting-input{background:#0d1522;border:1px solid rgba(79,240,255,.18);color:#dceeff;border-radius:6px;padding:.4rem .6rem;font-size:.8rem;font-family:inherit;min-width:0}.setting-input:focus{outline:none;border-color:#4ff0ff}.settings-note{margin:.5rem 0 0;font-size:.72rem;color:#5f7b8f}.caps-grid{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.skill-card{display:flex;gap:.6rem;padding:.7rem;background:#0d1522;border:1px solid rgba(79,240,255,.12);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}.skill-card strong{font-size:.8rem;color:#eafcff;display:block;margin-bottom:.2rem}.skill-card p{margin:0;font-size:.72rem;color:#7d95a8;line-height:1.45}.skill-icon{flex:0 0 auto;width:30px;height:30px;display:grid;place-items:center;color:#4ff0ff;background:#4ff0ff14;border:1px solid rgba(79,240,255,.2)}.skill-tip{grid-column:1 / -1;border-style:dashed}.hud-btn{display:inline-flex;align-items:center;gap:.4rem;background:#4ff0ff1f;border:1px solid rgba(79,240,255,.35);color:#4ff0ff;font-size:.75rem;font-weight:600;padding:.45rem .9rem;cursor:pointer;font-family:Rajdhani,sans-serif;letter-spacing:.04em;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.hud-btn:hover{background:#4ff0ff33}.preview-panel{position:fixed;top:0;right:0;bottom:0;width:min(480px,100%);z-index:1100;background:#070b12;border-left:1px solid rgba(79,240,255,.22);display:flex;flex-direction:column;animation:jv-drawer-in .25s ease;box-shadow:-20px 0 60px #0000008c}@keyframes jv-drawer-in{0%{transform:translate(40px);opacity:0}to{transform:none;opacity:1}}.preview-head{padding:.8rem 1rem;border-bottom:1px solid rgba(79,240,255,.14);display:flex;flex-direction:column;gap:.6rem}.preview-head h3{margin:0;display:flex;align-items:center;gap:.45rem;font-size:.9rem;color:#eafcff;font-family:Orbitron,Rajdhani,sans-serif}.preview-tabs{display:flex;gap:.4rem}.preview-tabs button{background:transparent;border:1px solid rgba(79,240,255,.16);color:#7d95a8;font-size:.72rem;padding:.3rem .7rem;cursor:pointer}.preview-tabs button.is-active{background:#4ff0ff24;color:#4ff0ff;border-color:#4ff0ff66}.preview-url-row{display:flex;align-items:center;gap:.45rem}.preview-url-row .setting-input{flex:1}.preview-stage{flex:1;overflow:hidden;background:#fff}.preview-stage iframe{width:100%;height:100%;border:0;background:#fff}.preview-empty{height:100%;display:grid;place-content:center;gap:.7rem;justify-items:center;color:#4ff0ff;background:#0a0f1a;text-align:center;padding:1rem}.preview-empty p{margin:0;font-size:.78rem;color:#7d95a8;max-width:260px}.preview-empty p{max-width:340px}.preview-build-chips{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:center;max-width:380px}.build-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .8rem;border-radius:999px;border:1px solid rgba(79,240,255,.35);background:#4ff0ff12;color:#aef3ff;font-size:.72rem;font-weight:600;cursor:pointer;transition:all .18s ease}.build-chip:hover{background:#4ff0ff2e;border-color:#4ff0ff;color:#fff;box-shadow:0 0 14px #4ff0ff40}.preview-empty-note{font-size:.7rem;color:#5a6f80}.preview-note{margin:0;padding:.45rem 1rem;font-size:.68rem;color:#5f7b8f;border-top:1px solid rgba(79,240,255,.1)}.attach-row{display:flex;flex-wrap:wrap;gap:.4rem;padding:0 .4rem .5rem}.attach-chip{display:inline-flex;align-items:center;gap:.35rem;background:#0d1522;border:1px solid rgba(79,240,255,.22);color:#cfe9f5;font-size:.7rem;padding:.22rem .5rem;border-radius:4px;max-width:220px}.attach-chip img{width:26px;height:26px;object-fit:cover;border-radius:3px}.attach-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attach-x{background:transparent;border:0;color:#7d95a8;cursor:pointer;display:grid;place-items:center;padding:2px}.attach-x:hover{color:#ff6b81}.attach-btn{flex:0 0 auto}.msg-attachments{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.5rem}.msg-preview-btn{margin-top:.5rem;display:inline-flex;align-items:center;gap:.3rem;background:#4ff0ff14;border:1px solid rgba(79,240,255,.25);color:#4ff0ff;font-size:.68rem;padding:.28rem .6rem;cursor:pointer;border-radius:3px}.msg-preview-btn:hover{background:#4ff0ff29}@media (max-width: 640px){.caps-grid{grid-template-columns:1fr}.jarvis-modal{max-height:88vh}}.net-modal{width:min(720px,100%)}.net-led{width:8px;height:8px;border-radius:50%;background:#4ff0ff;box-shadow:0 0 8px #4ff0ff;display:inline-block}.net-led.spin{animation:net-pulse .8s ease infinite}@keyframes net-pulse{50%{opacity:.25}}.net-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:1rem}.net-stats div{background:#0d1522;border:1px solid rgba(79,240,255,.14);padding:.7rem;text-align:center}.net-stats strong{display:block;font-size:1.4rem;color:#4ff0ff;font-family:Orbitron,sans-serif}.net-stats span{font-size:.68rem;color:#7d95a8;letter-spacing:.08em;text-transform:uppercase}.net-sub{margin:.9rem 0 .5rem;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:#4ff0ff;font-family:Rajdhani,sans-serif}.net-devices{display:flex;flex-direction:column;gap:.35rem}.net-device{display:flex;align-items:center;gap:.6rem;background:#0b1320;border:1px solid rgba(79,240,255,.1);padding:.5rem .7rem;font-size:.78rem}.dev-dot{width:8px;height:8px;border-radius:50%;flex:0 0 auto}.dev-dot.is-on{background:#35f0a0;box-shadow:0 0 6px #35f0a0}.dev-dot.is-off{background:#3d4d5f}.dev-name{font-weight:600;color:#eafcff;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dev-meta{color:#6d8498;font-family:JetBrains Mono,monospace;font-size:.7rem}.dev-vendor{font-size:.62rem;color:#4ff0ff;border:1px solid rgba(79,240,255,.3);padding:.08rem .4rem}.dev-rtt{color:#9fb4c6;font-size:.68rem}.dev-router{font-size:.58rem;font-weight:700;letter-spacing:.1em;color:#ffc861;border:1px solid rgba(255,200,97,.4);padding:.08rem .4rem}.net-cams{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.6rem}.net-cam{background:#0b1320;border:1px solid rgba(79,240,255,.14);overflow:hidden}.net-cam img{width:100%;aspect-ratio:16 / 10;object-fit:cover;display:block;background:#05080d}.net-cam-placeholder{aspect-ratio:16 / 10;display:grid;place-items:center;color:#3d5268;background:#05080d}.net-cam-info{padding:.5rem .65rem;display:flex;flex-direction:column;gap:.15rem}.net-cam-info strong{font-size:.76rem;color:#eafcff}.net-cam-info span{font-size:.66rem;color:#6d8498;font-family:JetBrains Mono,monospace}.net-offline{text-align:center;padding:1.2rem .5rem;color:#7d95a8}.net-offline h4{color:#eafcff;margin:.6rem 0 .3rem;font-family:Orbitron,sans-serif;font-size:.95rem}.net-offline p{font-size:.78rem}.net-offline pre{background:#05080d;border:1px solid rgba(79,240,255,.16);padding:.7rem;font-size:.7rem;color:#4ff0ff;text-align:left;overflow-x:auto;margin:.6rem 0}.net-steps{text-align:left;font-size:.75rem;line-height:1.5;margin:.4rem 0 .8rem;padding-left:1.1rem;color:#a9c2d4}.net-steps li{margin:.35rem 0}.net-steps code{color:#4ff0ff;font-family:JetBrains Mono,monospace;font-size:.68rem;background:#4ff0ff14;padding:.1rem .3rem;border-radius:3px}.net-empty{color:#5f7b8f;font-size:.75rem;text-align:center;padding:.8rem}@media (max-width: 560px){.net-stats,.net-cams{grid-template-columns:1fr}.dev-meta{display:none}}.task-pill{font-size:.66rem;font-weight:700;padding:.18rem .5rem;border-radius:3px}.task-pill.done{color:#35f0a0;border:1px solid rgba(53,240,160,.4);background:#35f0a014}.task-pill.pending{color:#ffc861;border:1px solid rgba(255,200,97,.4);background:#ffc86114}.task-list{display:flex;flex-direction:column;gap:.35rem;max-height:46vh;overflow:auto}.task-row{display:flex;align-items:center;gap:.55rem;background:#0b1320;border:1px solid rgba(79,240,255,.1);padding:.5rem .7rem;font-size:.76rem}.task-row.is-done{opacity:.62}.task-status{width:8px;height:8px;border-radius:50%;flex:0 0 auto}.task-status.pending,.task-status.in_progress{background:#ffc861;box-shadow:0 0 6px #ffc86180}.task-status.done{background:#35f0a0}.task-status.cancelled{background:#ff6b81}.task-title{flex:1;color:#eafcff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-state{font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;color:#7d95a8;font-family:JetBrains Mono,monospace}.task-toggle{background:#4ff0ff1a;border:1px solid rgba(79,240,255,.3);color:#4ff0ff;font-size:.66rem;padding:.2rem .55rem;cursor:pointer;border-radius:3px}.task-toggle:hover{background:#4ff0ff33}.hud-theme-slider{display:inline-flex;align-items:center;width:52px;height:30px;border-radius:999px;border:1px solid var(--hud-line, rgba(79, 240, 255, .25));background:var(--hud-panel, rgba(10, 15, 26, .8));cursor:pointer;padding:0;position:relative;transition:background .25s ease,border-color .25s ease}.hud-theme-knob{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-size:13px;background:#48afff;color:#fff;box-shadow:0 1px 6px #48afff8c;position:absolute;top:2px;left:2px;transition:transform .25s ease,background .25s ease}.hud-theme-slider.is-dark .hud-theme-knob{transform:translate(22px);background:#1f2b45}[data-theme=light] body,[data-theme=light] .hud-shell{background:#f4f6fb;color:#0f172a}[data-theme=light] .hud-shell:before{opacity:.5}[data-theme=light] .app-header{background:#ffffffd9;border-bottom-color:#0f172a1a}[data-theme=light] .app-header .logo-sub,[data-theme=light] .app-header .logo-tag{color:#64748b}[data-theme=light] .sys-strip{background:#e9eef6;border-color:#0f172a14;color:#475569}[data-theme=light] .chat-panel,[data-theme=light] .agent-panel,[data-theme=light] .modal-body,[data-theme=light] .preview-panel{background:#fff;border-color:#0f172a1a;color:#0f172a}[data-theme=light] .msg-bubble.user{background:#e6f2ff;color:#0f172a}[data-theme=light] .msg-bubble.agent{background:#f1f5f9;color:#0f172a}[data-theme=light] .chat-input-wrap,[data-theme=light] .chat-input{background:#fff;border-color:#0f172a24;color:#0f172a}[data-theme=light] .chat-input::placeholder{color:#94a3b8}[data-theme=light] .icon-btn,[data-theme=light] .hud-btn,[data-theme=light] .voice-pill{background:#0f172a0d;border-color:#0f172a1f;color:#0f172a}[data-theme=light] .model-select{background:#fff;color:#0f172a}[data-theme=light] .quick-chip{border-color:#0f172a2e;color:#334155;background:#fff}[data-theme=light] .quick-chip:hover{border-color:#48afff;color:#0284c7;background:#f0f7ff}[data-theme=light] .agent-tab{color:#475569;border-color:#0f172a1f}[data-theme=light] .agent-tab.is-active{background:#e6f2ff;color:#0284c7;border-color:#48afff}[data-theme=light] .skill-card{background:#f8fafc;border-color:#0f172a1a}[data-theme=light] .skill-card strong{color:#0f172a}[data-theme=light] .skill-card p{color:#64748b}.net-api-on{color:#4ade80}.net-api-off{color:#94a3b8}.net-hint{margin:0 0 .6rem;padding:.55rem .8rem;border-radius:8px;background:#4ff0ff0f;border:1px solid rgba(79,240,255,.2);color:#9fb4c6;font-size:.72rem;line-height:1.5}.net-hint code{color:#aef3ff}.net-hint-warn{background:#facc1512;border-color:#facc1540}.dev-band{display:inline-flex;align-items:center;gap:.45rem;font-size:.66rem;font-weight:600}.dev-band-rx{color:#4ade80}.dev-band-tx{color:#60a5fa}.dev-spark{flex:none;opacity:.85}