html,body{width:100%;height:100%;overflow:hidden;background:#1a1a2e}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#1a1a2e;color:#e0e0e0}.app{width:100%;height:100%;position:relative}.scene-container{width:100%;height:100%;position:absolute;top:0;left:0}.control-panel{position:absolute;top:12px;left:12px;width:320px;max-height:calc(100vh - 24px);background:#141428eb;border:1px solid rgba(100,100,180,.3);border-radius:12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow-y:auto;z-index:100;box-shadow:0 8px 32px #0006}.control-panel.collapsed{width:48px;max-height:48px;overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid rgba(100,100,180,.2);cursor:pointer;-webkit-user-select:none;user-select:none}.panel-header h2{font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:#a0a0d0}.panel-toggle{width:24px;height:24px;border:none;background:none;color:#a0a0d0;cursor:pointer;font-size:16px}.panel-tabs{display:flex;border-bottom:1px solid rgba(100,100,180,.2)}.panel-tab{flex:1;padding:8px 4px;border:none;background:none;color:#808090;font-size:11px;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s}.panel-tab:hover{color:#c0c0e0;background:#6464b41a}.panel-tab.active{color:#a0c0ff;border-bottom-color:#4080ff}.panel-content{padding:12px}.layer-group{margin-bottom:8px}.layer-item{display:flex;align-items:center;padding:6px 8px;border-radius:6px;cursor:pointer;transition:background .15s}.layer-item:hover{background:#6464b426}.layer-checkbox{width:16px;height:16px;margin-right:8px;accent-color:#4080ff}.layer-color{width:12px;height:12px;border-radius:3px;margin-right:8px;border:1px solid rgba(255,255,255,.2)}.layer-name{font-size:13px;flex:1}.layer-children{margin-left:24px}.slider-group{margin:12px 0}.slider-label{display:flex;justify-content:space-between;font-size:12px;color:#909090;margin-bottom:4px}.slider-input{width:100%;height:4px;-webkit-appearance:none;background:#6464b44d;border-radius:2px;outline:none}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#4080ff;cursor:pointer}.search-container{position:relative;margin-bottom:12px}.search-input{width:100%;padding:8px 12px;background:#1e1e3ccc;border:1px solid rgba(100,100,180,.3);border-radius:8px;color:#e0e0e0;font-size:13px;outline:none}.search-input:focus{border-color:#4080ff}.search-results{position:absolute;top:100%;left:0;right:0;background:#141428f2;border:1px solid rgba(100,100,180,.3);border-radius:8px;margin-top:4px;max-height:200px;overflow-y:auto;z-index:10}.search-result-item{padding:8px 12px;cursor:pointer;font-size:13px;border-bottom:1px solid rgba(100,100,180,.1)}.search-result-item:hover{background:#4080ff33}.info-card{position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:480px;max-width:calc(100vw - 360px);background:#141428f0;border:1px solid rgba(100,100,180,.3);border-radius:12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:16px 20px;z-index:90;box-shadow:0 8px 32px #0006}.info-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.info-card h3{font-size:16px;color:#c0d0ff;margin-bottom:2px}.info-card .latin-name{font-size:12px;color:#808090;font-style:italic}.info-card-close{border:none;background:none;color:#808090;cursor:pointer;font-size:18px;padding:0 4px}.info-card-section{margin-bottom:10px}.info-card-section h4{font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:#6080a0;margin-bottom:4px}.info-card-section p,.info-card-section li{font-size:13px;line-height:1.5;color:#c0c0d0}.info-card-section ul{list-style:none;padding-left:0}.info-card-section li:before{content:"•";color:#4080ff;margin-right:8px}.info-card-tag{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;margin-right:6px;background:#4080ff33;color:#80b0ff}.zoom-indicator{position:absolute;top:12px;right:12px;background:#141428e6;border:1px solid rgba(100,100,180,.3);border-radius:8px;padding:8px 14px;z-index:100;text-align:center}.zoom-level{font-size:18px;font-weight:700;color:#a0c0ff;font-variant-numeric:tabular-nums}.zoom-tier{font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:#606080;margin-top:2px}.measurement-line{position:absolute;pointer-events:none;z-index:50}.measurement-label{position:absolute;background:#ff4081e6;color:#fff;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:600;white-space:nowrap;pointer-events:none}.annotation-pin{width:24px;height:24px;background:#69f0ae;border-radius:50% 50% 50% 0;transform:rotate(-45deg);cursor:pointer}.scale-bar-container{position:absolute;bottom:12px;right:12px;z-index:90;pointer-events:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#6464b44d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#6464b480}.btn{padding:6px 12px;border:1px solid rgba(100,100,180,.3);border-radius:6px;background:#282850cc;color:#c0c0e0;font-size:12px;cursor:pointer;transition:all .15s}.btn:hover{background:#4080ff4d;border-color:#4080ff80}.btn.active{background:#4080ff66;border-color:#4080ff;color:#fff}.btn:disabled{opacity:.4;cursor:not-allowed}.effects-panel{display:flex;flex-direction:column;gap:12px}.effects-section{border-bottom:1px solid rgba(100,100,180,.15);padding-bottom:10px}.effects-section:last-child{border-bottom:none}.effects-section-title{font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:#6080a0;margin-bottom:6px}.effects-toggle{display:flex;align-items:center;gap:8px;padding:3px 0;font-size:13px;color:#c0c0d0;cursor:pointer}.effects-toggle input[type=checkbox]{width:14px;height:14px;accent-color:#4080ff}.effects-select{width:100%;padding:5px 8px;font-size:12px;color:#c0c0d0;background:#1e1e32cc;border:1px solid rgba(100,100,180,.3);border-radius:4px;cursor:pointer}.effects-select:focus{outline:none;border-color:#4080ff}.effects-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.preset-buttons{display:flex;gap:4px}.preset-buttons .btn{flex:1;padding:4px 6px;font-size:11px;text-align:center}.tour-btn{display:block;width:100%;margin-bottom:4px;text-align:left}.tour-info-overlay{position:absolute;bottom:80px;left:50%;transform:translate(-50%);width:400px;max-width:calc(100vw - 360px);background:#141428f0;border:1px solid rgba(100,160,255,.4);border-radius:12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:16px 20px;z-index:95;box-shadow:0 8px 32px #0006}.tour-info-overlay h3{font-size:16px;color:#a0c0ff;margin-bottom:6px}.tour-info-overlay p{font-size:13px;line-height:1.5;color:#c0c0d0}.tour-stop-btn{margin-top:10px;width:100%}