@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans+TC:wght@400;500&display=swap";:root{--color-bg:#faf6f0;--color-panel-bg:#fff;--color-panel-border:#e8e2d9;--color-text:#5c5346;--color-text-muted:#9c9284;--color-text-title:#3d362d;--color-accent:#dcb67a;--color-accent-light:#f2dfbe;--color-highlight:#92bdf6;--color-border:#e8e2d9;--color-center-undefined:#fff;--color-center-defined:#f5ead6;--color-channel-undefined:#e6dfd3;--color-channel-defined:#dcb67a;--color-channel-personality:#333;--color-channel-design:#ef4444;--color-gate-undefined:#fff;--color-gate-defined:#dcb67a;--color-gate-defined-stroke:#cda462;--color-gate-text:#7a6f5e;--circuit-integration:#b89bf2;--circuit-individual:#f0b656;--circuit-collective:#89bdf5;--circuit-tribal:#f08b8b;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-card:0 4px 24px #b4aaa026;font-family:Inter,Noto Sans TC,sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--color-bg);color:var(--color-text);height:100vh;overflow:hidden}#app{flex-direction:column;height:100vh;display:flex}#header{background:var(--color-panel-bg);border-bottom:1px solid var(--color-panel-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.header-inner{align-items:baseline;gap:12px;display:flex}.logo-title{color:var(--color-text-title);letter-spacing:-.02em;font-size:18px;font-weight:700}.logo-accent{color:var(--color-accent)}.logo-sub{color:var(--color-text-muted);font-size:11px;font-weight:400}.header-actions{gap:8px;display:flex}#main{flex:1;display:flex;overflow:hidden}#panel{background:var(--color-panel-bg);border-right:1px solid var(--color-panel-border);flex-direction:column;gap:20px;width:260px;min-width:260px;padding:16px 12px;display:flex;overflow-y:auto}.panel-title{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:10px;font-size:11px;font-weight:600}.btn-group{flex-direction:column;gap:6px;display:flex}.btn{border-radius:var(--radius-sm);cursor:pointer;text-align:left;border:1px solid #0000;padding:7px 12px;font-family:inherit;font-size:12px;font-weight:500;transition:all .2s}.btn-primary{background:var(--color-accent);color:#1a1209;border-color:var(--color-accent)}.btn-primary:hover{background:var(--color-accent-light)}.btn-secondary{color:var(--color-text);border-color:var(--color-border);background:0 0}.btn-secondary:hover{border-color:var(--color-accent);color:var(--color-accent)}.btn-ghost{color:var(--color-text-muted);background:0 0;border-color:#0000}.btn-ghost:hover{color:var(--color-text);background:var(--color-panel-border)}.btn-circuit{border-color:var(--color-border);color:var(--color-text);background:0 0;padding:6px 10px}.btn-circuit:hover,.btn-circuit.active{background:#ffffff0d}.btn-circuit[data-circuit=integration].active{border-color:var(--circuit-integration);color:var(--circuit-integration)}.btn-circuit[data-circuit=individual].active{border-color:var(--circuit-individual);color:var(--circuit-individual)}.btn-circuit[data-circuit=collective].active{border-color:var(--circuit-collective);color:var(--circuit-collective)}.btn-circuit[data-circuit=tribal].active{border-color:var(--circuit-tribal);color:var(--circuit-tribal)}.btn-sub{border-color:var(--color-border);color:var(--color-text-muted);background:0 0;padding:5px 10px;font-size:11px}.btn-sub:hover,.btn-sub.active{color:var(--color-text);background:#ffffff0a}.btn-sub.active{border-color:var(--color-accent)}.info-list{grid-template-columns:1fr 1fr;gap:6px 4px;display:grid}.info-list dt{color:var(--color-text-muted);font-size:11px}.info-list dd{color:var(--color-accent);text-align:right;font-size:11px;font-weight:600}#bodygraph-container{background:radial-gradient(ellipse at 50% 40%, #fffc 0%, transparent 65%), var(--color-bg);flex:1;justify-content:center;align-items:flex-start;padding:40px 20px 20px;display:flex;overflow:auto}#bodygraph-container svg{filter:drop-shadow(0 8px 40px #b4aaa04d);width:auto;max-width:100%;height:auto;max-height:calc(100vh - 60px)}.center{cursor:pointer}.center:hover .center-shape{filter:brightness(1.2)}.gate{cursor:pointer}.gate:hover .gate-rect{filter:brightness(1.3)}.channel{cursor:pointer}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.config-grid{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:#faf8f5;grid-template-columns:1fr 1fr;gap:8px 6px;padding:10px;display:grid;position:relative}.config-item{color:var(--color-text-muted);flex-direction:column;gap:4px;font-size:11px;font-weight:500;display:flex}.config-item-full{grid-column:1/-1}.config-item-row{align-items:center;gap:4px;display:flex}.config-item input[type=text],.config-item input[type=number],.config-item select{border:1px solid var(--color-border);box-sizing:border-box;background:#fff;border-radius:4px;width:100%;padding:5px;font-family:inherit;font-size:12px}.config-item input[type=color]{border:1px solid var(--color-border);cursor:pointer;border-radius:4px;width:100%;height:24px;padding:0}.config-del-btn{cursor:pointer;color:#ef4444;background:0 0;border:none;font-size:11px;font-weight:700;position:absolute;top:8px;right:8px}.config-del-btn:hover{text-decoration:underline}.line-handle{opacity:0;transition:opacity .2s}svg:hover .line-handle{opacity:1}