:root{--ocean1:#021b2b;--ocean2:#04395e;--accent:#0ea5e9}body{color:#fff;background:linear-gradient(#01121d,#012a40,#024a6d);margin:0;font-family:Inter,system-ui}.header{text-align:center;padding:30px}.header h1{font-size:42px;font-weight:700}.header p{opacity:.8}.header-point-info{text-align:left;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1f;border:1px solid #bfdbfe4d;border-radius:14px;max-width:980px;margin:16px auto 0;padding:14px 16px}.header-point-info.empty{text-align:center;opacity:.95}.point-meta-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px;display:grid}.point-meta-grid strong{color:#bfdbfe;letter-spacing:.02em;font-size:12px}.depth-slider-block{margin-bottom:10px}.depth-slider-block label{margin-bottom:6px;display:block}.custom-depth-ph{color:#93c5fd}.depth-list{gap:4px;max-height:140px;padding-right:4px;display:grid;overflow:auto}.depth-row{font-variant-numeric:tabular-nums;border-bottom:1px solid #bfdbfe33;justify-content:space-between;padding-bottom:2px;display:flex}.dashboard{grid-template-columns:1fr 360px;gap:30px;max-width:1300px;margin:auto;padding:30px;display:grid}.globe-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-radius:16px;height:650px;overflow:hidden;box-shadow:0 20px 50px #0006}.globe-card canvas{width:100%!important;height:100%!important}.globe-scene{width:100%;height:100%;position:relative}.globe-canvas-wrap{width:100%;height:100%}.globe-canvas-wrap canvas{display:block}.tour-button{z-index:2;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.globe-tooltip,.scene-tooltip{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);line-height:1.4;color:#e2e8f0!important;background:#08101ceb!important;border:1px solid #94a3b880!important;border-radius:10px!important;padding:8px 10px!important;font-size:12px!important}.point-tooltip strong{color:#93c5fd}.point-tooltip-depth{border-top:1px solid #94a3b859;margin-top:6px;padding-top:6px}.point-tooltip-depth-title{margin-bottom:4px}.point-tooltip-depth-row{font-variant-numeric:tabular-nums;justify-content:space-between;gap:14px;display:flex}.point-tooltip-depth-empty{opacity:.8}.controls-card{color:#111;background:#ffffffe6;border-radius:16px;flex-direction:column;gap:25px;padding:30px;display:flex;box-shadow:0 20px 50px #0000004d}input[type=range]{width:100%}button{color:#fff;background:#0ea5e9;border:none;border-radius:8px;padding:12px;font-weight:500;transition:all .2s}button:hover{cursor:pointer;box-shadow:0 8px 20px #0003}button:disabled{opacity:.5;cursor:not-allowed}button.active{background:#f97316}.panel{color:#111;background:#fff;border-radius:16px;width:320px;padding:20px;position:fixed;top:140px;right:30px;box-shadow:0 20px 50px #00000059}.species div{margin:5px 0}.shell-section{text-align:center;background:#f8fafc;border:1px solid #dbe7f3;border-radius:12px;padding:12px}.shell-section h3{margin:0 0 8px}.shell-test-control{gap:8px;display:grid}.shell-test-control label{font-size:14px;font-weight:600}.shell-status{margin-top:8px;font-size:14px}.shell{transition:opacity 2s,stroke-width 2s}.shell.dissolving{opacity:.2;stroke-width:1px}@media (width<=920px){.point-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.app{min-height:100vh;display:block;overflow-x:hidden}.globe-container{flex:1;position:relative}.side-panel{background:#fff;border-left:1px solid #e6eef5;width:420px;padding:24px;overflow-y:auto}.header{padding:20px}.controls{justify-content:center;gap:20px;margin-top:20px;display:flex}.controls-card{background:#fff;border-radius:16px;padding:20px}