*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-tertiary: #0f3460;--text-primary: #ecf0f1;--text-secondary: #999;--text-muted: #888;--text-tertiary: #bdc3c7;--border-color: #0f3460;--accent: #e94560;--panel-shadow: rgba(0,0,0,.4);--tooltip-shadow: rgba(0,0,0,.5)}.tema-claro{--bg-primary: #f0f2f5;--bg-secondary: #ffffff;--bg-tertiary: #e0e0e0;--text-primary: #1a1a2e;--text-secondary: #666;--text-muted: #888;--text-tertiary: #555;--border-color: #d0d0d0;--accent: #d63851;--panel-shadow: rgba(0,0,0,.1);--tooltip-shadow: rgba(0,0,0,.15)}body{font-family:Segoe UI,system-ui,sans-serif;background:var(--bg-primary);color:var(--text-primary);transition:background .3s,color .3s}header{display:flex;align-items:center;gap:1.5rem;padding:.8rem 1.5rem;background:var(--bg-secondary);border-bottom:2px solid var(--border-color);transition:background .3s,border-color .3s}header h1{font-size:1.3rem;font-weight:600;background:linear-gradient(135deg,#e94560,#ff6b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap;position:relative}header h1:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:2px;background:linear-gradient(90deg,#e94560,transparent);border-radius:1px}#filtros{display:flex;gap:.4rem}#filtros button{padding:.35rem .8rem;border:1px solid var(--border-color);border-radius:4px;background:transparent;color:var(--text-primary);cursor:pointer;font-size:.8rem;transition:all .2s}#filtros button:hover{background:var(--bg-tertiary)}#filtros button.activo{background:var(--accent);border-color:var(--accent);box-shadow:0 0 12px #e9456066}#tema-toggle{margin-left:auto;background:none;border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:1rem;cursor:pointer;padding:.3rem .5rem;transition:background .2s;line-height:1}#tema-toggle:hover{background:var(--bg-tertiary)}#buscar-wrapper{position:relative;margin-left:auto}#autocomplete{position:absolute;top:100%;left:0;right:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-top:none;border-radius:0 0 4px 4px;max-height:240px;overflow-y:auto;z-index:200;display:none}#autocomplete.visible{display:block}.autocomplete-item{display:flex;align-items:center;gap:6px;padding:5px 8px;cursor:pointer;font-size:.8rem;color:var(--text-primary);transition:background .15s;border-bottom:1px solid var(--border-color)}.autocomplete-item:last-child{border-bottom:none}.autocomplete-item:hover{background:var(--bg-tertiary)}.autocomplete-item .punto{flex-shrink:0}.autocomplete-item .tipo-tag{font-size:.65rem;color:var(--text-secondary);margin-left:auto;text-transform:uppercase}#buscar{padding:.35rem .7rem;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-primary);color:var(--text-primary);font-size:.85rem;width:200px}#buscar:focus{outline:none;border-color:var(--accent)}#stats{font-size:.75rem;color:var(--text-muted);white-space:nowrap}main{position:relative;height:calc(100vh - 52px);background:radial-gradient(ellipse at center,var(--bg-secondary) 0%,var(--bg-primary) 60%,var(--bg-primary) 100%);transition:background .3s}#particles{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}#quote-collage{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden;opacity:1;transition:opacity .6s ease}#quote-collage.oculto{opacity:0}.quote-flotante{position:absolute;font-size:.7rem;line-height:1.3;color:var(--text-secondary);opacity:.04;max-width:220px;pointer-events:none;-webkit-user-select:none;user-select:none;transition:opacity .6s ease;font-style:italic}#grafo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:2}.tema-claro #grafo canvas{filter:brightness(.98) contrast(1.02)}#loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:1rem;color:var(--text-secondary);font-size:.9rem;z-index:20}#loading.oculto{display:none}#loading-bar-track{width:200px;height:4px;background:var(--bg-tertiary);border-radius:2px;overflow:hidden}#loading-bar-fill{width:30%;height:100%;background:linear-gradient(90deg,#e94560,#ff6b6b);border-radius:2px;animation:load-bar 1.5s ease-in-out infinite}@keyframes load-bar{0%{width:0;margin-left:0}50%{width:60%;margin-left:20%}to{width:0;margin-left:100%}}#zoom-controls{position:absolute;bottom:20px;right:20px;display:flex;flex-direction:column;gap:4px;z-index:10}#zoom-controls button{width:32px;height:32px;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-secondary);color:var(--text-primary);font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}#zoom-controls button:hover{background:var(--bg-tertiary)}#leyenda{position:absolute;bottom:20px;left:20px;background:var(--bg-secondary);border-radius:8px;padding:10px 14px;font-size:12px;color:var(--text-secondary);display:flex;flex-direction:column;gap:4px;z-index:10;transition:background .3s,color .3s}#leyenda [data-tipo]{cursor:pointer;transition:color .2s}#leyenda [data-tipo]:hover{color:var(--text-primary)}.punto{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px}#panel{position:absolute;top:1rem;right:1rem;width:280px;max-height:calc(100vh - 6rem);padding:1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 20px var(--panel-shadow);display:flex;flex-direction:column;overflow:hidden;transform:translate(20px);opacity:0;visibility:hidden;transition:transform .3s ease,opacity .3s ease,visibility .3s ease,background .3s,border-color .3s,box-shadow .3s;pointer-events:none}#panel.panel-visible{transform:translate(0);opacity:1;visibility:visible;pointer-events:auto}#panel.oculto{display:none}#panel-badge{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px;vertical-align:middle}#cerrar-panel{float:right;background:none;border:none;color:var(--text-primary);font-size:1.3rem;cursor:pointer}#panel h2{font-size:1.1rem;margin-bottom:.3rem}#panel-tipo{font-size:.75rem;text-transform:uppercase;color:var(--accent);letter-spacing:1px;margin-bottom:.5rem}#panel-desc{font-size:.85rem;color:var(--text-tertiary);margin-bottom:.8rem}#panel h3{font-size:.85rem;margin-bottom:.4rem;color:var(--accent)}#panel-relaciones{list-style:none;font-size:.8rem;overflow-y:auto;flex:1;min-height:0;padding-right:4px}#panel-relaciones::-webkit-scrollbar{width:6px}#panel-relaciones::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:3px}#panel-relaciones li{padding:.25rem 0;border-bottom:1px solid var(--border-color)}.resaltado{border-width:3px!important;border-color:var(--accent)!important}.seleccionado{z-index:10}.fuera-vecindario{opacity:.12!important}.arista-conectada{text-opacity:1!important;width:2.5px!important;z-index:5}.arista-fuera{opacity:.08!important}.relacion-link{cursor:pointer}.relacion-link:hover{color:var(--text-primary);text-decoration:underline}#panel-cita{background:#ffffff0d;border-left:3px solid var(--accent);padding:8px 10px;margin:8px 0;font-size:12px;line-height:1.4;color:var(--text-secondary)}#panel-cita em{color:var(--text-primary)}#panel-cita.oculto{display:none}#tooltip{position:fixed;pointer-events:none;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);border:1px solid var(--border-color);border-radius:6px;padding:8px 12px;max-width:280px;z-index:100;box-shadow:0 4px 12px var(--tooltip-shadow);font-size:.8rem;line-height:1.4;opacity:1;visibility:visible;transition:opacity .2s ease,visibility .2s ease,background .3s,border-color .3s,box-shadow .3s}#tooltip.oculto{opacity:0;visibility:hidden;display:block}#tooltip-tipo{font-size:.65rem;text-transform:uppercase;color:var(--accent);letter-spacing:1px;margin-bottom:4px}#tooltip-nombre{font-weight:600;color:var(--text-primary);margin-bottom:4px}#tooltip-desc{color:var(--text-tertiary);font-size:.75rem}@media(max-width:899px){header{flex-wrap:wrap;gap:.6rem;padding:.6rem 1rem}header h1{font-size:1.1rem}#filtros{flex-wrap:wrap;gap:.3rem}#filtros button{padding:.3rem .6rem;font-size:.7rem}#buscar-wrapper{margin-left:0;flex:1;min-width:120px}#buscar{width:100%;font-size:.8rem}#stats{font-size:.65rem}#panel{width:260px;max-height:calc(100vh - 8rem)}#leyenda{font-size:11px;padding:8px 10px;max-height:40vh;overflow-y:auto}#zoom-controls{bottom:14px;right:14px}#tooltip{max-width:220px}}@media(max-width:600px){header{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto auto;gap:.4rem;padding:.5rem .8rem .6rem}header h1{font-size:1rem;grid-column:1 / 2;grid-row:1;text-align:left;align-self:center}#tema-toggle{grid-column:2 / 3;grid-row:1;margin-left:0;justify-self:end;align-self:center}#buscar-wrapper{grid-column:1 / 3;grid-row:2;margin-left:0}#buscar{width:100%;font-size:.85rem;padding:.45rem .6rem}#filtros{grid-column:1 / 3;grid-row:3;justify-content:center;flex-wrap:wrap}#filtros button{padding:.3rem .55rem;font-size:.7rem}#stats{display:none}main{height:calc(100vh - 100px)}#panel{position:fixed;bottom:0;left:0;right:0;top:auto;width:100%;max-height:35vh;border-radius:12px 12px 0 0;border-bottom:none;z-index:50;transform:translateY(100%);padding:.7rem;padding-bottom:max(.7rem,env(safe-area-inset-bottom,.5rem));transition:transform .3s ease,opacity .3s ease,visibility .3s ease,background .3s,border-color .3s,box-shadow .3s}#panel.panel-visible{transform:translateY(0)}#panel-desc{display:none}#panel-tipo{font-size:.65rem;margin-bottom:.3rem}#panel h2{font-size:.95rem}#panel h3{display:none}#panel-relaciones li{padding:.3rem 0;min-height:34px;display:flex;align-items:center;font-size:.75rem}#cerrar-panel{font-size:1.3rem}#leyenda{bottom:10px;left:10px;padding:6px 8px;font-size:10px;gap:2px;max-height:35vh;overflow-y:auto}#zoom-controls{bottom:10px;right:10px;gap:3px}#zoom-controls button{width:30px;height:30px;font-size:.95rem}.punto{width:8px;height:8px;margin-right:4px}#tooltip{max-width:180px;font-size:.7rem;padding:6px 10px}#tooltip-desc{display:none}.autocomplete-item{padding:7px 8px;min-height:36px;font-size:.75rem}#cerrar-panel{font-size:1.5rem;padding:4px}}@media(max-width:400px){header h1{font-size:.9rem}#filtros button{font-size:.6rem;padding:.2rem .4rem}#buscar{font-size:.8rem;padding:.4rem .5rem}#panel{max-height:40vh}#leyenda{font-size:9px;padding:4px 6px;gap:1px}#zoom-controls button{width:26px;height:26px;font-size:.8rem}#tooltip{max-width:140px;font-size:.65rem}#tooltip-nombre{font-size:.7rem}}@media(max-height:500px)and (orientation:landscape){header{padding:.3rem .8rem;gap:.3rem}header h1{font-size:.9rem}#filtros button{padding:.2rem .4rem;font-size:.6rem}#buscar{padding:.25rem .5rem;font-size:.75rem}main{height:calc(100vh - 60px)}#panel{max-height:50vh;padding:.5rem}#panel-desc{display:none}#panel h2{font-size:.9rem}#panel h3{display:none}#panel-tipo{font-size:.6rem;margin-bottom:.2rem}#panel-relaciones li{padding:.2rem 0;min-height:28px;font-size:.7rem}#cerrar-panel{font-size:1.1rem}#leyenda{max-height:50vh;font-size:9px;padding:4px 6px}#zoom-controls{bottom:6px;right:6px}#zoom-controls button{width:24px;height:24px;font-size:.75rem}#tooltip{max-width:160px;font-size:.6rem}}