:root{color-scheme:dark;--bg-0: #070b14;--bg-1: #0f172a;--bg-2: #1e293b;--bg-3: #334155;--text-0: #f8fafc;--text-1: #cbd5e1;--text-2: #94a3b8;--accent: #38bdf8;--accent-strong: #0284c7;--border: rgba(148, 163, 184, .18)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;height:100%;background:var(--bg-0);color:var(--text-0);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}.app-shell{display:flex;flex-direction:column;width:100vw;height:100vh}.topbar{height:54px;background:#0f172af2;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 16px;gap:12px;z-index:10}.brand{display:flex;align-items:center;gap:10px}.brand-dot{width:11px;height:11px;border-radius:999px;background:linear-gradient(135deg,#38bdf8,#818cf8);box-shadow:0 0 12px #38bdf8b3}.brand h1{font-size:.96rem;font-weight:700;margin:0;letter-spacing:-.01em}.brand .subtitle{display:block;font-size:.73rem;color:var(--text-2)}.camera-toolbar{display:flex;align-items:center;gap:5px;background:#1e293bb3;padding:4px 8px;border-radius:8px;border:1px solid var(--border)}.toolbar-icon{color:var(--accent);margin-right:4px}.btn-cam{background:transparent;color:var(--text-1);border:1px solid transparent;border-radius:6px;padding:4px 9px;font-size:.76rem;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all .15s}.btn-cam:hover{background:#38bdf824;color:var(--text-0);border-color:#38bdf859}.btn-credits{background:#38bdf821;color:#e0f2fe;border:1px solid rgba(56,189,248,.35);border-radius:8px;padding:6px 11px;font-size:.78rem;font-weight:500;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.btn-credits:hover{background:#38bdf83d}.workspace{flex:1;display:grid;grid-template-columns:380px 1fr 330px;min-height:0;position:relative}.panel{background:#0f172aeb;display:flex;flex-direction:column;height:100%;min-height:0;padding:12px;gap:10px}.panel-left{position:relative;border-right:1px solid var(--border);overflow:hidden}.panel-resizer-edge{position:absolute;top:0;right:0;width:8px;bottom:0;cursor:col-resize;z-index:30;display:flex;align-items:center;justify-content:center;background:transparent;transition:background .15s,border-color .15s}.panel-resizer-edge:hover,.panel-resizer-edge.is-dragging{background:#38bdf838;border-right:2px solid var(--accent)}.panel-resizer-handle{width:3px;height:38px;background:#94a3b859;border-radius:3px;transition:all .15s}.panel-resizer-edge:hover .panel-resizer-handle,.panel-resizer-edge.is-dragging .panel-resizer-handle{background:var(--accent);height:56px;box-shadow:0 0 8px var(--accent)}.panel-right{border-left:1px solid var(--border);overflow-y:auto}.panel-fixed-header{display:flex;flex-direction:column;gap:8px;flex-shrink:0}.panel-scroll-body{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.layers-section{flex:1;min-height:0;display:flex;flex-direction:column;gap:8px;overflow:hidden}.slider-mode-card{display:flex;flex-direction:column;gap:5px;background:#0f172ab3;border:1px solid var(--border);border-radius:8px;padding:6px 8px}[data-theme=light] .slider-mode-card{background:#f1f5f9d9}.slider-mode-label{font-size:.68rem;font-weight:600;color:var(--text-2);text-transform:uppercase;letter-spacing:.03em}.slider-mode-toggle-btns{display:grid;grid-template-columns:1fr 1fr;gap:5px}.slider-mode-toggle-btns .btn-xs{justify-content:center;padding:4px 6px;font-size:.71rem}.mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;background:var(--bg-0);padding:4px;border-radius:8px;border:1px solid var(--border)}.mode-tab{background:transparent;color:var(--text-2);border:none;border-radius:6px;padding:6px;font-size:.73rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:5px;cursor:pointer}.mode-tab.active{background:var(--bg-2);color:var(--text-0);box-shadow:0 1px 3px #00000059}.sex-switch{display:grid;grid-template-columns:1fr 1fr;gap:5px;background:#0f172abf;padding:4px;border-radius:8px;border:1px solid var(--border)}.sex-switch-btn{background:transparent;color:var(--text-2);border:1px solid transparent;border-radius:6px;padding:6px 8px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s}.sex-switch-btn.active.male{background:#38bdf82e;color:#e0f2fe;border-color:#38bdf873}.sex-switch-btn.active.female{background:#f472b62e;color:#fce7f3;border-color:#f472b673}.structure-description{margin:0;font-size:.8rem;line-height:1.5;color:var(--text-1);background:#0f172aa6;border-left:3px solid var(--accent);padding:8px 10px;border-radius:6px}.panel-section-header{display:flex;align-items:center;justify-content:space-between;padding-top:2px}.section-title{display:flex;align-items:center;gap:6px;font-size:.79rem;font-weight:600;color:var(--text-1)}.mini-actions{display:flex;gap:4px}.btn-xs{background:var(--bg-2);color:var(--text-1);border:1px solid var(--border);border-radius:5px;padding:3px 7px;font-size:.7rem;cursor:pointer;display:inline-flex;align-items:center;gap:4px}.btn-xs:hover{border-color:var(--accent);color:var(--text-0)}.layers-list{display:flex;flex-direction:column;gap:6px;flex:1;min-height:0;overflow-y:auto;padding-right:3px}.layer-card{background:#1e293b8c;border:1px solid var(--border);border-radius:8px;padding:7px 9px;transition:border-color .15s,background .15s}.layer-card.enabled{background:#1e293be6;border-color:#94a3b852}.layer-card.disabled{opacity:.62}.layer-row{display:flex;align-items:center;justify-content:space-between;gap:6px}.layer-toggle{background:none;border:none;color:inherit;padding:0;display:flex;align-items:center;gap:8px;cursor:pointer;text-align:left;font-size:.8rem;font-weight:500}.color-dot{width:10px;height:10px;border-radius:999px;flex-shrink:0;border:1px solid rgba(255,255,255,.35)}.layer-badges{display:flex;align-items:center;gap:5px}.badge-count{font-size:.69rem;color:var(--text-2);background:#0f172abf;padding:1px 6px;border-radius:999px}.badge-loading{font-size:.68rem;color:var(--accent)}.icon-btn{background:transparent;border:none;color:var(--text-1);cursor:pointer;padding:3px;border-radius:5px;display:inline-flex;align-items:center}.icon-btn:hover{background:#ffffff14;color:var(--text-0)}.opacity-row{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:.72rem;color:var(--text-2)}.opacity-row input[type=range]{flex:1;accent-color:var(--accent);height:4px}.opacity-val{min-width:38px;text-align:right;font-variant-numeric:tabular-nums}.clip-section{margin-top:auto;padding-top:10px;border-top:1px solid var(--border)}.canvas-stage{position:relative;width:100%;height:100%;min-height:0;background:radial-gradient(circle at 50% 35%,#172554,#070b14 75%)}.stage-footer{position:absolute;left:12px;right:12px;bottom:10px;background:#0f172ad6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:8px;padding:6px 12px;font-size:.72rem;color:var(--text-2);display:flex;align-items:center;justify-content:space-between;gap:8px;pointer-events:auto}.stage-footer span{display:inline-flex;align-items:center;gap:5px}.search-box{position:relative}.search-input-wrap{display:flex;align-items:center;background:var(--bg-0);border:1px solid var(--border);border-radius:8px;padding:6px 10px;gap:7px}.search-input-wrap:focus-within{border-color:var(--accent)}.search-icon{color:var(--text-2)}.search-input-wrap input{background:transparent;border:none;outline:none;color:var(--text-0);font-size:.8rem;width:100%}.clear-btn{background:none;border:none;color:var(--text-2);cursor:pointer;font-size:1rem;line-height:1}.search-results{margin-top:6px;max-height:240px;overflow-y:auto;background:var(--bg-1);border:1px solid var(--border);border-radius:8px;display:flex;flex-direction:column}.search-result-item{background:transparent;border:none;border-bottom:1px solid rgba(148,163,184,.1);color:var(--text-0);padding:7px 10px;text-align:left;display:flex;align-items:center;gap:8px;cursor:pointer}.search-result-item:hover{background:#38bdf81f}.search-result-text{display:flex;flex-direction:column;font-size:.78rem}.search-result-text small{color:var(--text-2);font-size:.69rem}.visibility-banner{background:#0284c72e;border:1px solid rgba(56,189,248,.35);border-radius:8px;padding:7px 10px;font-size:.75rem;display:flex;align-items:center;justify-content:space-between}.hover-preview{background:#1e293bbf;border:1px solid rgba(56,189,248,.35);border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;gap:2px;font-size:.78rem}.hover-badge{font-size:.66rem;text-transform:uppercase;letter-spacing:.04em;color:var(--accent)}.structure-card{background:#1e293b99;border:1px solid var(--border);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:12px}.structure-header{display:flex;align-items:center;justify-content:space-between;gap:6px}.system-pill{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;padding:3px 8px;border-radius:999px;background:#0f172acc;border:1px solid var(--border)}.fma-id{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem;color:var(--accent);background:#38bdf81f;padding:2px 7px;border-radius:5px}.structure-title{margin:0;font-size:1.05rem;line-height:1.3}.meta-grid{margin:0;display:flex;flex-direction:column;gap:8px}.meta-grid div{background:#0f172a8c;padding:7px 9px;border-radius:6px;border:1px solid rgba(148,163,184,.12)}.meta-grid dt{font-size:.68rem;text-transform:uppercase;letter-spacing:.03em;color:var(--text-2)}.meta-grid dd{margin:3px 0 0;font-size:.82rem;color:var(--text-0)}.action-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.btn-action{background:var(--bg-1);color:var(--text-1);border:1px solid var(--border);border-radius:7px;padding:7px 6px;font-size:.74rem;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer}.btn-action:hover,.btn-action.active{border-color:var(--accent);color:var(--text-0);background:#38bdf826}.attribution-mini{background:#0f172ab3;border:1px solid var(--border);border-radius:8px;padding:9px 10px;font-size:.73rem;color:var(--text-1);display:flex;gap:8px;line-height:1.45}.attribution-mini a,.link-inline{color:var(--accent);text-decoration:none;background:none;border:none;padding:0;font:inherit;cursor:pointer}.attribution-mini a:hover,.link-inline:hover{text-decoration:underline}.empty-state{background:#1e293b66;border:1px dashed var(--border);border-radius:10px;padding:14px;font-size:.8rem;color:var(--text-1);line-height:1.5}.empty-state h3{margin:0 0 6px;font-size:.92rem;color:var(--text-0)}.tips-list{padding-left:16px;margin:10px 0 0;color:var(--text-2);font-size:.75rem;display:flex;flex-direction:column;gap:4px}.hubmap-list-section{display:flex;flex-direction:column;gap:8px;min-height:0;flex:1}.hubmap-list{display:flex;flex-direction:column;gap:5px;overflow-y:auto;padding-right:2px}.hubmap-item{background:#1e293b8c;border:1px solid var(--border);border-radius:7px;padding:7px 9px;color:var(--text-0);text-align:left;cursor:pointer}.hubmap-item.active,.hubmap-item:hover{border-color:var(--accent);background:#38bdf824}.hubmap-item-top{display:flex;align-items:center;justify-content:space-between;font-size:.79rem;font-weight:600}.hubmap-item-sub{display:flex;justify-content:space-between;font-size:.69rem;color:var(--text-2);margin-top:3px}.sex-badge{font-size:.75rem;padding:0 5px;border-radius:4px}.sex-badge.female{color:#f472b6;background:#f472b626}.sex-badge.male{color:#38bdf8;background:#38bdf826}.nodes-sublist h4{margin:0 0 6px;font-size:.78rem;color:var(--text-1)}.nodes-scroll{max-height:220px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.node-row{background:#0f172aa6;border:1px solid var(--border);border-radius:6px;padding:6px 8px;color:var(--text-0);text-align:left;display:flex;align-items:center;justify-content:space-between;gap:6px;cursor:pointer;font-size:.75rem}.node-row.active,.node-row:hover{border-color:var(--accent);background:#38bdf824}.node-row small{display:block;color:var(--text-2);font-size:.67rem}.ont-tag{font-family:monospace;font-size:.68rem;color:var(--accent)}.citation-text{margin:4px 0 0;font-size:.68rem;color:var(--text-2)}.loading-pill{background:#0f172aeb;border:1px solid var(--accent);color:var(--text-0);padding:8px 14px;border-radius:999px;font-size:.8rem;white-space:nowrap}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#020617c2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:50;padding:20px}.modal-card{background:var(--bg-1);border:1px solid var(--border);border-radius:12px;max-width:760px;width:100%;max-height:85vh;display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border)}.modal-header h2{margin:0;font-size:1rem}.modal-body{padding:16px 18px;overflow-y:auto;font-size:.83rem;line-height:1.55;color:var(--text-1)}.disclaimer-box{background:#eab3081f;border:1px solid rgba(234,179,8,.4);color:#fef08a;padding:10px 12px;border-radius:8px;display:flex;gap:10px;align-items:flex-start;margin-bottom:14px}.credits-table{width:100%;border-collapse:collapse;font-size:.77rem;margin-top:8px}.credits-table th,.credits-table td{border:1px solid var(--border);padding:8px 10px;text-align:left;vertical-align:top}.credits-table th{background:#1e293bcc;color:var(--text-0)}.credits-table a{color:var(--accent)}[data-theme=light]{color-scheme:light;--bg-0: #f1f5f9;--bg-1: #ffffff;--bg-2: #e2e8f0;--bg-3: #cbd5e1;--text-0: #0f172a;--text-1: #334155;--text-2: #64748b;--accent: #0284c7;--accent-strong: #0369a1;--border: rgba(15, 23, 42, .14)}[data-theme=light] .topbar,[data-theme=light] .panel,[data-theme=light] .stage-footer{background:#fffffff0}[data-theme=light] .canvas-stage{background:radial-gradient(circle at 50% 35%,#dbeafe,#cbd5e1 80%)}[data-theme=light] .layer-card,[data-theme=light] .structure-card,[data-theme=light] .hubmap-item,[data-theme=light] .node-row,[data-theme=light] .attribution-mini,[data-theme=light] .meta-grid div,[data-theme=light] .structure-description{background:#f1f5f9d9}[data-theme=light] .btn-credits{color:#0369a1;background:#0284c71f}.topbar-right{display:flex;align-items:center;gap:6px}.btn-cam.active{background:#38bdf838;color:var(--text-0);border-color:var(--accent)}.mode-tabs-3{grid-template-columns:repeat(3,1fr)}.tree-section{display:flex;flex-direction:column;gap:8px;min-height:0;flex:1;overflow:hidden}.tree-header-controls{display:flex;flex-direction:column;gap:6px;flex-shrink:0}.tree-filter-input{background:var(--bg-0);border:1px solid var(--border);border-radius:7px;padding:6px 9px;color:var(--text-0);font-size:.76rem;outline:none}.tree-filter-input:focus{border-color:var(--accent)}.tree-toolbar{display:flex;align-items:center;justify-content:space-between;gap:4px}.tree-toolbar-group{display:flex;align-items:center;gap:4px}.tree-scroll{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding-right:3px;scroll-behavior:smooth}.tree-group{border:1px solid var(--border);border-radius:7px;background:#1e293b59;overflow:visible}[data-theme=light] .tree-group{background:#f1f5f9bf}.tree-group-header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:6px 8px;background:#0f172af5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:6px;border-bottom:1px solid rgba(148,163,184,.12)}[data-theme=light] .tree-group-header{background:#f1f5f9f5}.tree-header-actions{display:flex;align-items:center;gap:6px}.tree-mini-slider{display:flex;align-items:center;gap:4px;background:#0f172a99;padding:2px 6px;border-radius:5px;border:1px solid rgba(148,163,184,.18)}[data-theme=light] .tree-mini-slider{background:#f1f5f9e6}.tree-mini-slider input[type=range]{width:52px;height:3px;accent-color:var(--accent);cursor:pointer}.tree-slider-val{font-size:.65rem;color:var(--text-2);min-width:25px;text-align:right;font-variant-numeric:tabular-nums}.tree-expand-btn{background:none;border:none;color:var(--text-0);display:flex;align-items:center;gap:6px;font-size:.76rem;font-weight:600;cursor:pointer;padding:0;text-align:left}.tree-children{border-top:none;max-height:none;overflow:visible;display:flex;flex-direction:column}.tree-subnode{display:flex;flex-direction:column}.tree-subnode-header{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:4px 6px;background:#0f172a73;border-bottom:1px solid rgba(148,163,184,.08);transition:background .15s,opacity .15s}[data-theme=light] .tree-subnode-header{background:#e2e8f080}.tree-subnode-header:hover{background:#38bdf814}.tree-subnode-header.is-hidden{opacity:.55}.tree-subnode-btn{background:none;border:none;color:var(--text-0);display:flex;align-items:center;gap:5px;font-size:.73rem;font-weight:600;cursor:pointer;padding:2px 0;text-align:left;flex:1}.tree-subnode-btn:hover{color:var(--accent)}.tree-subnode-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree-subnode-actions{display:flex;align-items:center;gap:4px}.tree-subnode-badge{font-size:.65rem;color:var(--text-2);background:#0f172aa6;padding:1px 5px;border-radius:999px;border:1px solid rgba(148,163,184,.1);font-variant-numeric:tabular-nums}[data-theme=light] .tree-subnode-badge{background:#f1f5f9d9}.tree-subnode-children{display:flex;flex-direction:column}.tree-node-row{display:flex;align-items:center;justify-content:space-between;padding:4px 6px;border-bottom:1px solid rgba(148,163,184,.06);gap:4px;transition:background .12s,opacity .15s}.tree-node-row:hover{background:#38bdf80f}.tree-node-row.selected{background:#38bdf82e}.tree-node-row.is-hidden{opacity:.45}.tree-node-select{background:none;border:none;color:var(--text-1);font-size:.73rem;text-align:left;cursor:pointer;padding:2px 0;display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex:1;min-width:0}.tree-node-select:hover{color:var(--text-0)}.tree-node-name{line-height:1.35;word-break:break-word;flex:1}.tree-node-id{font-family:monospace;font-size:.65rem;color:var(--text-2);flex-shrink:0;white-space:nowrap}.clip-section{flex-shrink:0;margin-top:auto;padding-top:8px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:6px}.clip-header-btn{background:none;border:none;color:inherit;display:flex;align-items:center;gap:6px;cursor:pointer;padding:0;font-size:.79rem;font-weight:600;color:var(--text-1)}.clip-header-btn:hover{color:var(--text-0)}.clip-active-badge{font-size:.65rem;background:#38bdf833;color:var(--accent);border:1px solid rgba(56,189,248,.4);padding:1px 6px;border-radius:999px;margin-left:2px}.clip-body{display:flex;flex-direction:column;gap:6px;margin-top:4px;max-height:220px;overflow-y:auto;padding-right:2px}.clip-plane-box{background:#1e293b73;border:1px solid var(--border);border-radius:7px;padding:5px 8px}[data-theme=light] .clip-plane-box{background:#f1f5f9cc}.clip-plane-row{display:flex;align-items:center;justify-content:space-between;gap:6px}.clip-plane-label{font-size:.72rem;font-weight:500;color:var(--text-1)}.btn-xs.active{border-color:var(--accent);color:var(--accent)}.pin-3d{background:#0f172ae0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#f8fafc;border:1px solid rgba(56,189,248,.5);border-radius:999px;padding:2px 8px;font-size:.67rem;font-weight:500;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;max-width:140px;cursor:pointer;box-shadow:0 2px 6px #00000059;transition:transform .12s,background .12s;-webkit-user-select:none;user-select:none}.pin-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pin-3d:hover,.pin-3d.selected{background:#0284c7;border-color:#e0f2fe;transform:scale(1.04)}.pin-dot{width:6px;height:6px;border-radius:999px;background:#38bdf8}.pin-3d.selected .pin-dot{background:#fff}.didactic-section{display:flex;flex-direction:column;gap:10px}.tour-selector{display:flex;flex-direction:column;gap:5px}.tour-select-card{background:#1e293b80;border:1px solid var(--border);border-radius:8px;padding:7px 9px;color:var(--text-1);text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:2px}[data-theme=light] .tour-select-card{background:#f1f5f9d9}.tour-select-card.active,.tour-select-card:hover{border-color:var(--accent);background:#38bdf824;color:var(--text-0)}.tour-select-title{display:flex;align-items:center;gap:6px;font-size:.78rem}.tour-select-card small{font-size:.69rem;color:var(--text-2)}.tour-player-card,.quiz-card{background:#1e293ba6;border:1px solid var(--border);border-radius:10px;padding:11px;display:flex;flex-direction:column;gap:10px}[data-theme=light] .tour-player-card,[data-theme=light] .quiz-card{background:#f1f5f9e6}.tour-step-badge{display:flex;align-items:center;justify-content:space-between;font-size:.72rem;color:var(--text-2);font-weight:600}.tour-step-title{margin:0;font-size:.92rem;line-height:1.35;color:var(--text-0)}.tour-dots{display:flex;justify-content:center;gap:6px}.tour-dot{width:9px;height:9px;border-radius:999px;border:1px solid var(--accent);background:transparent;padding:0;cursor:pointer}.tour-dot.active{background:var(--accent)}.tour-nav-btns{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.btn-action:disabled{opacity:.4;cursor:not-allowed}.quiz-mode-pill{font-size:.71rem;background:#38bdf821;border:1px solid rgba(56,189,248,.3);color:var(--accent);padding:4px 8px;border-radius:6px}.quiz-options{display:flex;flex-direction:column;gap:6px}.quiz-option-btn{background:var(--bg-1);border:1px solid var(--border);border-radius:7px;padding:8px 10px;color:var(--text-0);font-size:.78rem;text-align:left;cursor:pointer;transition:all .12s}.quiz-option-btn:hover:not(:disabled){border-color:var(--accent);background:#38bdf81f}.quiz-option-btn.correct{border-color:#22c55e;background:#22c55e2e}.quiz-option-btn.wrong{border-color:#ef4444;background:#ef44442e}.quiz-hint-box{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.hint-text{width:100%;margin:4px 0 0;font-size:.74rem;color:#fde047;background:#eab3081f;border:1px solid rgba(234,179,8,.35);padding:6px 8px;border-radius:6px}[data-theme=light] .hint-text{color:#854d0e}.quiz-feedback{border-radius:8px;padding:9px 10px;font-size:.76rem;line-height:1.45;display:flex;flex-direction:column;gap:8px}.quiz-feedback.ok{background:#22c55e24;border:1px solid rgba(34,197,94,.45)}.quiz-feedback.fail{background:#ef444424;border:1px solid rgba(239,68,68,.45)}.quiz-feedback-header{display:flex;align-items:center;gap:6px}.quiz-feedback p{margin:0}.quiz-summary{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:12px 6px}.quiz-summary h3{margin:0}.quiz-final-score{margin:0;font-size:.85rem}.quiz-db-status{display:flex;align-items:center;gap:6px;font-size:.7rem;padding:5px 8px;border-radius:6px;border:1px solid var(--border);color:var(--text-2)}.quiz-db-status.ok{border-color:#22c55e73;color:#22c55e}.quiz-db-status.off{border-color:#eab30873;color:#eab308}.quiz-toolbar{display:flex;gap:6px}.quiz-list{max-height:260px;overflow-y:auto}.quiz-card-actions{display:flex;align-items:center;gap:4px;margin-top:3px}.quiz-source-badge{flex:1;font-size:.65rem;color:var(--text-2)}.quiz-card-actions .icon-btn{padding:3px}.quiz-save-status{color:var(--text-2);font-size:.72rem}.quiz-history{display:flex;flex-direction:column;gap:4px;font-size:.74rem;color:var(--text-1);border:1px solid var(--border);border-radius:8px;padding:8px 10px}.quiz-history small{color:var(--text-2)}.quiz-history ul{list-style:none;margin:0;padding:0}.quiz-history li{display:flex;justify-content:space-between;padding:2px 0;border-top:1px solid var(--border)}.quiz-editor{display:flex;flex-direction:column;gap:12px}.editor-help{margin:0;color:var(--text-2)}.editor-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.editor-field{display:flex;flex-direction:column;gap:4px;position:relative}.editor-field>span{font-size:.7rem;font-weight:600;color:var(--text-2);text-transform:uppercase;letter-spacing:.03em}.editor-field input,.editor-field select,.editor-field textarea{background:var(--bg-0);border:1px solid var(--border);border-radius:6px;color:var(--text-0);padding:6px 8px;font:inherit;font-size:.8rem}.editor-field input:focus,.editor-field select:focus,.editor-field textarea:focus{outline:none;border-color:var(--accent)}.editor-field input:disabled{opacity:.75}.editor-systems{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:4px 10px}.editor-check{display:flex;align-items:center;gap:6px;font-size:.76rem;cursor:pointer}.editor-results{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:6px;background:var(--bg-1);max-height:220px;overflow-y:auto}.editor-results button{display:flex;align-items:center;gap:6px;background:none;border:none;border-bottom:1px solid var(--border);color:var(--text-0);padding:6px 8px;text-align:left;font-size:.78rem;cursor:pointer}.editor-results button:hover{background:#38bdf81f}.editor-results small,.editor-current{color:var(--text-2);font-size:.7rem}.editor-question{display:flex;flex-direction:column;gap:10px;border:1px solid var(--border);border-radius:8px;padding:10px 12px;background:var(--bg-2)}.editor-question-header{display:flex;align-items:center;justify-content:space-between}.editor-question-actions{display:flex;gap:4px}.editor-error{border:1px solid rgba(239,68,68,.5);background:#ef44441f;border-radius:6px;padding:8px 10px}.editor-error ul{margin:4px 0 0;padding-left:18px}.editor-footer{display:flex;justify-content:flex-end;gap:8px}.editor-footer .btn-credits:disabled{opacity:.5;cursor:not-allowed}.user-menu{position:relative}.user-chip .role-badge{font-size:.62rem;padding:1px 6px;border-radius:999px;border:1px solid var(--border);color:var(--text-2)}.role-badge.role-docente{color:#22c55e;border-color:#22c55e73}.role-badge.role-admin{color:#f59e0b;border-color:#f59e0b80}.user-dropdown{position:absolute;right:0;top:calc(100% + 6px);min-width:190px;background:var(--bg-1);border:1px solid var(--border);border-radius:8px;padding:4px;display:flex;flex-direction:column;z-index:40;box-shadow:0 10px 30px #02061759}.user-dropdown button{display:flex;align-items:center;gap:8px;background:none;border:none;color:var(--text-0);padding:7px 9px;border-radius:6px;font-size:.8rem;text-align:left;cursor:pointer}.user-dropdown button:hover{background:#38bdf81f}.user-offline{font-size:.7rem;color:var(--text-2);border:1px dashed var(--border);border-radius:6px;padding:4px 8px}.account-body{display:flex;flex-direction:column;gap:12px}.account-body h3{display:flex;align-items:center;gap:6px;margin:0;font-size:.88rem;color:var(--text-0)}.account-body p,.account-body ul{margin:0}.auth-tabs{display:grid;grid-template-columns:1fr 1fr}.account-form{display:flex;flex-direction:column;gap:10px}.account-submit{justify-content:center;width:100%}.account-submit:disabled,.btn-danger:disabled{opacity:.5;cursor:not-allowed}.account-note{font-size:.74rem;color:var(--text-2)}.account-section{display:flex;flex-direction:column;gap:8px;border:1px solid var(--border);border-radius:8px;padding:10px 12px}.account-danger{border-color:#ef444473}.account-inline{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.account-inline input{flex:1;min-width:200px;background:var(--bg-0);border:1px solid var(--border);border-radius:6px;color:var(--text-0);padding:6px 8px;font:inherit;font-size:.8rem}.account-ok{border:1px solid rgba(34,197,94,.5);background:#22c55e1f;border-radius:6px;padding:8px 10px}.btn-danger{background:#dc2626;border:1px solid #b91c1c;color:#fff;border-radius:6px;padding:6px 10px;font-size:.78rem;cursor:pointer}.btn-danger:hover:not(:disabled){background:#b91c1c}.profile-header{display:flex;align-items:center;gap:10px}.profile-header div{display:flex;flex-direction:column}.profile-header small{color:var(--text-2)}.account-table-wrap{overflow-x:auto}.account-table{width:100%;border-collapse:collapse;font-size:.76rem}.account-table th,.account-table td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--border);white-space:nowrap}.account-table th{color:var(--text-2);font-weight:600;font-size:.68rem;text-transform:uppercase;letter-spacing:.03em}.account-table select{background:var(--bg-0);border:1px solid var(--border);border-radius:6px;color:var(--text-0);padding:3px 6px;font:inherit}.account-table tr.is-inactive td{opacity:.55}.admin-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px}.admin-filter{flex:1;max-width:280px;background:var(--bg-0);border:1px solid var(--border);border-radius:6px;color:var(--text-0);padding:6px 8px;font:inherit;font-size:.8rem}.admin-actions{display:flex;gap:4px}.icon-btn:disabled{opacity:.35;cursor:not-allowed}.quiz-login-hint{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.72rem;color:var(--text-1);border:1px solid rgba(56,189,248,.35);background:#38bdf814;border-radius:6px;padding:6px 8px}.quiz-source-badge svg{vertical-align:-1px}.notes-box{display:flex;flex-direction:column;gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid var(--border)}.notes-header{display:flex;align-items:center;gap:6px;font-size:.78rem}.notes-header small{margin-left:auto;color:var(--text-2);font-size:.66rem}.notes-box textarea{background:var(--bg-0);border:1px solid var(--border);border-radius:6px;color:var(--text-0);padding:6px 8px;font:inherit;font-size:.78rem;resize:vertical}.notes-box textarea:focus{outline:none;border-color:var(--accent)}.notes-hint{margin:0;font-size:.74rem;color:var(--text-2)}.notes-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.notes-actions .btn-xs:disabled{opacity:.45;cursor:not-allowed}.notes-ok{color:#22c55e}.notes-error{color:#ef4444}.views-list,.notes-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.views-list li{display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:8px;padding:6px 8px}.views-open{flex:1;display:flex;flex-direction:column;gap:2px;background:none;border:none;color:var(--text-0);text-align:left;cursor:pointer;padding:2px 0;font:inherit;font-size:.8rem}.views-open small{color:var(--text-2);font-size:.7rem}.views-open:hover strong{color:var(--accent)}.notes-list .views-open{border:1px solid var(--border);border-radius:8px;padding:6px 8px}.views-open:disabled{cursor:default;opacity:.6}.views-rename{flex:1}.results-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.results-kpis div{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:8px;padding:10px 12px}.results-kpis strong{font-size:1.3rem;color:var(--text-0);font-variant-numeric:tabular-nums}.results-kpis small{color:var(--text-2)}.results-meter{display:inline-block;width:56px;height:6px;border-radius:3px;background:var(--bg-2);vertical-align:middle;margin-right:4px;overflow:hidden}.results-meter-fill{display:block;height:100%}.results-meter-fill.good{background:#22c55e}.results-meter-fill.mid{background:#eab308}.results-meter-fill.low{background:#ef4444}.results-questions td{vertical-align:top;font-variant-numeric:tabular-nums}.results-prompt{white-space:normal!important;min-width:180px}.results-prompt small{display:block;color:var(--text-2)}.app-shell{height:100dvh}.sheet{display:contents}.workspace>.canvas-stage{grid-column:2;grid-row:1}.sheet>.panel-left{grid-column:1;grid-row:1}.sheet>.panel-right{grid-column:3;grid-row:1}.layout-compact .topbar{height:auto;min-height:52px;padding:env(safe-area-inset-top) max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left))}.layout-compact .brand .subtitle{display:none}.layout-compact .workspace{display:block;position:relative;overflow:hidden}.layout-compact .canvas-stage{position:absolute;top:0;right:0;bottom:0;left:0;width:auto;height:auto}.layout-compact .panel-right>.mode-tabs-3,.layout-compact .panel-resizer-edge{display:none}.layout-compact .sheet{display:flex;flex-direction:column;position:absolute;z-index:20;background:var(--bg-1);border:1px solid var(--border);box-shadow:0 -8px 30px #02061759;transition:transform .22s ease,height .22s ease,visibility .22s}.layout-compact .sheet.is-closed{visibility:hidden;pointer-events:none}.layout-compact .sheet .panel{flex:1;min-height:0;height:auto;border:none;background:transparent}.layout-compact .sheet[data-panel=layers] .panel-right,.layout-compact .sheet[data-panel=info] .panel-left,.layout-compact .sheet[data-panel=none] .panel{display:none}.mobile-tabbar{display:flex;background:var(--bg-1);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);z-index:30}.mobile-tab{flex:1;min-height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:none;border:none;color:var(--text-2);font:inherit;font-size:.7rem;cursor:pointer;-webkit-tap-highlight-color:transparent}.mobile-tab.active{color:var(--accent)}.mobile-tab.active span{font-weight:700}.touch-target{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.compact-menu{position:relative}.camera-fab{position:absolute;top:10px;right:max(10px,env(safe-area-inset-right));z-index:15}.fab-btn{width:46px;height:46px;border-radius:999px;border:1px solid var(--border);background:var(--bg-1);color:var(--text-0);display:inline-flex;align-items:center;justify-content:center;box-shadow:0 6px 18px #02061759;cursor:pointer}.fab-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:190px;display:flex;flex-direction:column;padding:4px;background:var(--bg-1);border:1px solid var(--border);border-radius:10px;box-shadow:0 10px 30px #02061759}.fab-menu button{display:flex;align-items:center;gap:8px;min-height:42px;padding:0 12px;background:none;border:none;border-radius:6px;color:var(--text-0);font:inherit;font-size:.86rem;text-align:left;cursor:pointer}.fab-menu button:hover,.fab-menu button:active{background:#38bdf81f}.layout-compact .user-dropdown button{min-height:42px;font-size:.86rem}.layout-tablet .sheet{top:0;right:0;bottom:0;width:min(400px,55%);border-width:0 0 0 1px}.layout-tablet .sheet.is-closed{transform:translate(100%)}.layout-mobile .sheet{left:0;right:0;bottom:0;border-radius:14px 14px 0 0;border-bottom:none;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.layout-mobile .sheet.sheet-half{height:50%}.layout-mobile .sheet.sheet-full{height:calc(100% - 12px)}.layout-mobile .sheet.is-closed{height:50%;transform:translateY(100%)}.sheet-handle{flex:none;height:26px;display:flex;align-items:center;justify-content:center;cursor:grab;touch-action:none}.sheet-grip{width:40px;height:5px;border-radius:999px;background:var(--bg-3)}.layout-mobile .sheet .panel{padding-top:2px}.layout-mobile .topbar .brand h1{font-size:.9rem}.layout-mobile .user-chip>span,.layout-mobile .user-chip>small{display:none}.layout-mobile .user-chip,.layout-mobile .topbar-right>.btn-cam{min-height:40px}.layout-compact .stage-footer{left:8px;right:8px;bottom:8px;padding:4px 8px;font-size:.66rem;flex-wrap:wrap;gap:6px}.layout-compact .stage-footer>span:nth-of-type(2){display:none}.layout-tablet .workspace.has-open-sheet .canvas-stage{right:min(400px,55%)}.layout-mobile .brand{min-width:0;flex:1}.layout-mobile .brand>div{min-width:0}.layout-mobile .brand h1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 400px){.layout-mobile .login-btn>span{display:none}}.layout-compact .desktop-only{display:none}.badge-size{font-size:.66rem;color:#eab308;border:1px solid rgba(234,179,8,.4);padding:0 5px;border-radius:999px;white-space:nowrap}.light-notice{display:flex;align-items:flex-start;gap:6px;font-size:.74rem;line-height:1.4;color:var(--text-1);border:1px solid rgba(234,179,8,.4);background:#eab30814;border-radius:8px;padding:6px 8px;margin-bottom:8px}.light-notice .icon-btn{font-size:1.1rem;line-height:1;padding:0 4px}@media (max-width: 767px){.modal-backdrop{padding:0;align-items:stretch}.modal-card{max-width:none!important;width:100%;height:100%;max-height:none;border-radius:0;border:none;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.modal-header .icon-btn{min-width:44px;min-height:44px}.modal-body{flex:1;-webkit-overflow-scrolling:touch}.account-table.cards thead{display:none}.account-table.cards,.account-table.cards tbody,.account-table.cards tr,.account-table.cards td{display:block;width:100%}.account-table.cards tr{border:1px solid var(--border);border-radius:8px;padding:6px 10px;margin-bottom:8px}.account-table.cards td{display:flex;align-items:center;justify-content:space-between;gap:12px;border:none;padding:4px 0;white-space:normal;text-align:right;min-width:0}.account-table.cards td:before{content:attr(data-label);flex:none;color:var(--text-2);font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;text-align:left}.account-table.cards td[data-label=""]:before,.account-table.cards td:not([data-label]):before{content:none}.account-table.cards td.results-prompt{flex-direction:column;align-items:flex-start;text-align:left}.account-table.cards tr.is-inactive{opacity:.6}.account-table-wrap{overflow-x:visible}.results-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-toolbar{flex-wrap:wrap}.admin-filter{max-width:none}input,select,textarea{font-size:16px!important}.btn-xs{min-height:36px}.editor-footer .btn-credits,.editor-footer .btn-xs,.account-submit{min-height:44px}.editor-grid{grid-template-columns:1fr}}.list-toggle{align-self:flex-start}.layout-compact .quiz-list{max-height:none}.layout-compact .sheet .panel-left{overflow-y:auto;overscroll-behavior:contain}.layout-compact .sheet .panel-left>*,.layout-compact .sheet .panel-left .panel-scroll-body,.layout-compact .sheet .panel-left .layers-section,.layout-compact .sheet .panel-left .tree-section{flex:none}.layout-compact .sheet .panel-left .panel-scroll-body,.layout-compact .sheet .panel-left .layers-section,.layout-compact .sheet .panel-left .layers-list,.layout-compact .sheet .panel-left .hubmap-list,.layout-compact .sheet .panel-left .tree-section,.layout-compact .sheet .panel-left .tree-scroll{overflow:visible;max-height:none;min-height:auto}.layout-compact .sheet .panel-right{overscroll-behavior:contain}.pwa-toasts{position:fixed;left:50%;transform:translate(-50%);top:calc(60px + env(safe-area-inset-top));z-index:60;display:flex;flex-direction:column;gap:8px;width:min(460px,calc(100% - 24px));pointer-events:none}.pwa-toast{pointer-events:auto;display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;background:var(--bg-1);border:1px solid rgba(56,189,248,.45);border-radius:10px;padding:10px 12px;font-size:.8rem;line-height:1.4;color:var(--text-0);box-shadow:0 10px 30px #02061766}.pwa-toast>span{flex:1;min-width:180px}.pwa-toast.offline{border-color:#eab3088c}.pwa-toast.offline svg{color:#eab308}.pwa-toast-actions{display:flex;gap:6px;margin-left:auto}.offline-card{display:flex;flex-direction:column;gap:8px;border:1px solid rgba(56,189,248,.35);background:#38bdf80f;border-radius:8px;padding:8px 10px;margin-bottom:8px;font-size:.76rem}.offline-head{display:flex;align-items:center;gap:6px}.offline-head small,.offline-storage{color:var(--text-2);font-size:.7rem}.offline-head small{margin-left:auto}.offline-actions,.offline-progress{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.offline-bar{flex:1;min-width:120px;height:8px;border-radius:4px;background:var(--bg-2);overflow:hidden}.offline-bar span{display:block;height:100%;background:var(--accent);transition:width .2s}.badge-offline{font-size:.64rem;color:#22c55e;border:1px solid rgba(34,197,94,.45);padding:0 5px;border-radius:999px;white-space:nowrap}.menu-install{color:var(--accent)!important;font-weight:600}.install-steps{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px}.install-steps svg{vertical-align:-3px}