: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:#f4f1ea;--bg-canvas:#faf8f3;--bg-canvas-dot:#1e190f17;--panel:#fff;--text:#2b2620;--text-dim:#6b6255;--border:#ddd5c4;--border-strong:#c9bfa8;--backdrop:#1e181073;--accent:#7a4de0;--accent-bg:#7a4de01a;--on-accent:#fff;--yang:#c8722c;--yin:#3a6ea5;--yang-bg:#c8722c24;--yin-bg:#3a6ea524;--danger:#c83c28;--danger-bg:#c83c281f;--signo-pos-extremo:#b5541f;--signo-pos:#c8874c;--signo-neutro:#8a7d5f;--signo-neg:#4d7a9e;--signo-neg-extremo:#2c5578;--shadow:0 8px 24px #2b26201f;--shadow-lg:0 16px 40px #2b262038;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font:15px/1.5 var(--sans)}:root[data-theme=dark]{--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;--shadow:0 8px 24px #0006;--shadow-lg:0 16px 40px #0000008c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--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;--shadow:0 8px 24px #0006;--shadow-lg:0 16px 40px #0000008c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{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}.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}.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-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-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(--accent);font-weight:600}.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-backdrop{z-index:60;background:var(--backdrop);justify-content:center;align-items:center;padding:1.25rem;animation:.15s fade-in;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.detail{border:1px solid var(--border);background:var(--panel);width:min(900px,100%);max-height:100%;color:var(--text);box-shadow:var(--shadow-lg);border-radius:16px;outline:none;padding:1.4rem 1.6rem;overflow-y:auto}.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{grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:1.5rem;display:grid}.detail 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}.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}.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-backdrop{align-items:stretch;padding:.5rem}.detail{border-radius:12px;padding:1rem}.detail-grid{grid-template-columns:1fr}.detail-graph{width:100%;max-width:320px;margin:0 auto}}