:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{max-width:none;width:100vw;margin:0;padding:0;text-align:center}.app-container{height:100vh;width:100vw;display:flex;flex-direction:column}.topbar{padding:.5rem 1rem}.content{flex:1 1 auto;display:flex;align-items:stretch}.sidebar{width:260px;background:#464646;padding:1rem;box-shadow:0 0 6px #0000000f inset}.sidebar h3{margin-top:0}.mineral-list{list-style:none;padding:0}.mineral-list li{padding:.6rem .8rem;margin:8px 0;border-radius:8px;cursor:pointer;background:transparent;color:#fff;transition:transform .18s cubic-bezier(.2,.9,.2,1),box-shadow .18s ease,background-color .18s ease;box-shadow:none}.mineral-list li:hover{background:linear-gradient(180deg,#ffffff0f,#ffffff05);color:#fff;transform:translateY(-6px);box-shadow:0 14px 30px #00000073,0 2px #ffffff05 inset}.mineral-list li:active{transform:translateY(-2px);box-shadow:0 6px 14px #00000059}.viewer{flex:1 1 auto;background:#000;display:flex;align-items:stretch;position:relative}.viewer>div{width:100%;height:100%}.mineral-list li.active{background:#ffffff14;color:#fff;font-weight:700;transform:translateY(-4px);box-shadow:0 10px 24px #0006}.three-container{position:relative;width:100%;height:100%}.three-container canvas{display:block}.three-overlay{position:absolute;top:8px;left:8px;z-index:2;color:#fff;background:#00000073;padding:4px 8px;border-radius:4px;pointer-events:none;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}#info-left{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:220px;max-height:70%;background:#009688eb;color:#fff;padding:12px;border-radius:8px;box-shadow:0 10px 30px #0009;z-index:4;overflow:auto}#info-left h4{margin:0 0 8px}#info-left,#info-left ul,#info-left li{text-align:left}#info-bottom{position:absolute;right:2rem;bottom:12px;height:auto;width:fit-content;background:#0a0a0acc;color:#fff;padding:10px 14px;border-radius:8px;box-shadow:0 6px 20px #0009;z-index:4;display:flex;gap:12px;align-items:flex-start;transition:padding .18s ease,gap .18s ease}#info-bottom .notes{color:#ddd;margin-left:8px}.info-bottom-left{display:flex;flex-direction:column;gap:6px}.info-bottom-content{max-height:400px;opacity:1;transform:translateY(0);transition:max-height .22s ease,opacity .22s ease,transform .22s ease;overflow:hidden}#info-bottom.collapsed .info-bottom-content{max-height:0;opacity:0;transform:translateY(8px);pointer-events:none}#info-bottom.collapsed{padding-top:6px;padding-bottom:6px;gap:8px}#info-left ul,#info-bottom .controls-instructions ul,#info-left ul li,#info-bottom .controls-instructions ul li{list-style:none;margin-left:0;padding-left:0}.three-controls{position:absolute;right:12px;top:12px;z-index:3;display:flex;gap:8px}.three-controls button{background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#fff;padding:6px 8px;border-radius:4px;cursor:pointer}.three-controls button:hover{background:#ffffff1f}