.orb-wrap{--orb-idle: #4f46e5;--orb-listening: #6c6bff;--orb-thinking: #8b5cf6;--orb-speaking: #7c7fff;--orb-alert: #f5a623;--orb-error: #3a3d52;--pupil-size: 34%;width:180px;height:180px;animation:orb-breathe 4s ease-in-out infinite}.orb-wrap.listening{animation:orb-breathe 1.6s ease-in-out infinite;--orb-idle: var(--orb-listening);--pupil-size: 28%}.orb-wrap.thinking{animation:orb-breathe 3s ease-in-out infinite;--orb-idle: var(--orb-thinking);--pupil-size: 46%}.orb-wrap.speaking{animation:orb-pulse-fast .9s ease-in-out infinite;--orb-idle: var(--orb-speaking);--pupil-size: 32%}.orb-wrap.alert{animation:orb-pulse-urgent .6s ease-in-out infinite;--orb-idle: var(--orb-alert);--pupil-size: 20%}.orb-wrap.error{animation:none;--orb-idle: var(--orb-error)}.orb{position:relative;width:100%;height:100%;border-radius:50%;overflow:hidden;cursor:pointer;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--orb-idle) 35%,#0b0d16),#0a0b12 72%);box-shadow:0 0 40px 6px color-mix(in srgb,var(--orb-idle) 55%,transparent),0 0 90px 30px color-mix(in srgb,var(--orb-idle) 25%,transparent);transition:box-shadow .6s ease,transform .7s cubic-bezier(.4,0,.2,1)}.orb:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:1px solid color-mix(in srgb,var(--orb-idle) 50%,transparent);opacity:.6;pointer-events:none}.iris{position:absolute;top:14%;right:14%;bottom:14%;left:14%;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(255,255,255,.1) 0deg 1.2deg,transparent 1.2deg 4deg),radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--orb-idle) 85%,white 10%),color-mix(in srgb,var(--orb-idle) 70%,#0a0b12) 55%,color-mix(in srgb,var(--orb-idle) 30%,#0a0b12));box-shadow:inset 0 0 18px #0000008c;transition:background .6s ease}.orb-wrap.thinking .iris{animation:orb-iris-swirl 3s linear infinite}@keyframes orb-iris-swirl{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(18deg)}}.pupil{position:absolute;top:50%;left:50%;width:var(--pupil-size);height:var(--pupil-size);transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 40% 35%,#1a1224,#030308 70%);box-shadow:inset 0 0 10px #000c;transition:width .5s ease,height .5s ease}.reflection-main{position:absolute;top:22%;left:30%;width:30%;height:22%;background:radial-gradient(circle,rgba(255,255,255,.75),transparent 70%);border-radius:50%;filter:blur(1px);pointer-events:none}.reflection-spec{position:absolute;top:60%;left:58%;width:8%;height:8%;background:#ffffffe6;border-radius:50%;filter:blur(.3px);pointer-events:none}.orb-wrap.error .orb{transform:scaleY(.09)}.orb-wrap.error .reflection-main,.orb-wrap.error .reflection-spec{opacity:0;transition:opacity .3s ease}.orb-status{margin:0;font-size:12px;color:#8a8fae;text-align:center}@keyframes orb-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes orb-pulse-fast{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes orb-pulse-urgent{0%,to{transform:scale(1)}50%{transform:scale(1.14)}}@media (prefers-reduced-motion: reduce){.orb-wrap,.orb-wrap.listening,.orb-wrap.thinking,.orb-wrap.speaking,.orb-wrap.alert,.orb-wrap.thinking .iris{animation:none!important}}.hub-card{position:absolute;width:260px;max-height:70vh;overflow:auto;background:linear-gradient(180deg,#171a26,#14161f);border:1px solid #262a46;border-radius:14px;padding:16px 16px 14px;box-shadow:0 10px 30px #00000080,0 0 40px #4f46e514,inset 0 1px #ffffff0a;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;transition:left .15s ease,top .15s ease;animation:hub-card-spawn .5s cubic-bezier(.2,.9,.3,1.2)}.hub-card.dragging{cursor:grabbing;transition:none}.hub-card:before{content:"";position:absolute;top:0;left:14px;right:14px;height:2px;background:linear-gradient(90deg,transparent,#7c7fff,transparent);border-radius:2px;opacity:.8}.hub-card-title{margin:0 0 10px;font-size:12px;color:#8a8fae;font-weight:600;letter-spacing:.1em;text-transform:uppercase;display:flex;align-items:center;gap:7px}.hub-card-title:before{content:"";width:6px;height:6px;border-radius:50%;background:#7c7fff;box-shadow:0 0 6px 1px #7c7fff;flex-shrink:0}@keyframes hub-card-spawn{0%{transform:scale(.2);opacity:0}to{transform:scale(1);opacity:1}}@media (prefers-reduced-motion: reduce){.hub-card{animation:none}}.spot-beam{position:absolute;top:0;left:0;height:2px;width:0;transform-origin:0% 50%;background:linear-gradient(90deg,transparent,var(--spot-color, #7c7fff) 60%,var(--spot-color, #7c7fff));clip-path:polygon(0% 48%,100% 10%,100% 90%,0% 52%);opacity:0;mix-blend-mode:screen;filter:blur(2px);transition:opacity .5s ease;pointer-events:none;z-index:3}.spot-glow{position:absolute;width:340px;height:340px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,color-mix(in srgb,var(--spot-color, #7c7fff) 55%,transparent) 0%,transparent 70%);opacity:0;mix-blend-mode:screen;transition:opacity .5s ease,left .6s ease,top .6s ease;pointer-events:none;z-index:2}.spot-beam.active,.spot-glow.active{opacity:1}@keyframes spot-pulse-glow{0%,to{opacity:.55;transform:translate(-50%,-50%) scale(.9)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}@keyframes spot-pulse-beam{0%,to{opacity:.5;filter:blur(2px) brightness(1)}50%{opacity:1;filter:blur(2px) brightness(1.7)}}.spot-glow.loading{animation:spot-pulse-glow 1.4s ease-in-out infinite}.spot-beam.loading{animation:spot-pulse-beam 1.4s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.spot-glow.loading,.spot-beam.loading{animation:none!important;opacity:.85}}:root{color-scheme:dark;--bg:#0b0d10;--panel:#14171c;--line:#242a31;--fg:#e8eaed;--muted:#9aa4af;--accent:#5b8cff}*{box-sizing:border-box}body,html,#root{margin:0;height:100%}body{background:var(--bg);color:var(--fg);font:15px/1.5 system-ui,sans-serif}.app{display:flex;flex-direction:column;height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem;border-bottom:1px solid var(--line)}.brand{font-weight:700;letter-spacing:.02em}.presence{display:flex;align-items:center;gap:.4rem;color:var(--muted);font-size:.85rem}.presence .dot{width:.55rem;height:.55rem;border-radius:50%;background:var(--muted)}.presence.thinking .dot{background:var(--accent);animation:pulse 1s ease-in-out infinite}@keyframes pulse{50%{opacity:.3}}.panes{display:grid;grid-template-columns:minmax(280px,1fr) 1.4fr;flex:1;min-height:0}.chat{display:flex;flex-direction:column;border-right:1px solid var(--line);min-height:0}.chat-log{flex:1;overflow:auto;padding:1rem;display:flex;flex-direction:column;gap:.6rem}.bubble{max-width:80%;padding:.5rem .75rem;border-radius:.8rem;background:var(--panel)}.bubble.user{align-self:flex-end;background:var(--accent);color:#fff}.chip{margin-top:.35rem;font-size:.72rem;color:var(--muted)}.chat-input{display:flex;gap:.5rem;padding:.75rem;border-top:1px solid var(--line)}.chat-input input{flex:1;padding:.5rem .7rem;border-radius:.5rem;border:1px solid var(--line);background:#0e1116;color:var(--fg)}.chat-input button{padding:.5rem .9rem;border:0;border-radius:.5rem;background:var(--accent);color:#fff;cursor:pointer}.canvas{overflow:auto;padding:1rem 1.25rem}.canvas.empty{color:var(--muted);display:grid;place-items:center}.canvas-head{text-transform:capitalize;font-weight:600;color:var(--muted);margin-bottom:.75rem}.block{background:var(--panel);border:1px solid var(--line);border-radius:.7rem;padding:.75rem 1rem;margin-bottom:.75rem}.blk-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.blk-list label{display:flex;gap:.55rem;align-items:center;cursor:pointer}.blk-list .checked{text-decoration:line-through;color:var(--muted)}.blk-table{width:100%;border-collapse:collapse}.blk-table th,.blk-table td{text-align:left;padding:.35rem .5rem;border-bottom:1px solid var(--line)}.blk-image{max-width:100%;border-radius:.5rem}.blk-link{display:flex;flex-direction:column;text-decoration:none;color:var(--fg)}.blk-link-title{color:var(--accent);font-weight:600}.blk-link-desc{color:var(--muted);font-size:.85rem}.blk-text{margin:0}.hub{position:relative;width:100vw;height:100vh;overflow:hidden;background:radial-gradient(1200px 800px at 14% 45%,#121524 0%,transparent 60%),radial-gradient(900px 700px at 80% 70%,#0e1322 0%,transparent 55%),var(--bg)}.orb-hero{position:absolute;left:120px;top:clamp(40px,20vh,200px);width:180px;height:180px;z-index:4}.orb-hero .orb-status{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:.75rem;white-space:nowrap}.chat-dock{position:absolute;left:24px;bottom:28px;width:360px;max-height:34vh;display:flex;flex-direction:column;background:#12151ee0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 30px #0000008c;z-index:40}.chat-dock .chat-log{padding:.85rem}.chat-dock .chat-input{border-top:1px solid var(--line)}