:root{--sans:system-ui, "Segoe UI", Roboto, sans-serif;--serif:Georgia, "Iowan Old Style", "Palatino Linotype", serif;--mono:ui-monospace, "Cascadia Code", Consolas, monospace;--bg:#16151a;--bg-canvas:#1b1a20;--bg-canvas-dot:#ffffff12;--panel:#201f26;--text:#eae6dd;--text-dim:#a39c8e;--border:#34323c;--border-strong:#46434f;--backdrop:#0009;--accent:#a687f0;--accent-bg:#a687f029;--on-accent:#16151a;--yang:#e08e4d;--yin:#6fa3d8;--yang-bg:#e08e4d33;--yin-bg:#6fa3d833;--danger:#e8735f;--danger-bg:#e8735f29;--signo-pos-extremo:#e0793a;--signo-pos:#d7a06b;--signo-neutro:#b3a888;--signo-neg:#7fabce;--signo-neg-extremo:#5c8bb8;--pole-aggregation:#16a34a;--pole-singularization:#22d3ee;--pole-liberation:#facc15;--pole-restriction:#c8874c;--pole-stimulation:#f97316;--pole-inhibition:#9090a0;--pole-potentiation:#dc2626;--pole-normalization:#78716c;--shadow:0 8px 24px #0006;--shadow-lg:0 16px 40px #0000008c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:15px/1.5 var(--sans)}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}h1,h2,h3{font-family:var(--serif);margin:0;font-weight:600}button,input{font-family:inherit}.app{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.topbar{border-bottom:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow);z-index:5;flex:none;align-items:center;gap:1.5rem;padding:.65rem 1.25rem;display:flex}.topbar-title{flex:none;align-items:baseline;gap:.5rem;display:flex}.topbar-glyph{color:var(--accent);font-size:1.4rem}.topbar-title h1{letter-spacing:-.02em;font-size:1.3rem}.topbar-subtitle{color:var(--text-dim);font-size:.8rem;font-style:italic}.topbar-progress{flex:auto;align-items:center;gap:.75rem;max-width:480px;display:flex}.progress-track{background:var(--border);border-radius:999px;flex:1;min-width:60px;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--yin), var(--accent), var(--yang));height:100%;transition:width .4s}.progress-label{color:var(--text-dim);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.78rem}.topbar-actions{flex:none;align-items:center;gap:.5rem;margin-left:auto;display:flex}.btn{border:1px solid var(--border-strong);background:var(--panel);color:var(--text);cursor:pointer;border-radius:8px;padding:.4rem .75rem;font-size:.82rem;transition:background .15s,transform .1s}.btn:hover:not(:disabled){background:var(--accent-bg);border-color:var(--accent)}.btn:active:not(:disabled){transform:scale(.96)}.btn:disabled{opacity:.5;cursor:default}.btn-danger:hover:not(:disabled),.btn-danger.is-confirming{background:var(--danger-bg);border-color:var(--danger);color:var(--danger)}.btn-primary,.btn-primary:hover:not(:disabled){background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.btn-icon{padding:.4rem .6rem;font-size:1rem}.btn:focus-visible,.filter-tab:focus-visible,.sidebar-item:focus-visible,.toast:focus-visible,.search-input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-body{flex:1;min-height:0;display:flex}.app-footer{border-top:1px solid var(--border);background:var(--panel);color:var(--text-dim);text-align:center;flex:none;padding:.3rem 1.25rem;font-size:.7rem}.lang-switch{border:1px solid var(--border-strong);background:var(--panel) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23a39c8e' stroke-width='1.6'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E") no-repeat right .5rem center;color:var(--text);cursor:pointer;appearance:none;background-size:.7rem;border-radius:8px;margin-left:.5rem;padding:.35rem 1.6rem .35rem .6rem;font-size:.78rem}.lang-switch:hover{border-color:var(--accent)}.topbar-home{color:var(--text-dim);border-right:1px solid var(--border);padding-right:.9rem;font-size:.78rem;text-decoration:none}.topbar-home:hover{color:var(--accent)}.canvas{background-color:var(--bg-canvas);background-image:radial-gradient(var(--bg-canvas-dot) 1.4px, transparent 1.4px);touch-action:none;background-size:24px 24px;flex:1;min-width:0;position:relative;overflow:hidden}.canvas-hint{text-align:center;width:min(360px,90%);color:var(--text-dim);pointer-events:none;font-size:.9rem;line-height:1.5;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.canvas-hint p{margin:0 0 .6rem}.canvas-hint .canvas-hint-small{opacity:.8;font-size:.78rem}.cg-backdrop{opacity:.3;z-index:0;pointer-events:none;width:min(120px,22%);height:auto;transition:opacity .2s;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.cg-backdrop.is-active{opacity:.95}.cg-edge{stroke:var(--border-strong);stroke-width:1.2px;opacity:.5;transition:opacity .15s,stroke .15s,stroke-width .15s}.cg-edge-oposicion{stroke-dasharray:4 4}.cg-edge.is-lit{stroke:var(--accent);stroke-width:2px;opacity:1}.cg-node circle{fill:var(--panel);stroke:var(--border-strong);stroke-width:1.5px;opacity:.55;transition:opacity .15s,stroke .15s,stroke-width .15s}.cg-node.is-lit circle{opacity:1;stroke-width:2.4px}.cg-node.is-held circle{stroke-width:3.2px}.cg-glyph{font:14px var(--mono);fill:var(--text-dim);text-anchor:middle;dominant-baseline:central;opacity:.6;pointer-events:none;transition:opacity .15s}.cg-node.is-lit .cg-glyph{opacity:1}.canvas-instance{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;z-index:1;animation:.18s pop-in;position:absolute;transform:translate(-50%,-50%)}.canvas-instance.is-dragging{cursor:grabbing;z-index:3}.canvas-instance.is-dragging .chip{box-shadow:var(--shadow-lg)}.canvas-instance.is-target .chip{outline:2px dashed var(--accent);outline-offset:4px}.canvas-instance.is-leaving{opacity:.4}@keyframes pop-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.sidebar{border-left:1px solid var(--border);background:var(--panel);flex-direction:column;flex:0 0 340px;gap:.55rem;width:340px;min-height:0;padding:.75rem;display:flex}.search-input{border:1px solid var(--border-strong);background:var(--bg);color:var(--text);border-radius:8px;flex:none;padding:.55rem .8rem;font-size:.85rem}.search-input:focus{border-color:var(--accent)}.filter-tabs{gap:.3rem;display:flex}.filter-tab{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;flex:1;padding:.3rem .35rem;font-size:.75rem}.filter-tab:hover{border-color:var(--border-strong);color:var(--text)}.filter-tab.is-active{border-color:var(--accent);background:var(--accent-bg);color:var(--text);font-weight:600}.filter-count{font-variant-numeric:tabular-nums;opacity:.75;margin-left:.3rem;font-weight:400}.sidebar-list{flex-direction:column;flex:1;gap:.35rem;min-height:0;padding:.15rem .25rem .15rem .1rem;display:flex;overflow-y:auto}.sidebar-list--grid{grid-template-columns:1fr 1fr;align-content:start;gap:.4rem;display:grid}.sidebar-list--grid .sidebar-item{border-radius:10px}.sidebar-list--grid .chip{border-radius:10px;justify-content:flex-start;width:100%}.sidebar-item{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-y;border-radius:999px}.sidebar-item:active{cursor:grabbing}.sidebar-item:hover .chip{border-color:var(--accent)}.sidebar-empty{color:var(--text-dim);text-align:center;margin-top:1rem;font-size:.85rem}.sidebar-foot{color:var(--text-dim);text-align:center;margin:0;font-size:.72rem}.chip{border:1.5px solid var(--border-strong);background:var(--panel);min-width:0;max-width:100%;color:var(--text);white-space:nowrap;box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:.5rem;padding:.4rem .85rem;font-size:.85rem;display:inline-flex}.chip-list{width:100%;box-shadow:none;display:flex}.chip-canvas{font-size:.95rem}.chip-ghost{opacity:.9;box-shadow:var(--shadow-lg)}.chip-glyph{font-family:var(--mono);color:var(--accent);text-align:center;flex:none;min-width:1em;font-size:1.05em}.chip-glyph-sep{color:var(--text-dim);opacity:.65}.chip-name{text-overflow:ellipsis;min-width:0;overflow:hidden}.chip-num{border:1px solid var(--border);font-family:var(--mono);color:var(--text-dim);border-radius:999px;flex:none;margin-left:auto;padding:0 .4rem;font-size:.7rem}.chip-pole{border-color:var(--chip-pole-color,var(--accent));font-weight:600}.chip-new-badge{background:var(--accent);color:var(--on-accent);letter-spacing:.03em;text-transform:uppercase;border-radius:999px;flex:none;margin-left:.3rem;padding:0 .4rem;font-size:.62rem;font-weight:700}.chip-is-new{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.chip-partial{color:var(--text-dim);border-style:dashed}.chip-partial .chip-glyph{color:var(--text-dim)}.chip-landa{background:linear-gradient(135deg, var(--accent-bg), var(--panel) 60%);font-family:var(--serif);font-weight:600}.chip-landa .chip-glyph{font-weight:400}.signo-pos-extremo{border-color:var(--signo-pos-extremo)}.signo-pos{border-color:var(--signo-pos)}.signo-neutro{border-color:var(--signo-neutro)}.signo-neg{border-color:var(--signo-neg)}.signo-neg-extremo{border-color:var(--signo-neg-extremo)}.drag-ghost{pointer-events:none;z-index:50;position:fixed;transform:translate(-50%,-50%)}.toast-stack{z-index:40;flex-direction:column-reverse;align-items:center;gap:.4rem;width:max-content;max-width:calc(100vw - 2rem);display:flex;position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%)}.toast{background:var(--panel);max-width:100%;color:var(--text);border:1.5px solid var(--border-strong);box-shadow:var(--shadow-lg);text-align:left;cursor:pointer;border-radius:999px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;animation:.2s toast-in;display:flex}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.toast-glyph{font-family:var(--mono);color:var(--accent);flex:none}.toast-landa{border-color:var(--yang);font-weight:600}.toast-fail{color:var(--text-dim);border-style:dashed}.toast-info{color:var(--text-dim)}.detail-panel{border-right:1px solid var(--border);background:var(--panel);width:340px;color:var(--text);flex:0 0 340px;min-height:0;padding:1.25rem 1.4rem;overflow-y:auto}.detail-panel-empty{color:var(--text-dim);text-align:center;margin-top:2rem;font-size:.85rem;font-style:italic}.detail-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;padding-bottom:.9rem;display:flex}.detail-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0;font-size:.72rem;font-weight:600}.detail-head h2{margin:.15rem 0 .25rem;font-size:1.6rem;line-height:1.2}.detail-notation{font-family:var(--mono);color:var(--text-dim);margin:0;font-size:1rem}.detail-grid{flex-direction:column;gap:1.25rem;display:flex}.detail-panel h3{margin:1.1rem 0 .45rem;font-size:.95rem}.detail-facts h3:first-child{margin-top:0}.detail-facts p{margin:.25rem 0;font-size:.88rem;line-height:1.5}.detail-legend{color:var(--text-dim);flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem;margin:.3rem 0 0;font-size:.75rem;display:flex}.legend-line{border-top:2px solid var(--accent);width:22px;margin-left:.4rem;display:inline-block}.legend-dashed{border-top-style:dashed}.detail-note{color:var(--text-dim);font-style:italic}.detail-facts .detail-note{margin-top:.5rem;font-size:.78rem}.graph-mini{width:100%;height:auto;display:block}.gm-edge{stroke:var(--border-strong);stroke-width:1.2px}.gm-edge-oposicion{stroke-dasharray:4 4}.gm-step{fill:none;stroke:var(--accent);stroke-width:2.6px}.gm-step-oposicion{stroke-dasharray:7 5}.gm-arrowhead{fill:var(--accent)}.gm-step-label{font:600 11px var(--sans);fill:var(--accent);text-anchor:middle;dominant-baseline:central;paint-order:stroke;stroke:var(--panel);stroke-width:4px}.gm-node circle{fill:var(--panel);stroke:var(--border-strong);stroke-width:1.5px}.gm-node.hemi-yang.is-used circle{fill:var(--yang-bg);stroke:var(--yang);stroke-width:2.2px}.gm-node.hemi-yin.is-used circle{fill:var(--yin-bg);stroke:var(--yin);stroke-width:2.2px}.gm-node.is-first circle{stroke-width:4px}.gm-node.is-last circle{stroke-dasharray:3 2}.gm-glyph{font:15px var(--mono);fill:var(--text-dim);text-anchor:middle;dominant-baseline:central}.gm-node.is-used .gm-glyph{fill:var(--text);font-weight:700}.gm-hemi{font:italic 12px var(--serif);fill:var(--text-dim);text-anchor:middle}.nest-list{flex-direction:column;gap:.1rem;margin:0;padding:0;list-style:none;display:flex}.nest-edge{color:var(--text-dim);padding-left:2.4rem;font-size:.72rem;display:block}.nest-edge-oposicion{color:var(--accent)}.nest-pole{border:1px solid var(--border);border-radius:10px;grid-template-columns:1.7rem 1fr auto;align-items:center;column-gap:.55rem;padding:.3rem .6rem;display:grid}.nest-pole.hemi-yang{border-left:4px solid var(--yang)}.nest-pole.hemi-yin{border-left:4px solid var(--yin)}.nest-glyph{font-family:var(--mono);text-align:center;grid-row:span 2;font-size:1.15rem}.nest-name{font-size:.88rem;font-weight:600}.nest-meta{color:var(--text-dim);grid-column:2;font-size:.75rem}.nest-role{color:var(--text-dim);grid-area:1/3/span 2;font-size:.72rem;font-style:italic}.dim-list{flex-direction:column;gap:.2rem;margin:0;padding:0;list-style:none;display:flex}.dim-row{grid-template-columns:1.4rem 6.2rem 1fr;align-items:baseline;gap:.4rem;font-size:.84rem;display:grid}.dim-glyph{font-family:var(--serif);text-align:center;font-weight:600}.dim-name{color:var(--text-dim)}.dim-equilibrio .dim-estado{color:var(--accent);font-weight:600}.dim-ausente .dim-estado{color:var(--text-dim);font-style:italic}.detail-essay{border-top:1px solid var(--border);margin-top:1.2rem;padding-top:.2rem}.essay-prose p{font-family:var(--serif);text-align:justify;-webkit-hyphens:auto;hyphens:auto;margin:0 0 .75rem;font-size:1rem;line-height:1.7}.essay-status,.essay-source{color:var(--text-dim);font-size:.8rem}.essay-lang-note{border:1px solid var(--border);border-left:3px solid var(--accent);background:var(--accent-bg);border-radius:6px;margin-bottom:.75rem;padding:.5rem .7rem;font-style:normal}.detail-foot{justify-content:flex-end;margin-top:1rem;display:flex}@media (width<=760px){.topbar{flex-wrap:wrap;gap:.5rem .75rem;padding:.55rem .8rem}.topbar-subtitle{display:none}.topbar-progress{order:3;width:100%;max-width:none}.app-body{flex-direction:column}.detail-panel{border-right:none;border-bottom:1px solid var(--border);flex:none;width:auto;max-height:40vh}.sidebar{border-left:none;border-top:1px solid var(--border);flex:0 0 50%;gap:.4rem;width:auto;padding:.5rem}.sidebar-foot{display:none}.detail-graph{width:100%;max-width:320px;margin:0 auto}}