html,body{margin:0;padding:0;width:100%;height:100%;font-family:Poppins,system-ui,-apple-system,sans-serif}body{background-color:#fff;color:#333}*{margin:0;padding:0;box-sizing:border-box}:root{--bg: rgba(225, 231, 234, .35);--card-bg: #fff;--text: #111827;--text-muted: #4b5563;--text-quiet: #6b7280;--border: #e5e7eb;--border-strong: #d1d5db;--primary: #0e699d;--primary-dark: #085077;--primary-bg: #e3f2fd;--accent: #FAAA12;--danger: #b91c1c;--radius: 12px;--shadow: 0 4px 12px rgba(0,0,0,.08);--shadow-hover: 0 8px 20px rgba(0,0,0,.12);--focus-ring: 0 0 0 3px rgba(14,105,157,.35)}body{font-family:Poppins,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--bg);color:var(--text)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--primary);outline-offset:2px;box-shadow:var(--focus-ring)}.container{display:flex;align-items:flex-start;min-height:calc(100vh - 122px);max-width:100%}.sidebar{position:sticky;top:135px;width:300px;flex-shrink:0;max-height:calc(100vh - 151px);overflow-y:auto;background:var(--card-bg);border:1px solid var(--border);padding:14px;border-radius:var(--radius);margin:16px 0 16px 16px}.main-content{flex:1;min-width:0;padding:16px 20px 40px}.sidebar-header{display:flex;flex-direction:column;gap:8px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--border)}.sidebar-header h2{font-size:16px;font-weight:700;color:var(--text)}.sidebar-header-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.sidebar-header-actions{display:flex;align-items:center;gap:8px}.sidebar-active-count{font-size:12px;font-weight:600;color:var(--primary-dark);background:var(--primary-bg);padding:3px 9px;border-radius:999px}.sidebar-clear-all{padding:5px 10px;border:1px solid var(--border-strong);background:#f9fafb;color:var(--text-muted);border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}.sidebar-clear-all:hover{background:#eef2f7;border-color:var(--primary);color:var(--primary-dark)}.filter-mode{display:flex;gap:6px}.mode-button{padding:3px 10px;background:#f9fafb;border:1px solid var(--border-strong);border-radius:8px;cursor:pointer;font-weight:700;font-size:10px;color:var(--text-muted);transition:background .2s,border-color .2s,color .2s}.mode-button:hover{background:#eef2f7;color:var(--text)}.mode-button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.code-hierarchy{margin-top:12px}.code-accordion{border-bottom:1px solid var(--border);padding:4px 0}.code-accordion:last-child{border-bottom:none}.code-accordion-summary{list-style:none;display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:500;font-size:14px;padding:6px 4px;border-radius:6px}.code-accordion-summary::-webkit-details-marker{display:none}.code-accordion-summary:hover{background:#f9fafb}.code-accordion-title{flex:1}.code-accordion-badge{font-size:11px;font-weight:700;color:#fff;background:var(--primary);padding:2px 8px;border-radius:999px}.code-accordion-chevron{transition:transform .2s;color:var(--text-quiet)}.code-accordion[open]>.code-accordion-summary .code-accordion-chevron{transform:rotate(180deg)}.code-accordion-body{padding:4px 4px 0}.code-padre-group{margin-left:.25rem;margin-bottom:.35rem;padding-bottom:.35rem;border-bottom:1px solid var(--border)}.code-padre-group:last-child{border-bottom:none}.code-padre-title{font-size:11px;font-weight:500;color:var(--text-muted);margin-bottom:.2rem;text-transform:uppercase;letter-spacing:.02em}.code-hijo-group{margin-bottom:4px}.code-grandchildren-buttons{margin-left:1.25rem;margin-top:3px;padding-left:10px;border-left:2px solid var(--border);display:flex;flex-wrap:wrap;gap:3px}.code-buttons{display:flex;flex-wrap:wrap;gap:4px;margin-top:3px}.code-button{display:inline-flex;align-items:center;gap:5px;padding:2px;border-radius:999px;border:1px solid var(--border-strong);background:#fff;color:var(--text-muted);font-size:9px;font-weight:400;cursor:pointer;min-height:16px;transition:background .15s,color .15s,border-color .15s,box-shadow .15s}.code-button:hover:not(.disabled){background:#eef5fb;border-color:var(--primary);color:var(--primary-dark)}.code-button.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 2px 6px #0e699d59}.code-button-check{font-size:11px;line-height:1}.code-button-count{font-size:9px;font-weight:400;color:inherit;opacity:.75}.code-button.disabled{opacity:.5;cursor:not-allowed;background-color:#f3f4f6;border-color:var(--border);color:#9ca3af}.code-button.small{font-size:8px;padding:2px;min-height:10px}.word-cloud-container h3{color:var(--text-muted)!important}.topbar{position:sticky;top:0;z-index:100;background:#fff;padding:8px 20px 0;border-bottom:1px solid var(--border)}.topbar-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:6px}.topbar-title{font-size:18px;font-weight:700;color:var(--primary-dark)}.topbar-subtitle{font-size:12px;color:var(--text-muted);margin-top:2px}.exploration-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:6px 0 8px;border-top:1px solid var(--border)}.toolbar-controls{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.search-bar{display:flex;flex-direction:column;gap:3px;flex:1 1 340px;max-width:480px}.search-bar-label{font-size:11px;font-weight:700;color:var(--text-muted)}.search-bar-row{display:flex;gap:8px}.search-bar-input-wrap{position:relative;flex:1;display:flex;align-items:center}.search-bar-icon{position:absolute;left:10px;color:var(--text-quiet);pointer-events:none}.search-bar-input{width:100%;padding:6px 32px;border:1.5px solid var(--border-strong);border-radius:8px;font-size:11px;color:var(--text);font-family:inherit}.search-bar-input::placeholder{color:#9199a6}.search-bar-input:focus-visible{border-color:var(--primary)}.search-bar-clear{position:absolute;right:6px;width:22px;height:22px;border:none;background:#eef2f7;color:var(--text-muted);border-radius:50%;cursor:pointer;font-size:11px;display:flex;align-items:center;justify-content:center}.search-bar-clear:hover{background:#dfe6ee}.search-bar-submit{padding:0 16px;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:11px;font-weight:600;cursor:pointer;transition:background .15s}.search-bar-submit:hover{background:var(--primary-dark)}.search-mode-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.search-mode-label{font-size:10px;color:var(--text-quiet)}.search-mode-toggle{display:inline-flex;border:1px solid var(--border-strong);border-radius:999px;overflow:hidden}.search-mode-button{padding:4px 10px;border:none;background:#fff;color:var(--text-muted);font-size:10px;font-weight:600;cursor:pointer}.search-mode-button+.search-mode-button{border-left:1px solid var(--border-strong)}.search-mode-button.active{background:var(--primary);color:#fff}.search-status{font-size:10px;color:var(--text-quiet);font-style:italic}.switch-control{display:flex;align-items:center;gap:8px}.switch-control-text{display:flex;flex-direction:column;cursor:pointer}.switch-control-label{font-size:11px;font-weight:600;color:var(--text-muted);white-space:nowrap}.switch-control-description{font-size:10px;color:var(--text-quiet)}.switch{position:relative;display:inline-flex;align-items:center;width:56px;height:26px;flex-shrink:0;cursor:pointer}.switch input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.slider{position:absolute;inset:0;background-color:#9ca3af;transition:background-color .2s;border-radius:999px;display:flex;align-items:center}.slider:before{content:"";position:absolute;height:20px;width:20px;left:3px;background-color:#fff;transition:transform .2s;border-radius:50%;box-shadow:0 1px 3px #0000004d;z-index:1}.slider-state{width:100%;font-size:9px;font-weight:800;letter-spacing:.04em;color:#fff;text-transform:uppercase;text-align:right;padding-right:6px}input:checked+.slider{background-color:var(--primary)}input:checked+.slider:before{transform:translate(30px)}input:checked+.slider .slider-state{text-align:left;padding-left:6px;padding-right:0}.switch input:focus-visible+.slider{outline:2px solid var(--primary-dark);outline-offset:2px}.active-filter-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;margin-bottom:14px;background:#fdf6e6;border:1px solid #f3dfa3;border-radius:10px}.active-filter-bar-label{font-size:12px;font-weight:700;color:#7a5a00}.active-filter-chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;flex:1}.active-filter-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;background:var(--accent);color:#3a2600;border:none;border-radius:999px;font-size:12px;font-weight:700;cursor:pointer;max-width:260px}.active-filter-chip span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.active-filter-chip-remove{font-size:10px;flex-shrink:0}.active-filter-chip:hover{background:#e59a00}.active-filter-clear-all{padding:6px 12px;background:transparent;border:1px solid #cda749;color:#7a5a00;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}.active-filter-clear-all:hover{background:#f3dfa3}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.results-summary{font-size:14px;color:var(--text-muted)}.results-summary strong{color:var(--text)}.figures-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}@media(max-width:1399px){.figures-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:899px){.figures-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:599px){.figures-grid{grid-template-columns:1fr}}.figure-card{display:flex;flex-direction:column;background:var(--card-bg);border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);transition:transform .15s,box-shadow .15s;min-width:0}.figure-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}.figure-image-wrap{position:relative;width:100%;aspect-ratio:4 / 3;background:#eef2f7;border-bottom:1px solid var(--border);overflow:hidden}.figure-image-button{display:block;width:100%;height:100%;border:none;padding:0;background:none;cursor:zoom-in}.figure-image{display:block;width:100%;height:100%;object-fit:contain;object-position:center;transition:transform .2s ease;background:#eef2f7}.figure-image-button:hover .figure-image{transform:scale(1.03)}.figure-info{flex:1;display:flex;flex-direction:column;padding:14px 16px 16px;gap:8px}.figure-paper-title{font-size:10.5px;font-weight:400;color:var(--text-muted);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.figure-title{font-size:10px;font-weight:300;color:var(--text-muted)}.figure-citation{font-size:10px;font-weight:300;color:var(--text-muted);text-align:right}.figure-source{font-size:10px;color:var(--text-quiet);text-align:right}.figure-attributes{display:flex;flex-wrap:wrap;gap:6px}.attribute-tag{display:inline-flex;align-items:center;max-width:100%;min-width:0;padding:2px 6px;border-radius:4px;border:1.5px solid var(--border);background:#f3f4f6;color:var(--text-muted);font-size:7px;font-weight:600;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attribute-tag-question{display:block;width:100%;max-width:100%;white-space:normal;overflow:visible;text-overflow:clip;word-break:break-word}.figure-codes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 6px;align-items:start}.figure-codes-grid .attribute-tag{white-space:normal;overflow:visible;text-overflow:clip;word-break:break-word}.figure-actions{display:flex;justify-content:flex-end;gap:4px;margin-top:auto;padding-top:10px}.figure-action-primary,.figure-action-secondary{flex:0 1 auto;width:calc(25% - 2px);text-align:center;padding:3px 4px;border-radius:5px;font-size:7px;line-height:1.25;font-weight:600;cursor:pointer;text-decoration:none;white-space:normal;word-break:break-word}.figure-action-primary{background:var(--primary-dark);color:#fff;border:none}.figure-action-primary:hover{background:var(--primary)}.figure-action-secondary{background:#fff;color:var(--primary-dark);border:1.5px solid var(--primary-dark)}.figure-action-secondary:hover{background:var(--primary-bg)}.no-results{text-align:center;padding:70px 20px;color:var(--text-muted)}.no-results-message{font-size:16px;font-weight:600;margin-bottom:16px}.no-results-actions{display:flex;justify-content:center;gap:10px}.no-results-action{padding:8px 16px;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer}.no-results-action:hover{background:var(--primary-dark)}.data-error-state{padding:80px 24px;text-align:center;color:var(--text-muted)}.data-error-state h1{color:var(--primary-dark);margin-bottom:12px}.mobile-filters-button{display:none}@media(max-width:900px){.sidebar{display:none}.mobile-filters-button{display:inline-flex;align-items:center;gap:8px;position:fixed;left:16px;bottom:16px;z-index:90;padding:12px 18px;background:var(--primary);color:#fff;border:none;border-radius:999px;font-size:14px;font-weight:700;box-shadow:0 4px 14px #00000040;cursor:pointer}.mobile-filters-count{background:#fff;color:var(--primary-dark);border-radius:999px;font-size:11px;padding:1px 7px}}.filter-drawer-backdrop{position:fixed;inset:0;background:#00000080;z-index:1000;display:flex;justify-content:flex-start}.filter-drawer{width:min(340px,88vw);height:100%;background:#fff;display:flex;flex-direction:column;box-shadow:4px 0 24px #00000040}.filter-drawer-header{display:flex;justify-content:flex-end;padding:10px 12px;border-bottom:1px solid var(--border)}.filter-drawer-close{width:34px;height:34px;border:none;background:#f3f4f6;color:var(--text-muted);border-radius:50%;font-size:14px;cursor:pointer}.filter-drawer-body{flex:1;overflow-y:auto;padding:12px 14px}.filter-drawer-footer{padding:12px 14px;border-top:1px solid var(--border)}.filter-drawer-apply{width:100%;padding:10px;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer}.modal-backdrop{position:fixed;inset:0;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.modal{background:#fff;border-radius:10px;max-width:min(1100px,94vw);max-height:92vh;display:flex;flex-direction:column;box-shadow:0 4px 6px #0000001a}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border)}.modal-title{font-size:14px;font-weight:700;color:var(--text);flex:1;padding-right:20px}.modal-close{background:none;border:none;font-size:20px;cursor:pointer;color:var(--text-muted);width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:6px}.modal-close:hover{background-color:#f0f0f0}.modal-content{flex:1;overflow:auto;display:flex;gap:0}.modal-body{flex:2;min-width:0;display:flex;justify-content:center;align-items:flex-start;padding:20px;overflow:auto}.modal-image{display:block;max-width:100%;height:auto;object-fit:contain;border-radius:4px}.modal-metadata{flex:1;min-width:260px;max-width:340px;border-left:1px solid var(--border);padding:18px 20px;overflow-y:auto}.modal-metadata-heading{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--text-quiet);margin-bottom:14px}.modal-metadata-section{margin-bottom:16px}.modal-metadata-section-title{font-size:12px;font-weight:700;color:var(--text-muted);margin-bottom:6px}.modal-question-list,.modal-code-list{list-style:none;display:flex;flex-direction:column;gap:4px}.modal-question-list li{font-size:13px;color:var(--text);line-height:1.4}.modal-code-list li{font-size:12px;color:var(--text-muted);padding:4px 8px;background:#f6f7f9;border-radius:5px}.modal-metadata-empty{font-size:12px;color:var(--text-quiet)}@media(max-width:700px){.modal-content{flex-direction:column}.modal-metadata{max-width:100%;border-left:none;border-top:1px solid var(--border)}}.modal-footer{padding:14px 20px;border-top:1px solid var(--border);display:flex;justify-content:flex-end}.modal-link-button{display:inline-block;padding:8px 16px;background-color:var(--primary);color:#fff;text-decoration:none;border-radius:6px;font-weight:600;font-size:13px}.modal-link-button:hover{background-color:var(--primary-dark)}@media(max-width:900px){.container{flex-direction:column}.main-content{padding:16px 16px 90px}.topbar{padding:12px 14px 0}}