:root{--bg:#0a0a0c;--bg-gradient:radial-gradient(circle at 50% 50%, #151520 0%, #050508 100%);--panel-bg:#141418b3;--text-main:#e2e2e6;--text-muted:#888;--accent:#d4a373;--accent-glow:#faedcd;--major-flow:#d4a373d9;--minor-flow:#90e0ef99;--node-bg:#1a1a20;--node-border:#444;--node-hover:#2a2a33;--input-bg:#00000080;--border-color:#444;--region-plex:#ff595e;--region-warp:#8ac926;--region-archetypal:#9d4edd;--region-torque:#1982c4}[data-theme=monochrome]{--bg:#000;--bg-gradient:none;--panel-bg:#0a0a0ad9;--text-main:#fff;--text-muted:#aaa;--accent:#fff;--accent-glow:#fff;--major-flow:#ffffffd9;--minor-flow:#ffffff4d;--node-bg:#000;--node-border:#555;--node-hover:#222;--input-bg:#111;--border-color:#555;--region-plex:#eee;--region-warp:#ccc;--region-archetypal:#999;--region-torque:#666}[data-theme=ink]{--bg:#fff;--bg-gradient:none;--panel-bg:#ffffffe6;--text-main:#000;--text-muted:#444;--accent:#000;--accent-glow:#333;--major-flow:#000000d9;--minor-flow:#0006;--node-bg:#fff;--node-border:#000;--node-hover:#eee;--input-bg:#f4f4f4;--border-color:#000;--region-plex:#222;--region-warp:#444;--region-archetypal:#666;--region-torque:#888}[data-theme=cyberpunk]{--bg:#0d0221;--bg-gradient:radial-gradient(circle at 50% 50%, #1a0442 0%, #0d0221 100%);--panel-bg:#0d0221d9;--text-main:#0fc;--text-muted:#099;--accent:#f0f;--accent-glow:#f9f;--major-flow:#ff00ffd9;--minor-flow:#0fc9;--node-bg:#0d0221;--node-border:#0fc;--node-hover:#1a0442;--input-bg:#00ffcc1a;--border-color:#0fc;--region-plex:#f05;--region-warp:#0f0;--region-archetypal:#9d00ff;--region-torque:#0ff}[data-theme=solarized]{--bg:#002b36;--bg-gradient:none;--panel-bg:#073642d9;--text-main:#839496;--text-muted:#586e75;--accent:#b58900;--accent-glow:#cb4b16;--major-flow:#b58900d9;--minor-flow:#2aa19899;--node-bg:#002b36;--node-border:#586e75;--node-hover:#073642;--input-bg:#0003;--border-color:#586e75;--region-plex:#dc322f;--region-warp:#859900;--region-archetypal:#6c71c4;--region-torque:#268bd2}body{background-color:var(--bg);background-image:var(--bg-gradient);color:var(--text-main);height:100vh;margin:0;padding:0;font-family:Space Grotesk,sans-serif;display:flex;overflow:hidden}#app{width:100vw;height:100vh;position:relative}header{background:var(--panel-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;box-sizing:border-box;border-right:1px solid #ffffff0d;flex-direction:column;width:320px;height:100vh;padding:2rem;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .4s;display:flex;position:absolute;top:0;left:0;transform:translate(0);box-shadow:2px 0 20px #00000080}header.collapsed{transform:translate(-100%)}header.hidden{opacity:0;pointer-events:none;transform:translate(-100%)}.header-title-bar{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.internal-hamburger{cursor:pointer;color:var(--accent);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:24px;transition:color .2s,transform .2s;display:flex}.internal-hamburger:hover{color:#faedcd;transform:scale(1.1)}.hamburger-btn{background:var(--panel-bg);cursor:pointer;width:48px;height:48px;color:var(--accent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;opacity:1;border:1px solid #ffffff0d;border-radius:8px;justify-content:center;align-items:center;font-size:24px;transition:background .2s,transform .2s,opacity .3s;display:none;position:absolute;top:1rem;left:1rem;box-shadow:2px 0 10px #00000080}.hamburger-btn.hidden{opacity:0;pointer-events:none}.hamburger-btn:hover{background:#d4a3731a;transform:scale(1.05)}header h1{background:linear-gradient(90deg, var(--accent), var(--accent-glow));-webkit-text-fill-color:transparent;text-shadow:0 0 20px rgba(var(--accent), .2);-webkit-background-clip:text;margin:0;font-size:1.6rem}.controls{flex-direction:column;gap:.25rem;margin-top:.5rem;margin-bottom:.5rem;display:flex}.controls label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.9rem}.controls .input-group{border:1px solid var(--border-color);border-radius:6px;align-items:stretch;gap:0;transition:border-color .3s;display:flex;overflow:hidden}.controls .input-group:focus-within{border-color:var(--accent)}.controls input[type=number]{background:var(--input-bg);color:var(--text-main);text-align:center;appearance:none;-moz-appearance:textfield;border:none;flex-grow:1;width:100%;padding:.8rem;font-family:inherit;font-size:1.2rem}.controls input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.controls input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.controls input[type=number]:focus{outline:none}.controls select{background:var(--input-bg);border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d4a373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 1rem center;background-repeat:no-repeat;background-size:1em;border-radius:6px;width:100%;padding:.8rem;font-family:inherit;font-size:1.1rem;transition:border-color .3s}.controls select:focus{border-color:var(--accent);outline:none}.controls select option{background:var(--bg);color:var(--text-main);padding:.5rem}.controls input[type=checkbox]{cursor:pointer;width:1.2vw;min-width:20px;min-height:20px}.controls button{background:var(--node-bg);color:var(--text-main);cursor:pointer;border:none;padding:0 1.2rem;font-family:inherit;font-size:1.4rem;transition:background .2s,color .2s}.controls button:hover{background:var(--node-hover);color:var(--accent)}.controls button:active{background:var(--border-color)}#graph-container{z-index:1;width:100vw;height:100vh;position:absolute;top:0;left:0}svg{filter:drop-shadow(0 0 10px #00000080);width:100%;height:100%}.node circle{fill:var(--node-bg);stroke:var(--node-border);stroke-width:2.5px;transition:all .4s}.node text{fill:var(--text-main);text-anchor:middle;dominant-baseline:central;font-size:15px;font-weight:600}.node:hover circle{stroke:var(--accent);box-shadow:0 0 15px var(--accent);fill:var(--node-hover)}.link.major{stroke:var(--major-flow);stroke-width:3.5px;fill:none}.link.minor{stroke:var(--minor-flow);stroke-width:1.5px;stroke-dasharray:6 6;fill:none}.node.plex circle{stroke:var(--region-plex)}.node.warp circle{stroke:var(--region-warp)}.node.archetypal circle{stroke:var(--region-archetypal)}.node.torque circle{stroke:var(--region-torque)}.legend{color:var(--text-muted);margin-top:auto;font-size:.85rem;line-height:1.5}.legend p{color:var(--text-muted);margin-bottom:1rem}.legend div{align-items:center;gap:12px;margin:.4rem 0;display:flex}.legend span.color-box{border-radius:50%;width:14px;height:14px;display:inline-block}.node-debug-popup{background:var(--panel-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;border:1px solid #ffffff0d;border-radius:8px;flex-direction:column;gap:1rem;width:320px;padding:1.5rem;display:flex;position:absolute;top:2rem;right:2rem;box-shadow:2px 0 20px #00000080}.node-debug-popup h3{color:var(--accent);border-bottom:1px solid #ffffff1a;margin:0;padding-bottom:.5rem;font-size:1.2rem}.popup-slider-wrap{flex-direction:column;gap:.3rem;display:flex}.popup-slider-label{color:#ccc;justify-content:space-between;font-size:.85rem;display:flex}.popup-slider-label span{color:var(--accent);font-family:monospace}#graph-container svg text{font-family:Tinos,serif}