/* HIVE · neural command deck. Glass over a living field; cyan for signal, violet for thought, honey for the hive. */
:root{--bg:#04050a;--bg2:#080b16;--glass:rgba(11,15,28,.66);--glass2:rgba(17,23,42,.78);--soft:rgba(120,170,255,.07);--line:rgba(120,170,255,.13);--line2:rgba(120,170,255,.3);--ink:#e9eeff;--dim:#8a94b8;--mute:#59628a;--cy:#22e4ff;--vi:#a66cff;--hn:#ffb81c;--ok:#3dffa8;--bad:#ff4d6d;--acc:var(--cy);--accInk:#021018;--code:rgba(3,6,14,.72);--glow:0 0 0 1px rgba(34,228,255,.35),0 0 28px rgba(34,228,255,.14);--shadow:0 10px 40px rgba(0,0,0,.45);color-scheme:dark}
:root[data-theme="light"]{--bg:#e9eef8;--bg2:#f5f7fc;--glass:rgba(255,255,255,.72);--glass2:rgba(255,255,255,.9);--soft:rgba(20,50,120,.05);--line:rgba(20,50,120,.12);--line2:rgba(20,50,120,.26);--ink:#0a1024;--dim:#4a5578;--mute:#7a84a6;--cy:#0089b0;--vi:#6a3fd6;--hn:#b77700;--ok:#0b9c63;--bad:#d33a55;--accInk:#fff;--code:rgba(240,244,252,.9);--glow:0 0 0 1px rgba(0,137,176,.35),0 0 24px rgba(0,137,176,.12);--shadow:0 10px 34px rgba(20,40,90,.12);color-scheme:light}
*{box-sizing:border-box}
html,body{margin:0;height:100%;background:radial-gradient(1200px 700px at 78% -10%,rgba(166,108,255,.16),transparent 60%),radial-gradient(900px 600px at -10% 110%,rgba(34,228,255,.12),transparent 60%),var(--bg);color:var(--ink);font:15px/1.6 Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}
#field{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.9}
a{color:var(--cy)}button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3,h4{margin:0;font-family:"Chakra Petch",Inter,sans-serif;font-weight:600;letter-spacing:.06em}
h2{font-size:16px}h3{font-size:17px}h4{font-size:12px;color:var(--dim);letter-spacing:.16em}
.mono,kbd{font-family:"JetBrains Mono",ui-monospace,monospace}
kbd{font-size:10.5px;color:var(--mute);border:1px solid var(--line);border-radius:5px;padding:1px 5px;margin-left:auto}
.hidden{display:none!important}.flex{flex:1}.dim{color:var(--dim)}.sm{font-size:12.5px}.mt{margin-top:12px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
svg{width:18px;height:18px;flex:none}
button{cursor:pointer;border:0;background:none;border-radius:10px;transition:background .15s,box-shadow .15s,color .15s,transform .1s}
button:active{transform:scale(.97)}
button.pri{background:linear-gradient(110deg,var(--cy),var(--vi));color:var(--accInk);font-weight:600;padding:9px 18px;letter-spacing:.02em;box-shadow:0 0 22px rgba(34,228,255,.25)}button.pri:hover{box-shadow:0 0 30px rgba(34,228,255,.45)}
button.ghost{border:1px solid var(--line2);padding:8px 14px;background:var(--soft)}button.ghost:hover{box-shadow:var(--glow);color:var(--cy)}button.ghost.sm{padding:5px 10px;font-size:12px}
button.icon{width:36px;height:36px;display:inline-grid;place-items:center;color:var(--dim);font-family:"JetBrains Mono",monospace}button.icon:hover{background:var(--soft);color:var(--cy)}
button:disabled{opacity:.4;cursor:default}
:focus-visible{outline:2px solid var(--cy);outline-offset:2px}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none}
input,select,textarea{background:var(--code);border:1px solid var(--line);border-radius:10px;padding:9px 12px;width:100%;outline:none}
input:focus,select:focus,textarea:focus{border-color:var(--cy);box-shadow:var(--glow)}
textarea{resize:vertical}

/* glass + HUD corner brackets */
.card,#side,#composer,#mpop,.menu,dialog{background:var(--glass);-webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%);border:1px solid var(--line)}
.card{border-radius:14px;padding:16px;position:relative;box-shadow:var(--shadow)}
.hud{position:relative}
.hud::after{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;opacity:.85;background:
 linear-gradient(var(--cy),var(--cy)) top left/16px 1.5px no-repeat,linear-gradient(var(--cy),var(--cy)) top left/1.5px 16px no-repeat,
 linear-gradient(var(--vi),var(--vi)) bottom right/16px 1.5px no-repeat,linear-gradient(var(--vi),var(--vi)) bottom right/1.5px 16px no-repeat}
.led{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--mute);flex:none}.led.ok{background:var(--ok);box-shadow:0 0 8px var(--ok)}.led.warn{background:var(--hn);box-shadow:0 0 8px var(--hn)}.led.bad{background:var(--bad);box-shadow:0 0 8px var(--bad)}

/* layout */
#shell{position:relative;z-index:1;display:flex;height:100dvh}
#side{width:280px;flex:none;border-width:0 1px 0 0;display:flex;flex-direction:column;padding:12px 10px calc(10px + env(safe-area-inset-bottom));gap:4px}
.brand{display:flex;align-items:center;gap:10px;padding:6px 8px 14px;padding-top:calc(6px + env(safe-area-inset-top));color:var(--cy)}
.core-mark{width:44px;height:44px;border-radius:12px;flex:none;object-fit:cover;box-shadow:0 0 0 1px rgba(255,184,28,.35),0 0 18px rgba(255,184,28,.25)}
.word{flex:1;font:700 22px/1 "Chakra Petch",sans-serif;letter-spacing:.22em;color:var(--ink);display:flex;flex-direction:column;gap:4px}.word small{font:500 9px "JetBrains Mono",monospace;letter-spacing:.2em;color:var(--dim)}
.newchat{display:flex;gap:10px;align-items:center;padding:9px 10px;font-weight:600;color:var(--cy);border:1px dashed var(--line2)}.newchat span{display:grid;place-items:center;width:22px;height:24px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(var(--cy),var(--vi));color:var(--accInk);font-size:14px}.newchat:hover{box-shadow:var(--glow)}
nav{margin-top:8px}
nav a{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center;padding:8px 10px;border-radius:10px;color:var(--ink);text-decoration:none;font:600 14px "Chakra Petch",sans-serif;letter-spacing:.08em}nav a em{grid-column:2;font:400 11px "JetBrains Mono",monospace;color:var(--mute);letter-spacing:0;font-style:normal}nav a svg{grid-row:span 2}
nav a:hover{background:var(--soft)}nav a.on{background:linear-gradient(90deg,rgba(34,228,255,.12),transparent);box-shadow:inset 2px 0 0 var(--cy)}nav a.on svg{color:var(--cy)}
.hist-h{font:600 10.5px "JetBrains Mono",monospace;color:var(--mute);padding:16px 10px 6px;letter-spacing:.18em}
#hist{flex:1;overflow:auto;min-height:0}
#hist div{display:flex;align-items:center;gap:4px;border-radius:9px;padding:0 4px 0 10px}#hist div:hover,#hist div.on{background:var(--soft)}#hist div.on{box-shadow:inset 2px 0 0 var(--vi)}
#hist div span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:7px 0;cursor:pointer;font-size:13.5px}
#hist div button{opacity:0;width:26px;height:26px;color:var(--dim)}#hist div:hover button,#hist div.on button{opacity:1}
.sys{border:1px solid var(--line);border-radius:10px;padding:8px 10px;margin:8px 0;font:11px "JetBrains Mono",monospace;display:grid;gap:4px;background:var(--code)}.sys div{display:flex;align-items:center;gap:8px}.sys span{color:var(--mute);letter-spacing:.12em}.sys b{margin-left:auto;font-weight:500;color:var(--ink)}
.side-foot{display:flex;gap:6px;align-items:center;padding:8px 2px 0;flex-wrap:wrap}
#scrim{display:none}
#main{flex:1;min-width:0;display:flex;flex-direction:column}
.view{flex:1;min-height:0;display:flex;flex-direction:column}
.top{position:relative;display:flex;align-items:center;gap:8px;padding:10px 14px;padding-top:calc(10px + env(safe-area-inset-top));min-height:58px;border-bottom:1px solid var(--line);background:linear-gradient(var(--glass),transparent)}
.top h2{letter-spacing:.24em}
.only-m{display:none!important}
#mpick{display:flex;align-items:center;gap:9px;font:600 14px "JetBrains Mono",monospace;padding:7px 12px;border-radius:10px;max-width:min(480px,58vw);border:1px solid var(--line)}#mpick:hover{box-shadow:var(--glow)}#mpick span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}#mpick small{color:var(--mute);font-weight:400;white-space:nowrap}#mpick b{color:var(--mute);font-weight:400}
#mpop{position:absolute;top:56px;left:12px;z-index:30;width:min(560px,calc(100vw - 24px));max-height:min(70vh,640px);display:flex;flex-direction:column;border-radius:14px;box-shadow:var(--shadow);overflow:hidden}
#mpop input{border:0;border-bottom:1px solid var(--line);border-radius:0;padding:13px 14px;box-shadow:none!important;background:transparent;font-family:"JetBrains Mono",monospace}
#mlist{overflow:auto;padding:6px}#mlist h6{margin:10px 8px 4px;font:600 10.5px "JetBrains Mono",monospace;color:var(--mute);text-transform:uppercase;letter-spacing:.14em}
#mlist button{display:flex;width:100%;text-align:left;padding:7px 10px;border-radius:8px;font:13.5px "JetBrains Mono",monospace;gap:8px;align-items:center}#mlist button:hover,#mlist button.on{background:var(--soft)}#mlist button.on{box-shadow:inset 2px 0 0 var(--cy);color:var(--cy)}#mlist .tg{margin-left:auto;font-size:10px;color:var(--ok);border:1px solid currentColor;border-radius:4px;padding:0 4px}
#mcount{padding:8px 14px;border-top:1px solid var(--line);font:11px "JetBrains Mono",monospace;color:var(--mute)}
.tele{font:11px "JetBrains Mono",monospace;color:var(--mute);display:flex;gap:14px;white-space:nowrap;overflow:hidden}.tele b{color:var(--cy);font-weight:500}

/* studio */
#scroll{flex:1;overflow:auto;padding:0 16px;scroll-behavior:smooth}
#empty{max-width:820px;margin:4vh auto 0;text-align:center}
#core{width:min(300px,62vw);height:auto;aspect-ratio:1;display:block;margin:0 auto -6px}
#empty h1{font-size:clamp(26px,5.4vw,46px);letter-spacing:.2em;margin:0 0 6px;background:linear-gradient(100deg,var(--ink) 20%,var(--cy) 55%,var(--vi));-webkit-background-clip:text;background-clip:text;color:transparent}
#empty .sub{font:13px "JetBrains Mono",monospace;color:var(--dim);margin:0 0 24px}
.protocols{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;text-align:left}
.protocols button{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:3px}
.protocols button b{font:600 13px "Chakra Petch",sans-serif;letter-spacing:.12em;color:var(--cy)}.protocols button span{font-size:13px;color:var(--dim)}.protocols button:hover{box-shadow:var(--glow);transform:translateY(-1px)}
#log{max-width:820px;margin:0 auto;padding:16px 0 28px}
.m{margin:20px 0;animation:rise .3s ease-out}@keyframes rise{from{opacity:0;transform:translateY(8px)}}
.m.user{display:flex;justify-content:flex-end}
.m.user>div{max-width:85%;min-width:0;display:flex;flex-direction:column;align-items:flex-end}
.m.user .b{background:linear-gradient(135deg,rgba(34,228,255,.1),rgba(166,108,255,.1));border:1px solid var(--line2);border-radius:14px 14px 3px 14px;padding:10px 16px;max-width:100%;white-space:pre-wrap;word-break:break-word}
.m.user .thumbs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px;justify-content:flex-end}.thumbs img{height:84px;border-radius:10px;border:1px solid var(--line2);object-fit:cover}
.m.ai{display:flex;gap:14px}
.m.ai .av{flex:none;width:30px;height:30px;color:var(--cy);margin-top:2px;filter:drop-shadow(0 0 8px rgba(34,228,255,.45))}.m.ai .av svg{width:30px;height:30px}
.m.ai .av.think svg{animation:spin 2.4s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.m.ai .b{flex:1;min-width:0;font-size:15.5px;line-height:1.72}
.who-line{font:11px "JetBrains Mono",monospace;color:var(--mute);letter-spacing:.06em;margin-bottom:4px}.who-line b{color:var(--cy);font-weight:500}
.b p{margin:0 0 .85em}.b ul,.b ol{margin:0 0 .85em;padding-left:1.4em}.b li{margin:.2em 0}.b li::marker{color:var(--cy)}
.b h1,.b h2,.b h3,.b h4{font-family:"Chakra Petch",sans-serif;margin:1.1em 0 .45em;color:var(--ink);font-size:1.05em;letter-spacing:.04em}.b h1{font-size:1.3em}.b h2{font-size:1.15em}
.b blockquote{margin:0 0 .85em;border-left:2px solid var(--vi);padding-left:12px;color:var(--dim)}.b hr{border:0;border-top:1px solid var(--line);margin:1em 0}
.b code{font:13px "JetBrains Mono",monospace;background:var(--code);border:1px solid var(--line);border-radius:6px;padding:1px 5px;color:var(--cy)}
.b .pre{border:1px solid var(--line2);border-radius:12px;margin:0 0 1em;overflow:hidden;background:var(--code)}
.b .pre header{display:flex;justify-content:space-between;align-items:center;font:11px "JetBrains Mono",monospace;color:var(--mute);padding:6px 8px 6px 14px;border-bottom:1px solid var(--line);letter-spacing:.1em;text-transform:uppercase}
.b .pre header button{font:11px "JetBrains Mono",monospace;color:var(--dim);padding:3px 8px}.b .pre header button:hover{color:var(--cy);background:var(--soft)}
.b pre{margin:0;padding:12px 14px;overflow:auto;font:13px/1.6 "JetBrains Mono",monospace;border:0;border-radius:0;max-height:none}.b pre code{background:none;border:0;padding:0;color:var(--ink)}
.b table{border-collapse:collapse;margin:0 0 1em;font-size:14px;display:block;overflow:auto}.b th,.b td{border:1px solid var(--line);padding:6px 10px;text-align:left}.b th{background:var(--soft);font-family:"Chakra Petch",sans-serif;letter-spacing:.06em}
.b a.cite{font:600 10.5px "JetBrains Mono",monospace;text-decoration:none;background:var(--soft);border:1px solid var(--line2);border-radius:5px;padding:0 5px;vertical-align:2px;color:var(--cy)}.b a.cite:hover{box-shadow:var(--glow)}
.b img.gen{max-width:min(100%,520px);border-radius:14px;border:1px solid var(--line2);display:block;box-shadow:0 0 40px rgba(166,108,255,.25)}
.b .err{color:var(--bad);font:13.5px "JetBrains Mono",monospace}
.caret{display:inline-block;width:.55em;height:1.05em;background:var(--cy);vertical-align:-2px;margin-left:2px;animation:blink 1s steps(2) infinite;box-shadow:0 0 10px var(--cy)}@keyframes blink{50%{opacity:0}}
.tools{font:11px "JetBrains Mono",monospace;color:var(--dim);display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.tools span{border:1px solid var(--line);border-radius:999px;padding:1px 10px;background:var(--soft)}
.srcs{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px;font-size:12.5px}.srcs a{display:flex;gap:6px;align-items:center;max-width:250px;border:1px solid var(--line);border-radius:10px;padding:5px 9px;color:var(--ink);text-decoration:none;background:var(--glass)}.srcs a:hover{box-shadow:var(--glow)}.srcs a b{color:var(--cy);font:600 11px "JetBrains Mono",monospace}.srcs a span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.acts{display:flex;gap:2px;margin-top:4px;opacity:0;transition:opacity .15s;align-items:center}.m.ai:hover .acts,.m.ai:last-child .acts{opacity:1}.acts button{width:30px;height:30px;color:var(--dim);display:grid;place-items:center}.acts button:hover{background:var(--soft);color:var(--cy)}.acts svg{width:16px;height:16px}.acts .meta{font:11px "JetBrains Mono",monospace;color:var(--mute);margin-left:6px}
.dots{display:inline-flex;gap:5px;padding:10px 0}.dots i{width:7px;height:7px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:var(--cy);animation:dot 1.1s infinite}.dots i:nth-child(2){animation-delay:.15s;background:var(--vi)}.dots i:nth-child(3){animation-delay:.3s;background:var(--hn)}@keyframes dot{40%{transform:translateY(-5px);opacity:.5}}
/* council constellation while drafting */
.const{position:relative;width:180px;height:120px;margin:4px 0}.const i{position:absolute;width:12px;height:13px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:var(--vi);animation:node 1.6s ease-in-out infinite}.const i.lead{left:84px;top:54px;width:16px;height:17px;background:var(--cy);box-shadow:0 0 18px var(--cy)}
.const i:nth-child(2){left:20px;top:10px;animation-delay:.2s}.const i:nth-child(3){left:150px;top:14px;animation-delay:.4s}.const i:nth-child(4){left:10px;top:90px;animation-delay:.6s}.const i:nth-child(5){left:156px;top:92px;animation-delay:.8s}.const i:nth-child(6){left:88px;top:2px;animation-delay:1s}
.const svg{position:absolute;inset:0;width:100%;height:100%}.const svg line{stroke:var(--line2);stroke-dasharray:3 4;animation:flow 1s linear infinite}@keyframes flow{to{stroke-dashoffset:-14}}@keyframes node{50%{opacity:.35;transform:scale(.8)}}
details.drafts{margin-top:12px;font-size:13.5px;border:1px solid var(--line);border-radius:12px;background:var(--glass)}details.drafts summary{cursor:pointer;padding:9px 12px;color:var(--dim);font:500 12px "JetBrains Mono",monospace;letter-spacing:.04em}details.drafts summary:hover{color:var(--cy)}
details.drafts .grid-d{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px;padding:0 8px 8px}
details.drafts .d{border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:var(--code)}details.drafts .d h5{margin:0 0 6px;font:600 11px "JetBrains Mono",monospace;color:var(--vi);letter-spacing:.06em}details.drafts .d.err h5{color:var(--bad)}details.drafts .d .b{font-size:13.5px;max-height:300px;overflow:auto}

/* composer */
#dock{padding:0 16px calc(10px + env(safe-area-inset-bottom))}
#composer{max-width:820px;margin:0 auto;border-radius:16px;padding:10px 10px 8px 14px;box-shadow:var(--shadow);transition:box-shadow .2s,border-color .2s}
#composer:focus-within{border-color:var(--line2);box-shadow:var(--glow),var(--shadow)}
#composer.drag{border-color:var(--cy);border-style:dashed}
#inp{border:0;box-shadow:none!important;padding:6px 2px;resize:none;max-height:40vh;background:transparent;font-size:16px;line-height:1.5}
#inp::placeholder{color:var(--mute);font-family:"JetBrains Mono",monospace;font-size:13.5px}
.ctl{display:flex;align-items:center;gap:5px}
.tog{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:8px;padding:5px 10px;font:600 11px "JetBrains Mono",monospace;letter-spacing:.12em;color:var(--dim)}.tog i{width:6px;height:6px;border-radius:50%;background:var(--mute)}.tog:hover{color:var(--ink)}
.tog[aria-pressed="true"]{color:var(--cy);border-color:var(--cy);background:rgba(34,228,255,.08);box-shadow:0 0 14px rgba(34,228,255,.18)}.tog[aria-pressed="true"] i{background:var(--cy);box-shadow:0 0 8px var(--cy)}
#council[aria-pressed="true"]{color:var(--vi);border-color:var(--vi);background:rgba(166,108,255,.1);box-shadow:0 0 14px rgba(166,108,255,.2)}#council[aria-pressed="true"] i{background:var(--vi);box-shadow:0 0 8px var(--vi)}
#draw[aria-pressed="true"]{color:var(--hn);border-color:var(--hn);background:rgba(255,184,28,.08);box-shadow:0 0 14px rgba(255,184,28,.18)}#draw[aria-pressed="true"] i{background:var(--hn);box-shadow:0 0 8px var(--hn)}
#sendb{width:40px;height:44px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);border-radius:0;background:linear-gradient(160deg,var(--cy),var(--vi));color:var(--accInk);display:grid;place-items:center;margin-left:4px}#sendb:disabled{background:var(--line2);color:var(--dim)}#sendb.stop{background:var(--bad);color:#fff}
#mic.rec{color:#fff;background:var(--bad);border-radius:50%;animation:pulse 1s infinite alternate}@keyframes pulse{to{box-shadow:0 0 0 7px rgba(255,77,109,.25)}}
.plus{position:relative}.menu{position:absolute;bottom:44px;left:0;border-radius:12px;box-shadow:var(--shadow);padding:6px;z-index:10;min-width:240px}.menu button{display:block;width:100%;text-align:left;padding:8px 10px;font-size:14px}.menu button:hover{background:var(--soft);color:var(--cy)}
#att{display:flex;gap:8px;flex-wrap:wrap}#att:not(:empty){padding:4px 0 8px}
.chip{position:relative;display:flex;align-items:center;gap:8px;border:1px solid var(--line2);border-radius:10px;padding:4px 26px 4px 4px;font-size:12.5px;max-width:240px;background:var(--code)}.chip img{width:44px;height:44px;object-fit:cover;border-radius:7px}.chip .t{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.chip .t small{display:block;color:var(--mute);font-family:"JetBrains Mono",monospace}.chip .x{position:absolute;right:2px;top:2px;width:20px;height:20px;font-size:11px;color:var(--dim)}.chip.fileonly{padding-left:10px}
.fine{text-align:center;font:11px "JetBrains Mono",monospace;color:var(--mute);margin:8px 0 0}

/* voice link: a full-screen live surface */
#voiceo{position:fixed;inset:0;z-index:50;background:radial-gradient(circle at 50% 42%,rgba(34,228,255,.10),transparent 55%),var(--bg);display:flex;flex-direction:column;align-items:center;padding:calc(10px + env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom));text-align:center;overflow:hidden}
#viz{position:absolute;inset:0;width:100%;height:100%}
.vtop{position:relative;z-index:2;display:flex;align-items:center;gap:8px;width:100%;max-width:900px}
.vchip{display:inline-flex;align-items:center;gap:7px;font:500 11px "JetBrains Mono",monospace;letter-spacing:.08em;color:var(--dim);border:1px solid var(--line);border-radius:999px;padding:4px 11px;background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:52vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vchip:empty{display:none}
#orb{position:relative;z-index:1;flex:1;width:100%;cursor:pointer;min-height:120px}
#cam{position:absolute;z-index:3;right:16px;top:calc(58px + env(safe-area-inset-top));width:min(34vw,220px);aspect-ratio:3/4;object-fit:cover;border-radius:16px;border:1px solid var(--line2);box-shadow:var(--glow),var(--shadow);background:#000}
#cam.mirror{transform:scaleX(-1)}
.vcap{position:relative;z-index:2;max-width:640px;width:100%;min-height:118px}
#vstate{font:600 15px "Chakra Petch",sans-serif;letter-spacing:.32em;margin:0 0 8px;text-transform:uppercase;color:var(--cy)}
#vtext{margin:0;font-size:17px;line-height:1.55;color:var(--ink);max-height:5.2em;overflow:hidden;-webkit-mask-image:linear-gradient(transparent,#000 1.2em);mask-image:linear-gradient(transparent,#000 1.2em);display:flex;flex-direction:column;justify-content:flex-end}
.vhint{font:11px "JetBrains Mono",monospace;color:var(--mute);margin:8px 0 0}
.vdock{position:relative;z-index:2;display:flex;gap:10px;align-items:flex-end;justify-content:center;margin-top:14px;flex-wrap:wrap}
.vbtn{display:flex;flex-direction:column;align-items:center;gap:5px;width:64px;padding:10px 0 8px;border-radius:16px;border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--dim)}.vbtn svg{width:22px;height:22px}.vbtn span{font:600 9.5px "JetBrains Mono",monospace;letter-spacing:.12em}
.vbtn:hover{color:var(--cy);box-shadow:var(--glow)}.vbtn[aria-pressed="true"]{color:var(--cy);border-color:var(--cy);background:rgba(34,228,255,.1);box-shadow:0 0 18px rgba(34,228,255,.25)}
.vbtn.big{width:84px;height:84px;justify-content:center;border-radius:50%;border-color:var(--cy);color:var(--cy);box-shadow:0 0 26px rgba(34,228,255,.25)}.vbtn.big svg{width:28px;height:28px}
#vmute[aria-pressed="true"]{border-color:var(--hn);color:var(--hn);box-shadow:0 0 22px rgba(255,184,28,.25)}
#vptt.held{background:rgba(34,228,255,.18);transform:scale(1.06)}
.vbtn.end{color:var(--bad);border-color:rgba(255,77,109,.4)}.vbtn.end:hover{box-shadow:0 0 0 1px var(--bad),0 0 20px rgba(255,77,109,.3);color:var(--bad)}
.vvoice{position:relative;z-index:2;display:flex;gap:8px;align-items:center;justify-content:center;margin-top:14px;width:100%;max-width:420px}#vvoice{flex:1;min-width:0;font:13px "JetBrains Mono",monospace;padding:8px 10px}

/* swarm */
.pad{flex:1;overflow:auto;padding:16px 16px 28px}.pad.narrow>*{max-width:860px;margin-left:auto;margin-right:auto}
.launch textarea{min-height:110px;margin-top:10px}
#caprow{display:inline-flex;align-items:center;gap:8px;margin-left:auto}#cap{width:84px;display:inline-block;padding:6px 8px;font-family:"JetBrains Mono",monospace}
.note{padding:10px 12px;border:1px solid var(--hn);border-radius:10px;color:var(--hn);font-size:13px;background:rgba(255,184,28,.06)}
.plist div{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 8px;border-top:1px solid var(--line);cursor:pointer;border-radius:8px}.plist div:first-child{border-top:0}.plist div:hover{background:var(--soft)}
.st{font:600 10.5px "JetBrains Mono",monospace;letter-spacing:.14em;text-transform:uppercase;padding:3px 9px;border-radius:6px;border:1px solid var(--line2);white-space:nowrap;height:fit-content}
.st.working,.st.integrating,.st.planning,.st.replanning{color:var(--ok);border-color:var(--ok);box-shadow:0 0 12px rgba(61,255,168,.2)}.st.done{color:var(--cy);border-color:var(--cy)}.st.failed,.st.stopped{color:var(--bad);border-color:var(--bad)}.st.paused{color:var(--hn);border-color:var(--hn)}
.phead h3{font-size:20px;letter-spacing:.08em}
.pstats{display:flex;align-items:center;gap:14px;margin-top:12px;flex-wrap:wrap}.pstats>div{display:flex;flex-direction:column;gap:4px;min-width:200px}.pstats b{font:600 15px "Chakra Petch",sans-serif;letter-spacing:.06em}
svg.ring{width:58px;height:58px;transform:rotate(-90deg)}svg.ring circle{fill:none;stroke-width:5}svg.ring .bg{stroke:var(--line)}svg.ring .fg{stroke:var(--cy);stroke-linecap:round;stroke-dasharray:170;stroke-dashoffset:170;transition:stroke-dashoffset .6s;filter:drop-shadow(0 0 4px var(--cy))}
.bar{height:5px;background:var(--line);border-radius:4px;overflow:hidden;min-width:120px}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--cy),var(--vi));box-shadow:0 0 8px var(--cy)}
.grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.5fr) minmax(0,1fr);gap:14px;margin-top:14px}@media (max-width:1150px){.grid{grid-template-columns:1fr}}
.mapc canvas{width:100%;aspect-ratio:1;display:block;margin-top:8px}
.legend{display:flex;gap:12px;flex-wrap:wrap;font-size:10.5px;color:var(--mute);margin-top:6px}.legend i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px}.legend .w{background:var(--cy)}.legend .v{background:var(--vi)}.legend .i{background:var(--mute)}.legend .o{background:var(--bad)}
.agents{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;max-height:420px;overflow:auto}
.ag{border:1px solid var(--line);border-radius:10px;padding:8px 9px 8px 12px;font-size:11.5px;position:relative;overflow:hidden;background:var(--code)}.ag b{display:block;font:600 12px "JetBrains Mono",monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ag .r{color:var(--dim);font-family:"JetBrains Mono",monospace}
.ag:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--line2)}.ag.working:before{background:var(--cy);box-shadow:0 0 8px var(--cy);animation:fade 1s infinite alternate}.ag.reviewing:before{background:var(--vi);animation:fade 1s infinite alternate}.ag.offline{opacity:.6}.ag.offline:before{background:var(--bad)}.ag.retired{opacity:.3}@keyframes fade{to{opacity:.3}}
.ag .sc{float:right;font:600 11px "JetBrains Mono",monospace;color:var(--hn)}.ag .er{display:block;color:var(--bad);font-size:10.5px;line-height:1.3;margin:3px 0;word-break:break-word}
.board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}@media (max-width:640px){.board{grid-template-columns:1fr 1fr}}
.col h3{font:600 10.5px "JetBrains Mono",monospace;color:var(--mute);margin-bottom:6px;letter-spacing:.14em}
.tk{border:1px solid var(--line);border-radius:10px;padding:8px;margin-bottom:8px;font-size:12.5px;cursor:pointer;background:var(--code)}.tk:hover{box-shadow:var(--glow)}.tk .role{font:600 10px "JetBrains Mono",monospace;letter-spacing:.1em;color:var(--cy);text-transform:uppercase}.tk .who{color:var(--mute);font:10.5px "JetBrains Mono",monospace;margin-top:4px}
.feed{max-height:520px;overflow:auto;font:11.5px/1.5 "JetBrains Mono",monospace;background:var(--code);border:1px solid var(--line);border-radius:10px;padding:4px 10px}.feed div{padding:6px 0;border-top:1px dashed var(--line)}.feed div:first-child{border-top:0}.feed time{color:var(--mute);margin-right:6px}.feed .who{color:var(--cy)}.feed .k-redo .who,.feed .k-error .who,.feed .k-offline .who,.feed .k-retired .who{color:var(--bad)}.feed .k-approve .who,.feed .k-done .who{color:var(--ok)}.feed .k-accept .who{color:var(--hn)}.feed .k-chat .who,.feed .k-brief .who{color:var(--vi)}.feed .k-quota .who{color:var(--hn)}
pre{white-space:pre-wrap;word-break:break-word;background:var(--code);border:1px solid var(--line);border-radius:10px;padding:10px;max-height:460px;overflow:auto;font:12.5px "JetBrains Mono",monospace}
#finalmd{max-height:640px;overflow:auto;padding:4px 2px}
iframe{width:100%;height:600px;border:1px solid var(--line2);border-radius:12px;background:#fff}
dialog{color:var(--ink);border-radius:16px;max-width:min(900px,94vw);width:100%;box-shadow:var(--shadow);padding:18px}dialog::backdrop{background:rgba(2,4,10,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
#cmdk{max-width:min(620px,94vw);padding:0;top:12vh;margin-top:0}#cq{border:0;border-bottom:1px solid var(--line);border-radius:0;padding:16px 18px;font:15px "JetBrains Mono",monospace;background:transparent;box-shadow:none!important}
#clist{max-height:50vh;overflow:auto;padding:6px}#clist button{display:flex;width:100%;gap:10px;align-items:center;text-align:left;padding:9px 12px;border-radius:9px;font-size:14px}#clist button small{margin-left:auto;font:11px "JetBrains Mono",monospace;color:var(--mute)}#clist button.on{background:var(--soft);box-shadow:inset 2px 0 0 var(--cy);color:var(--cy)}#cmdk p{margin:0;padding:8px 14px;border-top:1px solid var(--line)}
.form{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.form label{display:block;font:600 11px "JetBrains Mono",monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}.form label input,.form label select{margin-top:6px;font:14px Inter,sans-serif;text-transform:none;letter-spacing:0;color:var(--ink)}.form .wide{grid-column:1/-1}@media (max-width:640px){.form{grid-template-columns:1fr}}
.key{display:grid;grid-template-columns:auto 1fr auto;gap:4px 14px;align-items:center;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);margin-bottom:10px}
.key .badge{width:40px;height:44px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);display:grid;place-items:center;font:700 15px "Chakra Petch",sans-serif;background:linear-gradient(160deg,rgba(34,228,255,.25),rgba(166,108,255,.25));color:var(--cy);grid-row:span 2}
.key .nm{font-weight:600}.key .meta{font:11.5px "JetBrains Mono",monospace;color:var(--dim);grid-column:2}.key .meta.err{color:var(--bad)}.key .bt{grid-row:1/span 2;grid-column:3;display:flex;gap:6px;align-items:center}
.key details{grid-column:2/-1;font-size:12.5px}.key details summary{cursor:pointer;color:var(--dim);font-family:"JetBrains Mono",monospace}.key .mods{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px;max-height:160px;overflow:auto}.key .mods code{font:11px "JetBrains Mono",monospace;background:var(--code);border:1px solid var(--line);border-radius:5px;padding:1px 6px}
.key.off{opacity:.5}
.sw{position:relative;width:40px;height:22px;border-radius:999px;background:var(--line2);flex:none}.sw:after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:left .15s}.sw[aria-checked="true"]{background:var(--ok);box-shadow:0 0 12px rgba(61,255,168,.4)}.sw[aria-checked="true"]:after{left:21px}
#toast{position:fixed;left:50%;bottom:calc(96px + env(safe-area-inset-bottom));transform:translateX(-50%);background:var(--glass2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line2);box-shadow:var(--glow);padding:9px 16px;border-radius:10px;font:13px "JetBrains Mono",monospace;z-index:60;max-width:90vw}

@media (max-width:900px){
  #side{position:fixed;inset:0 auto 0 0;z-index:40;transform:translateX(-100%);transition:transform .22s;background:var(--glass2)}
  body.side #side{transform:none}body.side #scrim{display:block;position:fixed;inset:0;z-index:39;background:rgba(2,4,10,.55)}
  .only-m{display:inline-grid!important}
  .tele,#who,#mtot{display:none}
  .tog{padding:6px 7px;letter-spacing:.03em;font-size:10px;gap:5px}#mic{display:none}#plus{width:30px}.ctl{gap:4px}
  .m.ai .av{display:none}
  #empty{margin-top:2vh}
  .protocols{grid-template-columns:1fr 1fr}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
.plist div .x{width:28px;height:28px;color:var(--mute);flex:none}.plist div .x:hover{color:var(--bad);background:rgba(255,77,109,.1)}.plist div>span:first-child{flex:1;min-width:0}#pdel:hover{color:var(--bad);box-shadow:0 0 0 1px var(--bad)}

/* settings */
dialog.settings{max-width:min(620px,94vw);max-height:88vh;overflow:auto}
.settings section{border-top:1px solid var(--line);padding:14px 0 6px;margin-top:12px}.settings section h4{margin-bottom:8px}
.opt{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px 0;font-size:14px}.opt>span{display:flex;flex-direction:column}.opt small{font:11px "JetBrains Mono",monospace;color:var(--mute);margin-top:2px}
.opt select{width:auto;min-width:170px;max-width:52%;font-size:13px;padding:7px 10px}.opt input[type=range]{width:170px;accent-color:var(--cy);padding:0;border:0;background:none;box-shadow:none}
input.tg{appearance:none;-webkit-appearance:none;width:44px;height:24px;border-radius:999px;background:var(--line2);position:relative;cursor:pointer;flex:none;padding:0;border:0}input.tg::after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:left .15s}input.tg:checked{background:var(--cy);box-shadow:0 0 12px rgba(34,228,255,.4)}input.tg:checked::after{left:23px}
#hsearch{margin:0 0 6px;padding:7px 10px;font:12px "JetBrains Mono",monospace;background:var(--code)}
.m.user .uacts{display:flex;gap:2px;opacity:0;transition:opacity .15s}.m.user:hover .uacts,.m.user:last-of-type .uacts{opacity:1}.uacts button{width:28px;height:26px;color:var(--mute);font-size:13px}.uacts button:hover{color:var(--cy);background:var(--soft)}
body.still #field{display:none}
@media (max-width:900px){#core{width:min(250px,64vw)}#esub{font-size:11.5px}.vbtn{width:56px}.vbtn.big{width:74px;height:74px}#cam{width:30vw}.opt{flex-wrap:wrap}.opt select,.opt input[type=range]{max-width:100%;width:100%}}

/* MENTIFABER AGENT panel */
.agentp{background:linear-gradient(135deg,rgba(255,184,28,.08),rgba(166,108,255,.08)),var(--glass)}
.agentp .ah{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.agentp .ah h3{flex:1;font-size:18px;letter-spacing:.14em}.agentp .ah h3 small{display:block;font:500 11px "JetBrains Mono",monospace;letter-spacing:.08em;color:var(--dim);margin-top:4px}
.agentp .ab{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.agentp .prog{margin-top:12px}.agentp .prog .bar{height:8px}.agentp .prog p{margin:6px 0 0;font:11.5px "JetBrains Mono",monospace;color:var(--dim)}
.agentp .own{display:flex;gap:8px;margin-top:10px}.agentp .own input{font:12.5px "JetBrains Mono",monospace}
.agentp .facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin-top:12px}.agentp .facts div{border:1px solid var(--line);border-radius:10px;padding:8px 10px;background:var(--code);font:11px "JetBrains Mono",monospace;color:var(--mute)}.agentp .facts b{display:block;color:var(--ink);font-size:13px;margin-top:2px}

/* ── mind ── */
.mindp{background:linear-gradient(135deg,rgba(0,229,255,.07),rgba(166,108,255,.09)),var(--glass)}
.mindp .ah{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.mindp .ah h3{flex:1;font-size:18px;letter-spacing:.14em}.mindp .ah h3 small{display:block;font:500 11px "JetBrains Mono",monospace;letter-spacing:.08em;color:var(--dim);margin-top:4px}
.mindp .mtg{display:flex;align-items:center;gap:8px;font:600 10.5px "JetBrains Mono",monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.mindp .facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin-top:12px}.mindp .facts div{border:1px solid var(--line);border-radius:10px;padding:8px 10px;background:var(--code);font:11px "JetBrains Mono",monospace;color:var(--mute);min-width:0}.mindp .facts b{display:block;color:var(--ink);font-size:13px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mindp .hours{display:grid;grid-template-columns:repeat(24,1fr);gap:2px;align-items:end;height:54px;margin-top:12px;padding-bottom:14px;position:relative}
.mindp .hours i{display:block;background:linear-gradient(to top,var(--cy),var(--vi,#a66cff));border-radius:2px 2px 0 0;min-height:2px;opacity:.85}
.mindp .hours span{position:absolute;bottom:0;font:9.5px "JetBrains Mono",monospace;color:var(--dim)}
.mindp .ab{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.own{display:flex;gap:8px;margin-top:10px}.own input{flex:1;min-width:0}
.mlist{display:flex;flex-direction:column;gap:6px;max-height:420px;overflow:auto}
.mlist .mi{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);border-radius:10px;padding:8px 10px;background:var(--code);font-size:13.5px}
.mlist .mi p{flex:1;margin:0;min-width:0;overflow-wrap:anywhere}.mlist .mi small{display:block;font:10.5px "JetBrains Mono",monospace;color:var(--dim);letter-spacing:.06em;margin-bottom:2px;text-transform:uppercase}
.mlist .mi button{flex:none;background:none;border:0;color:var(--dim);cursor:pointer;font-size:14px;padding:2px 4px}.mlist .mi button:hover{color:var(--bad)}