.matrix-shell,.matrix-loading{--background:#060606;--foreground:#f4ebdd;--primary:#e8a33d;--primary-foreground:#0c0907;--accent:#161616;--accent-foreground:#f4ebdd;--border:#332c23;--muted-foreground:#a69b8b;--matrix-ember:#c2410c;--matrix-line:#57422a;--matrix-shadow:0 0 22px #e8a33d20;z-index:100;background:var(--background);color:var(--foreground);letter-spacing:0;font-family:JetBrains Mono,monospace;position:fixed;inset:0}.matrix-shell{flex-direction:column;animation:.45s both matrix-enter;display:flex}.matrix-loading{place-content:center;font-family:Anton,sans-serif;font-size:42px;display:grid}.matrix-loading span{color:var(--primary);text-align:center;font-size:24px}.matrix-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:22px 38px;font-size:10px;display:flex}.matrix-identity{align-items:center;gap:24px;display:flex}.matrix-identity b{font-size:13px}.matrix-online{color:var(--primary)}.matrix-online:before{content:"◉";margin-right:8px}.matrix-icon{border:1px solid var(--border);color:var(--foreground)!important;background:0 0!important;border-radius:0!important}.matrix-icon:hover{border-color:var(--primary);color:var(--primary)!important}.matrix-heading{justify-content:space-between;align-items:end;gap:20px;padding:32px 38px 16px;display:flex}.matrix-heading p{color:var(--muted-foreground);margin:0 0 10px;font-size:10px}.matrix-heading h1{letter-spacing:0;margin:0;font:400 62px/1 Anton,sans-serif}.matrix-heading h1 em{color:var(--primary);font-style:normal}.matrix-counter{color:var(--muted-foreground);text-align:right;font-size:10px;line-height:1.8}.matrix-counter b{color:var(--foreground);font-weight:400}.matrix-body{flex:1;grid-template-columns:minmax(0,1fr) 340px;gap:30px;min-height:0;padding:0 38px 24px;display:grid}.matrix-network{background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);isolation:isolate;background-position:50%;background-size:70px 70px;min-height:0;position:relative}.matrix-network:before{content:"";background:var(--background);opacity:.78;z-index:-1;position:absolute;inset:0}.matrix-network canvas{display:block}.matrix-coordinate{color:var(--muted-foreground);pointer-events:none;font-size:9px;position:absolute;bottom:14px;left:16px}.matrix-core-label{color:var(--primary);white-space:nowrap;pointer-events:none;text-align:center;font-size:9px}.matrix-core-label b{margin-bottom:6px;font:400 25px Anton,sans-serif;display:block}.matrix-node{text-align:center;flex-direction:column;width:225px;transition:color .2s;transform:translateY(64px);white-space:normal!important;height:auto!important;color:var(--foreground)!important;background:0 0!important;border:0!important;border-radius:0!important;gap:8px!important;padding:14px 12px!important;display:flex!important}.matrix-node small{color:var(--primary);font:400 9px JetBrains Mono,monospace}.matrix-node strong{text-transform:uppercase;letter-spacing:0;max-width:210px;font:400 19px/1.2 Anton,sans-serif}.matrix-node:hover strong,.matrix-node:focus-visible strong{color:var(--primary)}.matrix-node.critical small,.matrix-node.critical:hover strong{color:var(--matrix-ember)}.matrix-inspector{border-left:1px solid var(--border);flex-direction:column;min-height:0;padding:24px 0 0 26px;display:flex}.matrix-tag{color:var(--primary);justify-content:space-between;margin:0 0 22px;font-size:9px;display:flex}.matrix-inspector h2{text-transform:uppercase;margin:0 0 18px;font:400 30px/1.15 Anton,sans-serif}.matrix-thesis{color:var(--muted-foreground);margin:0 0 24px;font-size:11px;line-height:1.8}.matrix-silo-list{flex-direction:column;gap:0;display:flex}.matrix-silo-choice{text-align:left;border-bottom:1px solid var(--border);white-space:normal!important;height:auto!important;color:var(--foreground)!important;background:0 0!important;border-radius:0!important;justify-content:start!important;padding:15px 0!important;font-size:11px!important;line-height:1.5!important}.matrix-silo-choice span{color:var(--primary);margin-right:8px;font-size:10px}.matrix-silo-choice:hover{color:var(--primary)!important}.matrix-search{border-bottom:1px solid var(--primary);color:var(--primary);align-items:center;gap:10px;margin-bottom:16px;padding:12px 0;display:flex}.matrix-search input{width:100%;color:var(--foreground);background:0 0;border:0;outline:0;min-width:0;font:400 11px JetBrains Mono,monospace}.matrix-search input::placeholder{color:var(--muted-foreground)}.matrix-axis-tabs{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.matrix-axis-tabs button{text-align:left;border:1px solid var(--border);justify-content:start;white-space:normal!important;height:auto!important;color:var(--muted-foreground)!important;background:0 0!important;border-radius:0!important;padding:7px!important;font-size:9px!important}.matrix-axis-tabs button[aria-pressed=true]{border-color:var(--primary);color:var(--primary)!important}.matrix-routes{scrollbar-width:thin;scrollbar-color:var(--matrix-line) var(--background);flex:1;min-height:0;padding-right:8px;overflow:auto}.matrix-route{border-bottom:1px solid var(--border);color:var(--foreground);align-items:center;gap:12px;padding:14px 0;font-size:11px;line-height:1.5;text-decoration:none;animation:.3s both matrix-enter;display:flex}.matrix-route small{color:var(--muted-foreground);font-size:9px}.matrix-route span{flex:1}.matrix-route svg{width:14px;color:var(--primary);transition:transform .2s}.matrix-route:hover{color:var(--primary)}.matrix-route:hover svg{transform:translate(3px,-3px)}.matrix-route.critical,.matrix-route.critical svg{color:var(--matrix-ember)}.matrix-back{align-self:start;margin-bottom:12px;color:var(--primary)!important;background:0 0!important;border-radius:0!important;padding-left:0!important;font-size:10px!important}.matrix-empty{color:var(--muted-foreground);font-size:11px;line-height:1.8}.matrix-footer{border-top:1px solid var(--border);color:var(--muted-foreground);justify-content:space-between;padding:16px 38px;font-size:9px;display:flex}.matrix-footer span:last-child{color:var(--primary)}.matrix-dom-nodes{pointer-events:none;position:absolute;inset:0}.matrix-dom-nodes .matrix-node{pointer-events:auto;position:absolute;overflow:visible;transform:translate(-50%,-24px);justify-content:flex-start!important;gap:0!important;height:130px!important;padding:0!important}.matrix-node-number{color:var(--primary);height:48px;font:400 25px/48px Anton,sans-serif}.matrix-node-caption{flex-direction:column;align-items:center;gap:10px;padding-top:25px;display:flex}.matrix-node.critical .matrix-node-number{color:var(--matrix-ember)}@keyframes matrix-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width>=1600px){.matrix-body{grid-template-columns:minmax(0,1fr) 410px}.matrix-heading h1{font-size:78px}.matrix-node strong{font-size:22px}}@media (width<=900px){.matrix-body{grid-template-columns:minmax(0,1fr) 290px;gap:12px;padding:0 20px 20px}.matrix-header,.matrix-heading{padding-left:20px;padding-right:20px}.matrix-heading h1{font-size:44px}.matrix-node{width:165px}.matrix-node strong{font-size:15px}.matrix-inspector{padding-left:16px}.matrix-identity{gap:12px}}@media (width<=640px){.matrix-header{padding:12px 16px}.matrix-identity{display:block}.matrix-online{margin-top:5px;font-size:8px;display:block}.matrix-heading{padding:20px 16px 14px}.matrix-heading h1{font-size:37px}.matrix-counter{display:none}.matrix-body{flex-direction:column;gap:0;padding:0 16px 16px;display:flex;overflow:auto}.matrix-network{flex:none;height:390px}.matrix-node{width:145px;transform:translateY(47px);gap:5px!important;padding:10px 5px!important}.matrix-node strong{font-size:14px}.matrix-node small{font-size:8px}.matrix-core-label b{font-size:18px}.matrix-inspector{border-left:0;border-top:1px solid var(--border);flex:none;padding:20px 0 0}.matrix-inspector h2{font-size:25px}.matrix-routes{flex:none;max-height:430px}.matrix-silo-list{display:none}.matrix-footer{padding:12px 16px;font-size:8px}.matrix-footer span:first-child{max-width:65%}.matrix-coordinate{font-size:8px}}@media (prefers-reduced-motion:reduce){.matrix-shell,.matrix-route{animation:none}.matrix-route svg{transition:none}}@media (width<=640px){.matrix-network{height:560px}.matrix-dom-nodes .matrix-node{width:148px;transform:translate(-50%,-20px);height:145px!important}.matrix-node-number{height:40px;font-size:21px;line-height:40px}.matrix-node-caption{gap:7px;padding-top:14px}.matrix-node-caption strong{max-width:144px}.matrix-coordinate{bottom:8px}}.matrix-global-search{border-block:1px solid var(--border);align-items:center;gap:20px;margin:8px 38px 24px;padding:14px 0;display:flex}.matrix-global-search label{color:var(--primary);flex:1;align-items:center;gap:16px;min-width:0;display:flex}.matrix-global-search input{width:100%;min-width:0;color:var(--foreground);background:0 0;border:0;outline:0;font:400 14px/1.5 JetBrains Mono,monospace}.matrix-global-search input::placeholder{color:var(--muted-foreground)}.matrix-global-search button{color:var(--primary);border-radius:4px;font-size:11px}.matrix-search-results{scrollbar-width:thin;scrollbar-color:var(--matrix-line) var(--background);flex:1;min-height:0;padding:0 38px 24px;overflow:auto}.matrix-search-results>p{color:var(--muted-foreground);margin:0 0 16px;font-size:10px}.matrix-search-results>div{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px;display:grid}.matrix-search-results .matrix-route{min-width:0;padding:20px 0;animation:none}.matrix-search-results .matrix-route>small{width:52px;color:var(--primary);flex:none}.matrix-search-results .matrix-route span{flex-direction:column;gap:8px;min-width:0;display:flex}.matrix-search-results .matrix-route strong{text-transform:uppercase;overflow-wrap:anywhere;font:400 22px/1.2 Anton,sans-serif}.matrix-search-results .matrix-route span small{overflow-wrap:anywhere;font-size:9px;line-height:1.6}.matrix-search-results .matrix-route svg{flex:none}@media (width<=640px){.matrix-global-search{gap:8px;margin:4px 16px 18px}.matrix-global-search input{font-size:11px}.matrix-global-search button{padding:8px;font-size:9px}.matrix-search-results{padding:0 16px 20px}.matrix-search-results>div{grid-template-columns:minmax(0,1fr)}.matrix-search-results .matrix-route strong{font-size:19px}}