#graph-view{background:radial-gradient(ellipse at 50% 43%,#071d36 0,#020713 52%,#01030a 82%)}
#taskbar{perspective:700px;transform-style:preserve-3d}
#tb-graph{position:relative;overflow:visible;transform:translateZ(10px) rotateX(-7deg);border:1px solid #ffffff99!important;background:linear-gradient(145deg,#f9fcffdd,#aac8e6b8)!important;box-shadow:inset 0 1px 0 #fff,0 7px 0 #7999b9,0 12px 20px #001a334d!important;transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s ease!important}
#tb-graph:hover{transform:translateY(-3px) translateZ(18px) rotateX(-4deg);box-shadow:inset 0 1px 0 #fff,0 9px 0 #6f91b4,0 16px 28px #001a3366!important}
#tb-graph:active{transform:translateY(4px) translateZ(4px) rotateX(-2deg);box-shadow:inset 0 2px 5px #3457,0 2px 0 #6f91b4,0 6px 12px #001a334d!important}
#tb-graph.active{color:#fff!important;background:linear-gradient(145deg,#745cff,#087fe5)!important;border-color:#a9e4ff!important;box-shadow:inset 0 1px 0 #ffffff99,0 7px 0 #274fb2,0 12px 26px #142ab399,0 0 24px #39bfff88!important}
.graph-tryme{position:absolute;left:50%;bottom:calc(100% + 10px);z-index:120;transform:translateX(-50%);padding:6px 10px;border:1px solid #ffffff70;border-radius:9px;background:#171d2cf2;color:#fff;box-shadow:0 10px 28px #0008;white-space:nowrap;font:600 11px/1 system-ui,sans-serif;animation:graph-tryme-pop 1.8s ease-in-out infinite;pointer-events:none}
.graph-tryme::after{content:"";position:absolute;left:50%;top:100%;transform:translateX(-50%);border:5px solid transparent;border-top-color:#171d2cf2}
@keyframes graph-tryme-pop{0%,100%{transform:translateX(-50%) translateY(0);filter:brightness(1)}50%{transform:translateX(-50%) translateY(-4px);filter:brightness(1.25)}}
.graph-node{width:54px;height:54px;border:1px solid #b9d7eb4d;background:linear-gradient(145deg,#ffffff1a,#07111fd9);backdrop-filter:blur(14px) saturate(1.15);box-shadow:inset 0 1px 1px #fff3,0 10px 30px #0008,0 0 18px #6abff329}
.graph-node.technology-node{border-color:#79ddff75;background:radial-gradient(circle at 34% 24%,#1d3950d9,#050b14ed);box-shadow:inset 0 1px 1px #fff4,0 12px 34px #000a,0 0 22px #16c8ff40}.graph-node.technology-node span img{width:29px;height:29px;filter:drop-shadow(0 2px 5px #0008)}
.graph-node::after{content:"";position:absolute;inset:7px;border-radius:50%;border:1px solid #fff1;pointer-events:none}
.graph-node:hover,.graph-node:focus-visible{border-color:#5ceaff;box-shadow:inset 0 1px 1px #65efff66,0 0 18px #12d8ff,0 0 38px #087cffaa}
.graph-node em{display:none}
.graph-context{display:none!important}
.graph-context.node-preview{display:flex!important;bottom:auto;z-index:100;width:min(330px,calc(100vw - 36px));padding:14px 16px;border-color:#a8d8f066;background:#08111ef5;box-shadow:0 22px 60px #000d,0 0 0 1px #ffffff14;animation:node-preview-in .2s cubic-bezier(.16,1,.3,1)}
.graph-usage{display:none;margin-top:12px;align-items:center;gap:10px}
.graph-usage.visible{display:flex}
.graph-usage>i{display:block;flex:1;height:7px;overflow:hidden;border-radius:999px;background:#d8ebf51f;box-shadow:inset 0 1px 3px #0008}
.graph-usage>i>b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2b8cff,#70d7ff);box-shadow:0 0 12px #48bdff;transition:width .35s ease}
.graph-usage>strong{min-width:68px;color:#a9ddff;font:600 11px/1.2 system-ui,sans-serif;text-align:right}
.graph-voice{position:absolute;z-index:110;left:50%;bottom:22px;transform:translateX(-50%);display:grid;grid-template-columns:auto auto auto;align-items:center;gap:6px 10px;min-width:270px;padding:11px 16px;border:1px solid #8bd5ff66;border-radius:18px;background:#081421e8;color:#eaf8ff;box-shadow:0 14px 38px #000a,0 0 22px #1688f833;backdrop-filter:blur(18px);cursor:pointer}
.graph-voice>span:first-child{font-size:19px}.graph-voice>b{font:600 12px/1 system-ui,sans-serif;text-align:left}.graph-voice>small{grid-column:2/4;color:#9eb6c9;font:500 10px/1.2 system-ui,sans-serif;text-align:left}.graph-voice:hover,.graph-voice.active{border-color:#c5edff;background:#0d2133}.graph-voice.listening,.graph-voice.speaking{border-color:#69e4ff;animation:voice-listening 1s ease-in-out infinite}
.voice-wave{display:flex;align-items:center;gap:3px;height:22px}.voice-wave i{width:3px;height:5px;border-radius:3px;background:#6ad9ff}.graph-voice.listening .voice-wave i,.graph-voice.speaking .voice-wave i{animation:voice-bar .7s ease-in-out infinite}.voice-wave i:nth-child(2){animation-delay:.10s!important}.voice-wave i:nth-child(3){animation-delay:.20s!important}.voice-wave i:nth-child(4){animation-delay:.30s!important}.voice-wave i:nth-child(5){animation-delay:.40s!important}
.graph-context.voice-preview{z-index:115}
@keyframes voice-listening{50%{box-shadow:0 12px 35px #0009,0 0 0 9px #42cfff24,0 0 32px #42cfff99}}
@keyframes voice-bar{0%,100%{height:5px}50%{height:17px}}
.mic-setup{width:min(390px,82vw);display:grid;grid-template-columns:auto 1fr;gap:10px 12px;align-items:center;padding:13px 15px;border:1px solid #ffffff45;border-radius:14px;background:#07172a91;box-shadow:0 14px 44px #00152b55;backdrop-filter:blur(18px);text-align:left}.mic-orb{grid-row:1/3;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#198cf2;color:#fff;box-shadow:0 0 0 7px #299aff1c,0 0 24px #299aff66}.mic-setup div{display:flex;flex-direction:column;gap:3px}.mic-setup b{font-size:13px}.mic-setup small{font-size:11px;line-height:1.35;color:#dbeaffb8}.mic-setup button{grid-column:2;border:1px solid #ffffff52;border-radius:8px;padding:7px 11px;background:#ffffff20;color:#fff;cursor:pointer}.mic-setup button:hover{background:#ffffff35}.mic-setup.enabled .mic-orb{background:#19ae72}.mic-setup.enabled button{border-color:#70eab2;background:#0e8059}.mic-setup.denied .mic-orb{background:#d45c69}
@keyframes node-preview-in{from{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:none}}
@media(max-width:700px){.graph-context.node-preview{width:220px}}

/* Futuristic hands-free graph experience */
#graph-view{--light-x:50%;--light-y:44%;--drift-x:0px;--drift-y:0px;isolation:isolate;background:#01050b}
#graph-view::before{content:"";position:absolute;inset:-8%;z-index:0;background:radial-gradient(circle at 50% 43%,#08325288 0,#03111f66 28%,#01050b00 62%);filter:saturate(1.7) brightness(.78);opacity:.5;transform:scale(1.08) translate3d(var(--drift-x),var(--drift-y),0);animation:energy-field-drift 12s ease-in-out infinite alternate;transition:filter .2s ease,opacity .2s ease,transform .7s cubic-bezier(.16,1,.3,1);pointer-events:none}
#graph-view::after{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(circle at var(--light-x) var(--light-y),#65eaff38 0,transparent 19%),radial-gradient(circle at 78% 30%,#167dff20 0,transparent 30%),linear-gradient(90deg,#000b,#0000 28%,#0000 72%,#000b);mix-blend-mode:screen;filter:blur(.2px);transition:background-position .5s ease;pointer-events:none}
#graph-view:has(.graph-voice.speaking)::before{opacity:.2;filter:saturate(2.8) brightness(1.12) contrast(1.35) drop-shadow(0 0 28px #00d9ff);animation:energy-speaking .58s ease-in-out infinite alternate}
#graph-view:has(.graph-voice.speaking)::after{animation:light-response .72s ease-in-out infinite;filter:brightness(1.55) blur(.1px)}
#graph-view:has(.graph-voice.speaking) .graph-node{box-shadow:inset 0 1px 1px #fff5,0 0 20px #00c8ff88,0 0 44px #087cff55}
#graph-view.scroll-energy::before{filter:saturate(2.7) brightness(.95) contrast(1.35) drop-shadow(0 0 24px #00d9ff)}
.ambient-lights{position:absolute;inset:0;z-index:2;overflow:hidden;pointer-events:none}.ambient-lights i{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);border-radius:50%;background:#5ce8ff;opacity:.18;box-shadow:0 0 calc(var(--s) * 2) #25d8ff,0 0 calc(var(--s) * 5) #087cff;animation:random-light-pulse var(--speed) ease-in-out var(--delay) infinite alternate;will-change:transform,opacity,filter}.ambient-lights i:nth-child(3n){background:#e2fbff;box-shadow:0 0 10px #8ff3ff,0 0 30px #18aaff}.ambient-lights i:nth-child(4n){filter:blur(1px)}
.graph-project-prompt{position:absolute;left:50%;top:50%;z-index:150;width:min(480px,calc(100vw - 36px));padding:28px 30px 30px;transform:translate(-50%,-50%);overflow:hidden;border:1px solid #64dcff8c;border-radius:22px;background:linear-gradient(145deg,#07192af2,#020812f7);color:#eafaff;box-shadow:inset 0 1px 0 #fff3,0 28px 90px #000d,0 0 55px #008cff55;backdrop-filter:blur(24px) saturate(1.5);animation:project-prompt-in .38s cubic-bezier(.16,1,.3,1)}.graph-project-prompt::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,#5ee9ff18 48%,transparent 72%);transform:translateX(-100%);animation:prompt-shimmer 2.8s ease-in-out infinite;pointer-events:none}.graph-project-prompt>button{position:absolute;right:14px;top:12px;width:32px;height:32px;border:1px solid #76dcff55;border-radius:50%;background:#071a29;color:#c9f5ff;font-size:20px;cursor:pointer}.graph-project-prompt small{display:block;color:#61dfff;letter-spacing:.16em;font:600 10px/1.2 system-ui}.graph-project-prompt h2{margin:10px 0 8px;font:650 28px/1.1 system-ui}.graph-project-prompt strong{display:inline-block;color:#62e7ff;font:700 48px/1 system-ui;text-shadow:0 0 24px #16cfff}.graph-project-prompt>span{margin-left:9px;color:#9fb9c9;font:500 13px/1 system-ui}.graph-project-prompt p{position:relative;margin:18px 0 0;padding-top:16px;border-top:1px solid #70dfff30;color:#c8dfeb;font:500 13px/1.65 system-ui}.prompt-scan{position:absolute;left:0;right:0;top:0;height:1px;background:#9af5ff;box-shadow:0 0 14px #31ddff;animation:prompt-scan 2.2s linear infinite}.graph-project-prompt.closing{animation:project-prompt-out .45s ease forwards}
@keyframes project-prompt-in{from{opacity:0;transform:translate(-50%,-45%) scale(.88);filter:blur(8px)}to{opacity:1;transform:translate(-50%,-50%) scale(1);filter:none}}@keyframes project-prompt-out{to{opacity:0;transform:translate(-50%,-55%) scale(.94);filter:blur(5px)}}@keyframes prompt-shimmer{50%,100%{transform:translateX(100%)}}@keyframes prompt-scan{from{top:0;opacity:0}15%{opacity:1}85%{opacity:.7}to{top:100%;opacity:0}}
#graph-view canvas{display:block;z-index:2;filter:blur(.25px)}#graph-view .graph-nodes{z-index:3}.graph-heading,.graph-hint{z-index:5}.graph-node{transition:box-shadow .18s ease,border-color .18s ease,filter .12s linear;will-change:left,top,transform,filter,opacity}
.graph-voice{appearance:none;outline:0;pointer-events:none;left:50%;right:auto;bottom:8px;top:auto;z-index:120;display:block;min-width:0;width:min(660px,82vw);height:104px;padding:0;border:0!important;border-radius:0;background:transparent!important;box-shadow:none!important;backdrop-filter:none;transform:translateX(-50%);overflow:visible}
.graph-voice:hover,.graph-voice.active{border:0;background:transparent;box-shadow:none}.graph-voice::before{content:"";position:absolute;inset:30px 2%;border-radius:50%;background:linear-gradient(90deg,#006dff22,#c62cff38,#ff2aad30,#087cff22);filter:blur(20px);opacity:.72;animation:voice-aura 3.8s ease-in-out infinite}
.voice-wave{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;gap:4px;height:72px;filter:drop-shadow(0 0 6px #42d9ff) drop-shadow(0 0 20px #087cff)}
.voice-wave i{display:block;width:3px;height:8px;border-radius:999px;background:linear-gradient(180deg,#eaffff,#45dfff 45%,#0878ff);transform-origin:center;opacity:.72}
.voice-morph{position:absolute;inset:0;width:100%;height:104px;overflow:visible;filter:drop-shadow(0 0 7px #8f4dff) drop-shadow(0 0 18px #006dff);transform-origin:center;transform:scaleY(calc(.78 + var(--voice-energy,0) * .48 + var(--ai-energy,0) * .38));transition:transform 80ms linear}
.voice-morph path{fill:none;vector-effect:non-scaling-stroke;transform-origin:center;stroke-linecap:round;stroke-linejoin:round}
.voice-ribbon{animation:voice-ribbon-a 5.2s ease-in-out infinite alternate}
.voice-haze{stroke:url(#wave-hot);stroke-width:15;opacity:.12;filter:blur(8px);animation:voice-ribbon-b 7s ease-in-out infinite alternate}
.voice-ribbon-back{stroke:url(#wave-cold);stroke-width:2;opacity:.72;animation-duration:6.1s}
.voice-ribbon-mid{stroke:url(#wave-hot);stroke-width:2.35;opacity:.86;animation-name:voice-ribbon-b;animation-duration:4.6s;animation-direction:alternate-reverse}
.voice-ribbon-front{stroke:#fff4ff;stroke-width:1.35;opacity:.95;filter:drop-shadow(0 0 4px #ff5bf3);animation-duration:3.8s}
.voice-spikes{stroke:url(#wave-hot);stroke-width:1;opacity:.38;transform-box:fill-box;transform-origin:center;animation:voice-spike-breathe 2.7s steps(6,end) infinite alternate}.voice-spikes-fine{stroke:#3a8dff;stroke-width:.65;opacity:.28;animation-duration:1.9s;animation-direction:alternate-reverse}.voice-noise{stroke:#ff6bdc;stroke-width:3;stroke-dasharray:1 5 2 11 1 17;stroke-linecap:butt!important;opacity:.44;animation:voice-particle-flow 2.2s linear infinite}
.graph-voice.listening .voice-ribbon,.graph-voice.sound-active .voice-ribbon{animation-duration:.95s}.graph-voice.speaking .voice-ribbon{animation-duration:.58s}.graph-voice.speaking .voice-spikes,.graph-voice.sound-active .voice-spikes{opacity:.9;animation-duration:.32s}.graph-voice.speaking .voice-noise,.graph-voice.sound-active .voice-noise{animation-duration:.55s;opacity:.82}
@keyframes voice-ribbon-a{0%{d:path('M0 54 C55 22 95 20 150 54 S245 86 300 54 S390 18 450 54 S545 84 600 54')}50%{d:path('M0 54 C55 76 95 78 150 54 S245 20 300 54 S390 86 450 54 S545 24 600 54')}100%{d:path('M0 54 C60 34 90 30 150 54 S240 72 300 54 S395 28 450 54 S540 76 600 54')}}
@keyframes voice-ribbon-b{0%{d:path('M0 54 C58 72 92 78 150 54 S238 26 300 54 S392 80 450 54 S540 28 600 54')}50%{d:path('M0 54 C52 34 98 18 150 54 S248 88 300 54 S388 24 450 54 S548 82 600 54')}100%{d:path('M0 54 C65 62 86 70 150 54 S232 38 300 54 S400 68 450 54 S534 36 600 54')}}
@keyframes voice-particle-flow{to{stroke-dashoffset:-37}}
@keyframes voice-spike-breathe{0%{transform:scaleY(.38);opacity:.22}35%{transform:scaleY(.76);opacity:.55}70%{transform:scaleY(.52);opacity:.34}100%{transform:scaleY(1.08);opacity:.68}}
@keyframes voice-aura{50%{opacity:1;transform:scaleX(.92);filter:blur(25px)}}
.graph-voice.active .voice-wave i{animation:future-wave 1.35s ease-in-out infinite;animation-delay:calc(var(--i) * -.052s)}
.graph-voice.listening .voice-wave i{animation-duration:.72s}.graph-voice.speaking .voice-wave i{animation-duration:.48s}
.voice-off{position:absolute;right:24px;top:24px;z-index:125;border:1px solid #7edcff55;border-radius:999px;padding:9px 14px;background:#06131fba;color:#bdefff;box-shadow:0 8px 25px #0008;backdrop-filter:blur(15px);font:600 11px/1 system-ui,sans-serif;cursor:pointer}.voice-off:hover{border-color:#bdefff;background:#0b2538}
.graph-chat{position:absolute;right:24px;top:66px;z-index:125;width:min(300px,calc(100vw - 48px));display:flex;align-items:center;gap:7px;padding:6px;border:1px solid #7edcff42;border-radius:14px;background:#06131fd9;box-shadow:0 12px 32px #0009}.graph-chat input{flex:1;min-width:0;border:0;outline:0;border-radius:9px;padding:9px 10px;background:#ffffff0d;color:#e9fbff;font:500 12px/1.2 system-ui,sans-serif}.graph-chat input::placeholder{color:#9ac8d7}.graph-chat button{width:34px;height:34px;flex:0 0 34px;border:1px solid #61dcff55;border-radius:10px;background:linear-gradient(145deg,#136cd9,#6d36e8);color:#fff;font-size:15px}.graph-chat button:disabled,.graph-chat input:disabled{opacity:.55}@media(max-width:700px){.voice-off{right:14px;top:16px}.graph-chat{right:14px;top:56px;width:min(250px,calc(100vw - 28px))}}
.graph-chat{transform-origin:100% 50%;transition:width .28s cubic-bezier(.16,1,.3,1),padding .28s ease,border-radius .28s ease,background .28s ease}.graph-chat.collapsed{width:46px;padding:5px;border-radius:50%;background:#071827e8}.graph-chat.collapsed input{width:0;flex:0 0 0;padding:0;opacity:0;pointer-events:none}.graph-chat.collapsed button{border-radius:50%;font-size:17px}
@keyframes future-wave{0%,100%{height:5px;opacity:.35;transform:scaleY(.55)}25%{height:26px;opacity:.8;transform:scaleY(1.05)}50%{height:58px;opacity:1;transform:scaleY(.75)}75%{height:18px;opacity:.65;transform:scaleY(1.15)}}
@keyframes energy-field-drift{from{transform:scale(1.06) translate3d(calc(var(--drift-x) - 10px),var(--drift-y),0);filter:saturate(1.8) brightness(.64)}to{transform:scale(1.12) translate3d(calc(var(--drift-x) + 10px),calc(var(--drift-y) - 6px),0);filter:saturate(2.25) brightness(.86)}}
@keyframes energy-speaking{from{transform:scale(1.08) translate3d(var(--drift-x),var(--drift-y),0)}to{transform:scale(1.13) translate3d(var(--drift-x),var(--drift-y),0)}}
@keyframes light-response{0%,100%{opacity:.72}50%{opacity:1}}
@keyframes random-light-pulse{0%{opacity:.08;transform:scale(.45);filter:brightness(.65)}45%{opacity:.42;transform:scale(1.1);filter:brightness(1.2)}100%{opacity:1;transform:scale(1.9);filter:brightness(2.1)}}
@media(prefers-reduced-motion:reduce){#graph-view::before,#graph-view::after,.ambient-lights i,.graph-voice::before,.graph-voice .voice-wave i,.voice-morph path{animation:none!important}.graph-node{filter:none!important}#graph-view .graph-nodes{filter:none!important}}

/* Sound-reactive energy: ambient light breathes, waveform rests during silence. */
#graph-view::after{animation:ambient-light-pulse 3.2s ease-in-out infinite}
.graph-voice .voice-wave i{animation:none!important;height:5px;opacity:.42;transform:scaleY(.65)}
.graph-voice.sound-active .voice-wave i{animation:future-wave .72s ease-in-out infinite!important;animation-delay:calc(var(--i) * -.052s)!important}
.graph-voice.speaking .voice-wave i{animation:future-wave .46s ease-in-out infinite!important;animation-delay:calc(var(--i) * -.037s)!important}
#graph-view:has(.graph-voice.sound-active)::before{filter:saturate(2.45) brightness(.88) contrast(1.34) drop-shadow(0 0 22px #00d9ff)}
#graph-view:has(.graph-voice.sound-active)::after{filter:brightness(1.2) blur(.15px)}
#graph-view:has(.graph-voice.speaking) .ambient-lights i{animation-duration:calc(var(--speed) * .48);box-shadow:0 0 calc(var(--s) * 3) #b8f8ff,0 0 calc(var(--s) * 8) #00aaff}
@keyframes ambient-light-pulse{0%,100%{opacity:.62;filter:brightness(.82) blur(.3px)}50%{opacity:.88;filter:brightness(1.08) blur(.1px)}}

/* Dense dot knowledge sphere */
#graph-view{--ai-energy:0}
.graph-node,.graph-node.technology-node{--flare:#55eaff;display:block;width:5px;height:5px;padding:0;border:0;border-radius:50%;background:var(--flare);box-shadow:0 0 5px var(--flare),0 0 14px color-mix(in srgb,var(--flare) 74%,transparent);backdrop-filter:none;cursor:default;transition:box-shadow .06s steps(2,end),background .06s steps(2,end);will-change:left,top,transform,filter,opacity}
.graph-node::after,.graph-node span,.graph-node em{display:none!important}.graph-node::before{display:none!important}
.graph-node.graph-particle{display:none!important}
.graph-node.graph-content-dot{width:11px;height:11px;border:1px solid #efffff;background:#9ff7ff;cursor:pointer;box-shadow:0 0 8px #fff,0 0 21px #19cfff,0 0 40px #087cff99}
.graph-node.graph-content-dot:hover,.graph-node.graph-content-dot:focus-visible{width:14px;height:14px;outline:0;background:#42eaff;border-color:#5cf5ff;box-shadow:0 0 10px #32eaff,0 0 28px #19cfff,0 0 55px #087cff}
#graph-view:has(.graph-voice.speaking) .graph-node,#graph-view.scroll-energy .graph-node{background:var(--flare);box-shadow:0 0 6px var(--flare),0 0 14px color-mix(in srgb,var(--flare) 70%,transparent)}
#graph-view:has(.graph-voice.speaking) .ambient-lights i{opacity:calc(.2 + var(--ai-energy) * .8);filter:brightness(calc(1 + var(--ai-energy) * 2.6));transform:scale(calc(.7 + var(--ai-energy) * 1.5))}
#graph-view:has(.graph-voice.speaking)::before{opacity:calc(.18 + var(--ai-energy) * .22);filter:saturate(2.8) brightness(calc(.75 + var(--ai-energy) * 1.1)) contrast(1.35) drop-shadow(0 0 calc(18px + var(--ai-energy) * 32px) #00d9ff)}
#graph-view:has(.graph-voice.speaking)::after{opacity:calc(.58 + var(--ai-energy) * .42);filter:brightness(calc(1 + var(--ai-energy) * 1.5))}
#graph-view.scroll-energy::after{animation:magnetic-flash .16s steps(2,end) infinite;filter:brightness(1.8) saturate(1.7)}
@keyframes magnetic-flash{0%,100%{opacity:.46}50%{opacity:.9}}

/* Live facial graph built entirely from nodes and links; no portrait layer. */
#graph-view{background:radial-gradient(ellipse at 50% 43%,#071d36 0,#020713 52%,#01030a 82%)}
#graph-view::before{inset:0;background:radial-gradient(ellipse at 50% 43%,#085a8840 0,#02111f2b 42%,transparent 70%);opacity:1;animation:none!important;filter:none!important;transform:none!important}
#graph-view::after{background:radial-gradient(circle at var(--light-x) var(--light-y),#48dcff28 0,transparent 22%);animation:none!important;filter:none!important;mix-blend-mode:screen}
.ambient-lights{display:block!important;z-index:1;mix-blend-mode:screen}.ambient-lights i{width:var(--s);height:var(--s);margin:calc(var(--s) / -2);background:radial-gradient(circle,hsl(var(--hue) 100% 72% / .38) 0,hsl(var(--hue) 100% 55% / .14) 24%,transparent 68%);box-shadow:none;filter:blur(var(--blur));opacity:0;will-change:transform,opacity,filter}.ambient-lights i:nth-child(3n),.ambient-lights i:nth-child(4n){background:radial-gradient(circle,hsl(var(--hue) 100% 78% / .34),transparent 65%);box-shadow:none;filter:blur(var(--blur))}#graph-view:has(.graph-voice.sound-active) .ambient-lights i,#graph-view:has(.graph-voice.speaking) .ambient-lights i{animation:ambient-bloom-random var(--speed) cubic-bezier(.45,0,.55,1) var(--delay) infinite alternate}
#graph-view canvas{opacity:1;filter:drop-shadow(0 0 6px #00bfff) drop-shadow(0 0 18px #074dff66);mix-blend-mode:screen}
#graph-view .graph-nodes{filter:blur(var(--face-motion-blur,0px));will-change:filter}
.graph-node,.graph-node.technology-node{filter:none!important;will-change:transform,opacity}
.graph-context,.graph-voice,.voice-off{backdrop-filter:none!important}
.graph-heading{max-width:min(520px,62vw)}.graph-heading small{color:#52dcff}.graph-heading b{color:#dffaff;text-shadow:0 0 18px #28cfff77}.graph-transcript{display:block;max-width:500px;margin-top:12px;padding-left:12px;border-left:2px solid #2ce1ff88;color:#9ed9eb;font:500 12px/1.5 system-ui,sans-serif;letter-spacing:.01em;text-wrap:balance;text-shadow:0 0 12px #13cfff55;transition:color .2s ease,opacity .2s ease}.graph-transcript::before{content:attr(data-label);display:block;margin-bottom:3px;color:#45e5ff;font:650 9px/1.2 system-ui,sans-serif;letter-spacing:.14em}.graph-transcript:not([data-label])::before{content:"VOICE TRANSCRIPTION"}
@media(max-width:700px){#graph-view{background-position:62% center;background-size:auto 100%;contain:strict;isolation:isolate}#graph-view canvas{opacity:.78;filter:none!important;mix-blend-mode:normal;transform:translateZ(0);backface-visibility:hidden}.ambient-lights{display:none!important}.graph-node.graph-particle{display:none!important}.graph-node.graph-content-dot{width:7px;height:7px;box-shadow:0 0 4px #fff,0 0 10px #19cfff}.graph-node::before{display:none!important}.voice-morph,.voice-wave{filter:none!important}.graph-voice::before{display:none}.graph-voice.speaking .voice-spikes,.graph-voice.sound-active .voice-spikes{animation-duration:.7s}#graph-view:has(.graph-voice.sound-active)::before,#graph-view:has(.graph-voice.sound-active)::after,#graph-view:has(.graph-voice.speaking)::before,#graph-view:has(.graph-voice.speaking)::after{filter:none!important}#graph-view:has(.graph-voice.speaking) .graph-node{box-shadow:0 0 5px var(--flare)}.graph-mode .desktop-icons,.graph-mode #desktop-music{display:none!important}.graph-mode #taskbar .tb-center>#tb-start,.graph-mode #taskbar .tb-center>#tb-search,.graph-mode #taskbar .tb-center>#tb-taskview,.graph-mode #taskbar .tb-sep,.graph-mode #taskbar #tb-pinned,.graph-mode #taskbar .tb-tray{visibility:hidden!important}.graph-heading,.graph-transcript,.voice-off,.graph-chat{transform:translateZ(0);backface-visibility:hidden}}
@keyframes ambient-bloom-random{0%{opacity:.025;transform:translate3d(calc(var(--dx) * -.35),calc(var(--dy) * -.35),0) scale(.48);filter:blur(calc(var(--blur) * 1.25))}42%{opacity:.18;transform:translate3d(calc(var(--dx) * .3),calc(var(--dy) * .15),0) scale(1.15);filter:blur(var(--blur))}100%{opacity:.06;transform:translate3d(var(--dx),var(--dy),0) scale(.72);filter:blur(calc(var(--blur) * 1.5))}}
