*{margin:0;padding:0;box-sizing:border-box}body{overflow:hidden;background:#0a0a0f;font-family:Segoe UI,system-ui,-apple-system,sans-serif;color:#e0e0e0}canvas{display:block;position:fixed;top:0;left:0;width:100vw;height:100vh}#header{position:fixed;top:20px;left:50%;transform:translate(-50%);text-align:center;z-index:10;pointer-events:none}#header h1{font-size:1.6rem;font-weight:300;letter-spacing:.3em;text-transform:uppercase;color:#ffffffd9;text-shadow:0 0 30px rgba(100,200,255,.3)}#header .subtitle{font-size:.75rem;letter-spacing:.2em;color:#fff6;margin-top:4px}#controls{position:fixed;top:90px;left:20px;z-index:10;background:#0f0f19d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px;min-width:190px;max-height:calc(100vh - 120px);overflow-y:auto}#controls h3{font-size:.65rem;text-transform:uppercase;letter-spacing:.15em;color:#ffffff59;margin-bottom:8px}.view-modes{display:flex;flex-direction:column;gap:3px}.view-mode{display:block;width:100%;padding:6px 10px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:6px;color:#ffffff73;cursor:pointer;font-size:.78rem;text-align:left;transition:all .2s ease;font-family:inherit}.view-mode:hover{background:#ffffff0f;color:#ffffffbf}.view-mode.active{background:#64c8ff1a;border-color:#64c8ff40;color:#c8ebffe6}.toggle{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:6px;cursor:pointer;font-size:.78rem;color:#ffffff73;transition:all .2s ease;-webkit-user-select:none;user-select:none}.toggle:hover{background:#ffffff0d;color:#fffc}.toggle.active{color:#ffffffe6}.toggle.hidden-toggle{display:none}.toggle input[type=checkbox]{appearance:none;width:13px;height:13px;border:1.5px solid rgba(255,255,255,.3);border-radius:3px;cursor:pointer;position:relative;transition:all .2s ease;flex-shrink:0}.toggle input[type=checkbox]:checked{background:#64c8ff99;border-color:#64c8ffcc}.toggle input[type=checkbox]:checked:after{content:"";position:absolute;top:1px;left:3px;width:4px;height:7px;border:solid #fff;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}.divider{height:1px;background:#ffffff0f;margin:10px 0}.sub-hint{font-size:.7rem;color:#ffffff40;font-style:italic}#resetCamera{width:100%;padding:8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff9;cursor:pointer;font-size:.75rem;transition:all .2s ease;font-family:inherit}#resetCamera:hover{background:#ffffff1a;color:#ffffffe6}#infoPanel{position:fixed;top:90px;right:20px;z-index:10;background:#0f0f19eb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:24px;width:340px;max-height:calc(100vh - 140px);overflow-y:auto;transition:opacity .3s ease,transform .3s ease}#infoPanel.hidden{opacity:0;pointer-events:none;transform:translate(20px)}#closePanel{position:absolute;top:12px;right:12px;background:none;border:none;color:#fff6;font-size:1.4rem;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s}#closePanel:hover{color:#ffffffe6;background:#ffffff1a}#panelColor{width:40px;height:40px;border-radius:50%;margin-bottom:12px;box-shadow:0 0 20px #ffffff26}#panelTitle{font-size:1.1rem;font-weight:500;margin-bottom:4px;color:#fff}.panel-subtitle{font-size:.75rem;color:#fff6;margin-bottom:12px;letter-spacing:.05em}#panelDescription{font-size:.85rem;line-height:1.6;color:#ffffffb3;margin-bottom:16px}#panelDetails{font-size:.78rem;line-height:1.5;color:#ffffff8c}#panelDetails .detail-group{margin-bottom:12px}#panelDetails .detail-label,#panelCorrespondences .corr-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:#ffffff4d;margin-bottom:4px}#panelDetails .detail-value,#panelCorrespondences .corr-value{color:#fff9}#panelDetails ul{list-style:none;padding:0}#panelDetails li{padding:2px 0 2px 12px;position:relative}#panelDetails li:before{content:"·";position:absolute;left:0;color:#ffffff4d}#panelCorrespondences{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.06)}#panelCorrespondences .correspondence{margin-bottom:10px}#panelCorrespondences .corr-value{font-size:.8rem}#zoomHint{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:10;font-size:.7rem;color:#ffffff40;letter-spacing:.1em;pointer-events:none;transition:opacity .5s}#infoPanel::-webkit-scrollbar,#controls::-webkit-scrollbar{width:4px}#infoPanel::-webkit-scrollbar-track,#controls::-webkit-scrollbar-track{background:transparent}#infoPanel::-webkit-scrollbar-thumb,#controls::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.tier-badge{display:inline-block;font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;padding:2px 8px;border-radius:10px;margin-bottom:8px}.tier-badge.tier-1{background:#ff646426;color:#ff9696cc;border:1px solid rgba(255,100,100,.2)}.tier-badge.tier-2{background:#64c8ff26;color:#96dcffcc;border:1px solid rgba(100,200,255,.2)}@media(max-width:768px){#controls{inset:auto 10px 20px;min-width:auto;max-height:45vh}#infoPanel{inset:auto 10px 20px;width:auto;max-height:50vh}#header h1{font-size:1.2rem}}