.matrix-shell{padding:1.4rem 1.5rem;display:flex;flex-direction:column;gap:1.2rem;min-height:calc(100vh - 140px);--orbit-speed: 120s;--galaxy-tilt: 18deg;--orbit-squash: .9;--galaxy-core: #ffdca3;--galaxy-core-hot: #fff1d2;--galaxy-mist: rgba(118, 170, 255, .18);--galaxy-ember: rgba(255, 198, 135, .14);--galaxy-void: #050711;--galaxy-void-deep: #080b18}.matrix-header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap}.matrix-status{display:inline-flex;align-items:center;gap:.75rem;padding:.35rem .75rem;border:1px solid rgba(var(--border-color-rgb),.25);border-radius:999px;background:#070c16a6;color:rgba(var(--text-color-rgb),.72);font-size:.65rem;letter-spacing:.18em;text-transform:uppercase}.matrix-status-label{color:#ffd296d9}.matrix-layout{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);grid-template-areas:"panel map";gap:1.2rem;align-items:stretch;flex:1}.matrix-panel{position:relative;display:flex;flex-direction:column;gap:1rem;padding:1.1rem 1rem;grid-area:panel;border-radius:20px;border:1px solid rgba(var(--border-color-rgb),.25);background:linear-gradient(180deg,#060a14eb,#080e1cad);box-shadow:inset 0 0 0 1px #ffffff0a;overflow:hidden;min-height:100%}.matrix-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.06),transparent 60%);opacity:.5;pointer-events:none}.matrix-panel-header{display:flex;flex-direction:column;gap:.35rem}.matrix-panel-title{font-size:.78rem;letter-spacing:.24em;text-transform:uppercase;color:rgba(var(--text-color-rgb),.85)}.matrix-panel-subtitle{font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(var(--text-color-rgb),.55)}.matrix-search{display:flex;flex-direction:column;gap:.4rem}.matrix-search-label{font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(var(--text-color-rgb),.55)}.matrix-search-input{border:1px solid rgba(var(--border-color-rgb),.35);border-radius:12px;padding:.5rem .65rem;background:#050810b3;color:rgba(var(--text-color-rgb),.85);font-size:.7rem;letter-spacing:.1em;font-family:inherit}.matrix-search-input:focus{outline:none;border-color:#ffd29699;box-shadow:0 0 18px #ffd29633}.matrix-title-block{display:flex;flex-direction:column;gap:.35rem}.matrix-title{font-size:.9rem;letter-spacing:.28em;text-transform:uppercase;color:rgba(var(--text-color-rgb),.9)}.matrix-subtitle{font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:rgba(var(--text-color-rgb),.55)}.matrix-filters{display:flex;flex-wrap:wrap;gap:.5rem}.matrix-groups{display:flex;flex-direction:column;gap:1rem;flex:1;min-height:0;max-height:none;overflow:auto;padding-right:.3rem;scrollbar-width:thin;scrollbar-color:rgba(255,210,150,.6) rgba(8,12,20,.6)}.matrix-groups::-webkit-scrollbar{width:6px}.matrix-groups::-webkit-scrollbar-track{background:#080c1499;border-radius:999px}.matrix-groups::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ffd296cc,#78aaff99);border-radius:999px;border:1px solid rgba(255,255,255,.1)}.matrix-detail-float{position:absolute;left:50%;top:50%;min-width:220px;max-width:260px;padding:.85rem .9rem;border-radius:16px;border:1px solid rgba(var(--border-color-rgb),.25);background:#060a14d1;box-shadow:0 18px 26px #00000059,inset 0 0 0 1px #ffffff0a;backdrop-filter:blur(8px);z-index:5;transform:translateZ(0)}.matrix-detail-float.is-hidden{display:none}.matrix-detail-float:before{content:"";position:absolute;top:50%;left:-14px;width:24px;height:1px;background:linear-gradient(90deg,rgba(255,210,150,.6),transparent)}.matrix-detail-float.is-left:before{left:auto;right:-14px;background:linear-gradient(90deg,transparent,rgba(255,210,150,.6))}.matrix-detail-header{display:flex;align-items:center;justify-content:space-between;gap:.6rem;text-transform:uppercase;letter-spacing:.18em;font-size:.6rem;color:rgba(var(--text-color-rgb),.6)}.matrix-detail-label{color:#ffd296cc}.matrix-detail-group{padding:.15rem .4rem;border-radius:999px;border:1px solid rgba(var(--border-color-rgb),.3);font-size:.55rem}.matrix-detail-body{display:flex;flex-direction:column;gap:.35rem;margin-top:.4rem}.matrix-detail-title{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(var(--text-color-rgb),.9)}.matrix-detail-desc{font-size:.68rem;letter-spacing:.08em;color:rgba(var(--text-color-rgb),.6)}.matrix-detail-action{margin-top:.6rem;display:inline-flex;align-items:center;justify-content:center;padding:.45rem .7rem;border-radius:999px;border:1px solid rgba(255,210,150,.5);color:#ffebcdf2;text-decoration:none;font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;background:#0a0e1ad9;transition:border-color .2s ease,box-shadow .2s ease,color .2s ease}.matrix-detail-action:hover,.matrix-detail-action:focus-visible{border-color:#ffd296cc;box-shadow:0 0 18px #ffd29633;color:#fff5dcfa}.matrix-detail-action.is-disabled{opacity:.5;pointer-events:none;box-shadow:none}.matrix-group{display:flex;flex-direction:column;gap:.6rem}.matrix-group.is-empty{display:none}.matrix-group-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(var(--text-color-rgb),.7)}.matrix-group-count{padding:.15rem .4rem;border-radius:999px;border:1px solid rgba(var(--border-color-rgb),.3);font-size:.55rem;color:rgba(var(--text-color-rgb),.65)}.matrix-group-list{display:flex;flex-direction:column;gap:.4rem}.matrix-list-item{display:grid;grid-template-columns:14px minmax(0,1fr);grid-template-rows:auto auto;gap:.15rem .5rem;padding:.5rem .6rem;border-radius:12px;border:1px solid rgba(var(--border-color-rgb),.2);background:#060a1499;color:rgba(var(--text-color-rgb),.75);text-decoration:none;transition:border-color .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease}.matrix-list-item.is-hidden{display:none}.matrix-list-item:hover,.matrix-list-item:focus-visible,.matrix-list-item.is-highlight,.matrix-list-item.is-selected{border-color:#ffd29699;color:#ffebc8f2;box-shadow:0 0 18px #ffd2962e;transform:translateY(-1px)}.matrix-list-dot{width:10px;height:10px;margin-top:.2rem;border-radius:50%;background:radial-gradient(circle,#fffffff2,#78aaffbf);box-shadow:0 0 10px #78aaffa6}.matrix-list-item[data-tags~=core] .matrix-list-dot{background:radial-gradient(circle,#fffffffa,#ffaf5ae6);box-shadow:0 0 10px #ffaf5abf}.matrix-list-item[data-tags~=log] .matrix-list-dot{background:radial-gradient(circle,#fffffff2,#50e1ffd9);box-shadow:0 0 10px #50e1ffbf}.matrix-list-item[data-tags~=training] .matrix-list-dot{background:radial-gradient(circle,#fffffff2,#96a5ffd9);box-shadow:0 0 10px #96a5ffbf}.matrix-list-item[data-tags~=protocols] .matrix-list-dot{background:radial-gradient(circle,#fffffff2,#6effc3d9);box-shadow:0 0 10px #6effc3bf}.matrix-list-label{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase}.matrix-list-meta{grid-column:2 / 3;font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(var(--text-color-rgb),.55)}.matrix-filter{border:1px solid rgba(var(--border-color-rgb),.25);border-radius:999px;padding:.35rem .75rem;font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;background:#060a12b3;color:rgba(var(--text-color-rgb),.72);transition:border-color .2s ease,color .2s ease,box-shadow .2s ease,background .2s ease}.matrix-filter.is-active,.matrix-filter:focus-visible,.matrix-filter:hover{border-color:#ffd68ca6;color:#ffecbef2;box-shadow:0 0 18px #ffd68c33;background:#0a0e1ad9}.matrix-map{position:relative;flex:1 1 auto;grid-area:map;min-height:560px;border-radius:26px;padding:2rem;overflow:hidden;border:1px solid rgba(var(--border-color-rgb),.25);--child-shift-x: 0px;--child-shift-y: 0px;--child-scale: 1;background:radial-gradient(circle at 18% 18%,rgba(120,170,255,.18),transparent 45%),radial-gradient(circle at 70% 22%,rgba(255,205,145,.14),transparent 50%),radial-gradient(circle at 68% 82%,rgba(90,120,255,.16),transparent 48%),linear-gradient(160deg,var(--galaxy-void),var(--galaxy-void-deep));box-shadow:inset 0 0 40px #050710cc;perspective:760px;transform-style:preserve-3d;min-height:100%}.matrix-map:before{content:"";position:absolute;inset:-20%;background-image:radial-gradient(rgba(255,255,255,.6) .6px,transparent .6px),radial-gradient(rgba(255,255,255,.35) .4px,transparent .4px),radial-gradient(rgba(255,215,170,.25) .5px,transparent .5px);background-size:120px 120px,64px 64px,220px 220px;opacity:.45;animation:galaxy-drift 140s linear infinite;pointer-events:none}.matrix-map:after{content:"";position:absolute;inset:-32%;background:conic-gradient(from 130deg,#ffd7aa2e,#78aaff1f,#0a101e00,#ffd7aa1f);mix-blend-mode:screen;opacity:.45;filter:blur(30px);transform:none;animation:galaxy-spin 90s linear infinite;pointer-events:none}.matrix-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) translateZ(140px);width:210px;height:210px;border-radius:50%;border:1px solid rgba(255,214,140,.35);background:radial-gradient(circle,var(--galaxy-core-hot) 0%,var(--galaxy-core) 35%,rgba(255,210,140,.25) 55%,rgba(10,16,30,.9) 75%);z-index:3;box-shadow:0 0 45px #ffdcaa59,0 0 110px #ffc88c40;pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none}.matrix-core:before{content:"";position:absolute;inset:-32px;border-radius:50%;background:radial-gradient(circle,rgba(255,220,170,.3),transparent 65%);opacity:.85;filter:blur(8px);animation:galaxy-core-pulse 6s ease-in-out infinite;z-index:-1}.matrix-core:after{content:"";position:absolute;inset:-10px;border-radius:50%;border:1px dashed rgba(255,220,170,.3);opacity:.6;animation:galaxy-ring-spin 36s linear infinite}.matrix-core-link{z-index:6;pointer-events:auto}.matrix-rings{position:absolute;left:50%;top:50%;width:0;height:0;transform:translate(-50%,-50%) rotateX(var(--galaxy-tilt)) scaleY(var(--orbit-squash));pointer-events:none;z-index:1}.matrix-ring{position:absolute;left:0;top:0;width:var(--ring-size);height:var(--ring-size);transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 0 22px #ffffff14;opacity:.5;animation:galaxy-ring-pulse 10s ease-in-out infinite}.matrix-ring:nth-child(2){border-color:#78aaff2e;animation-delay:2s}.matrix-ring:nth-child(3){border-color:#ffd29624;animation-delay:4s}.matrix-ring:nth-child(4){border-color:#c8ffdc24;animation-delay:6s}.matrix-orbits{position:absolute;left:50%;top:50%;width:0;height:0;transform:translate(-50%,-50%) rotateX(var(--galaxy-tilt)) scaleY(var(--orbit-squash));z-index:2;transition:opacity .4s ease,transform .4s ease}.matrix-link{position:absolute;left:0;top:0;width:0;height:0;transform-origin:0 0;transform-style:preserve-3d;transform:rotate(var(--angle)) scale(var(--node-scale));animation:galaxy-orbit-node var(--orbit-speed) linear infinite;--node-scale: 1;--node-color: rgba(150, 200, 255, .95);--node-glow: rgba(150, 200, 255, .55);opacity:clamp(.55,calc(.85 + (var(--depth) / 400)),1);filter:blur(clamp(0px,calc((var(--depth) * -.01px)),1.6px));transition:opacity .35s ease}.matrix-link[data-tags~=core],.matrix-core-link[data-tags~=core]{--node-color: rgba(255, 175, 90, .98);--node-glow: rgba(255, 175, 90, .75)}.matrix-link[data-tags~=log]{--node-color: rgba(80, 225, 255, .98);--node-glow: rgba(80, 225, 255, .75)}.matrix-link[data-tags~=training]{--node-color: rgba(150, 165, 255, .98);--node-glow: rgba(150, 165, 255, .75)}.matrix-link[data-tags~=protocols]{--node-color: rgba(110, 255, 195, .98);--node-glow: rgba(110, 255, 195, .72)}.matrix-link-line{position:absolute;left:0;top:0;width:var(--radius);height:1px;background:linear-gradient(90deg,rgba(255,255,255,.08),transparent);opacity:.35;transform:translateZ(-40px)}.matrix-link.is-hidden{opacity:0;pointer-events:none;--node-scale: .6}.matrix-core-link.is-hidden{opacity:0;pointer-events:none}.matrix-link.is-paused,.matrix-link.is-paused .matrix-node-shell,.matrix-link.is-paused .matrix-node-frame{animation-play-state:paused}.matrix-link.is-highlight .matrix-node-frame,.matrix-link.is-selected .matrix-node-frame{transform:scale(calc(var(--spark, 1) * 1.4));box-shadow:0 0 18px var(--node-glow),0 0 55px #ffffff40}.matrix-link.is-highlight .matrix-node-tooltip,.matrix-link.is-selected .matrix-node-tooltip{opacity:1;transform:translate(-50%,-18px) scale(1) translateZ(0)}.matrix-core-link.is-highlight .matrix-node-frame,.matrix-core-link.is-selected .matrix-node-frame{transform:scale(calc(var(--spark, 1) * 1.4));box-shadow:0 0 18px var(--node-glow),0 0 55px #ffffff40}.matrix-core-link.is-highlight .matrix-node-tooltip,.matrix-core-link.is-selected .matrix-node-tooltip{opacity:1;transform:translate(-50%,-18px) scale(1) translateZ(0)}.matrix-node-shell{position:absolute;left:var(--radius);top:0;transform:translate(-50%,-50%) rotateX(calc(var(--galaxy-tilt) * -1)) scaleY(calc(1 / var(--orbit-squash))) translateZ(var(--depth));transform-style:preserve-3d}.matrix-child-orbits{position:absolute;left:50%;top:50%;width:0;height:0;transform:translate(-50%,-50%) rotateX(var(--galaxy-tilt)) scaleY(var(--orbit-squash)) scale(.92);opacity:0;pointer-events:none;z-index:2;transition:opacity .4s ease,transform .4s ease}.matrix-link--child{--node-scale: .9}.matrix-map.is-child-active .matrix-orbits{transform:translate(var(--child-shift-x),var(--child-shift-y)) translate(-50%,-50%) rotateX(var(--galaxy-tilt)) scaleY(var(--orbit-squash)) scale(var(--child-scale))}.matrix-map.is-child-active .matrix-rings{opacity:.2;transform:translate(var(--child-shift-x),var(--child-shift-y)) translate(-50%,-50%) rotateX(var(--galaxy-tilt)) scaleY(var(--orbit-squash)) scale(.96)}.matrix-map.is-child-active .matrix-core{opacity:0;pointer-events:none}.matrix-map.is-child-active .matrix-orbits .matrix-link{opacity:0;pointer-events:none;filter:none}.matrix-map.is-child-active .matrix-link.is-zoom-focus{opacity:1;pointer-events:auto;filter:none}.matrix-map[data-child-galaxy=blog] .matrix-child-orbits[data-child-galaxy=blog],.matrix-map[data-child-galaxy=tutorials] .matrix-child-orbits[data-child-galaxy=tutorials],.matrix-map[data-child-galaxy=comms] .matrix-child-orbits[data-child-galaxy=comms]{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) rotateX(var(--galaxy-tilt)) scaleY(var(--orbit-squash)) scale(var(--child-scale))}.matrix-node{text-decoration:none;color:var(--text-color-bright);display:inline-flex;align-items:center;justify-content:center;position:relative;width:46px;height:46px;border-radius:50%;outline:none;cursor:pointer}.matrix-node-frame{--node-size: 14px;width:var(--node-size);height:var(--node-size);border-radius:50%;background:radial-gradient(circle at 35% 35%,#ffffff,var(--node-color) 45%,rgba(8,12,20,.9) 70%);box-shadow:0 0 12px var(--node-glow),0 0 32px #0a0e1c66,inset -2px -4px 8px #00000073;transform:scale(var(--spark, 1));transition:transform .3s ease,box-shadow .3s ease,filter .3s ease;animation:galaxy-twinkle var(--twinkle, 4s) ease-in-out infinite,galaxy-orbit-counter var(--orbit-speed) linear infinite;position:relative;transform-style:preserve-3d;backface-visibility:hidden}.matrix-node-frame:before{content:"";position:absolute;inset:-6px;border-radius:50%;background:radial-gradient(circle,var(--node-glow),transparent 70%);opacity:.65;filter:blur(6px)}.matrix-node-frame:after{content:"";position:absolute;inset:2px;border-radius:50%;background:radial-gradient(circle at 25% 25%,rgba(255,255,255,.85),transparent 60%);mix-blend-mode:screen;opacity:.7}.matrix-node-frame[data-size=major]{--node-size: 22px}.matrix-node-frame[data-size=minor]{--node-size: 10px}.matrix-node:hover .matrix-node-frame,.matrix-node:focus-visible .matrix-node-frame{transform:scale(calc(var(--spark, 1) * 1.35));box-shadow:0 0 18px var(--node-glow),0 0 55px #ffffff40}.matrix-node-tooltip{position:absolute;left:50%;bottom:100%;transform:translate(-50%,-12px) scale(.95) translateZ(0);opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;transform-style:flat;backface-visibility:hidden;display:none}.matrix-node-tooltip-spin{display:block;padding:.35rem .6rem;border-radius:999px;font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;background:#060a12d9;border:1px solid rgba(255,255,255,.2);color:#ffeccee6;box-shadow:0 0 16px #0006,0 0 30px #78aaff2e;backdrop-filter:blur(6px);transform-origin:center;transform-style:flat;backface-visibility:hidden;transform:translateZ(0)}.matrix-overlay-tooltip{position:absolute;left:50%;top:0;transform:translate(-50%,-18px);z-index:8;pointer-events:none}.matrix-overlay-tooltip.is-hidden{opacity:0}.matrix-overlay-tooltip-text{display:block;padding:.35rem .6rem;border-radius:999px;font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;background:#060a12e6;border:1px solid rgba(255,255,255,.25);color:#ffeccef2;box-shadow:0 0 16px #00000073,0 0 30px #78aaff2e;backdrop-filter:blur(6px)}.matrix-node:hover .matrix-node-tooltip,.matrix-node:focus-visible .matrix-node-tooltip{opacity:1;transform:translate(-50%,-18px) scale(1) translateZ(0)}@keyframes galaxy-drift{0%{transform:translateZ(0)}to{transform:translate3d(120px,-160px,0)}}@keyframes galaxy-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes galaxy-orbit-node{0%{transform:rotate(var(--angle)) scale(var(--node-scale))}to{transform:rotate(calc(var(--angle) + 360deg)) scale(var(--node-scale))}}@keyframes galaxy-orbit-counter{0%{transform:rotate(calc(var(--angle) * -1))}to{transform:rotate(calc(var(--angle) * -1 - 360deg))}}@keyframes galaxy-twinkle{0%,to{opacity:.7}50%{opacity:1}}@keyframes galaxy-core-pulse{0%,to{transform:scale(1);opacity:.75}50%{transform:scale(1.06);opacity:1}}@keyframes galaxy-ring-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes galaxy-ring-pulse{0%,to{opacity:.35}50%{opacity:.75}}@media(max-width:768px){.matrix-shell{padding:1rem;min-height:auto}.matrix-header{flex-direction:column;align-items:flex-start}.matrix-status{display:none}.matrix-layout{grid-template-columns:1fr;grid-template-areas:"panel"}.matrix-panel{grid-area:panel}.matrix-map{display:none}.matrix-filters{width:100%}.matrix-groups{max-height:none}}@media(prefers-reduced-motion:reduce){.matrix-map:before,.matrix-map:after,.matrix-orbits,.matrix-link,.matrix-node-shell,.matrix-node-frame,.matrix-core:before,.matrix-core:after,.matrix-ring{animation:none}}