:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html,body,#viewer,#scene{width:100%;height:100%;margin:0}body{overflow:hidden;background:#081016}#scene{display:block}
.title-card,.controls{position:absolute;z-index:2;color:#f4f7f8;background:rgba(7,15,21,.88);border:1px solid rgba(255,255,255,.14);box-shadow:0 12px 36px rgba(0,0,0,.32);backdrop-filter:blur(14px)}
.title-card{top:18px;left:18px;padding:15px 18px;border-radius:13px}.title-card h1{margin:2px 0 5px;font-size:1.18rem}.title-card p{margin:0;color:#b7c4ca;font-size:.76rem}.title-card .eyebrow{color:#78d7a8;text-transform:uppercase;letter-spacing:.14em;font-size:.64rem}
.controls{left:50%;bottom:22px;width:min(900px,calc(100% - 28px));padding:13px 15px;border-radius:15px;transform:translateX(-50%);display:flex;align-items:center;gap:18px;font-size:.76rem}.controls label{display:flex;align-items:center;gap:8px;white-space:nowrap}.controls input[type=range]{accent-color:#55d596}.controls input[type=checkbox]{accent-color:#55d596}.controls select{border:1px solid rgba(255,255,255,.18);border-radius:7px;padding:5px 8px;color:#f4f7f8;background:#14232b}
button{border:1px solid rgba(255,255,255,.18);border-radius:8px;padding:7px 11px;color:#f4f7f8;background:rgba(255,255,255,.08);cursor:pointer}button:hover{background:rgba(255,255,255,.16)}
.legend{margin-left:auto;display:flex;align-items:center;gap:7px;color:#c8d2d7;white-space:nowrap}.legend i{display:block;width:115px;height:8px;border-radius:5px;background:linear-gradient(90deg,#0d3373,#0dc07f,#ffd426)}
.voxel-tooltip{position:absolute;z-index:4;min-width:150px;padding:10px 12px;border:1px solid rgba(255,255,255,.18);border-radius:9px;color:#f4f7f8;background:rgba(7,15,21,.94);box-shadow:0 8px 28px rgba(0,0,0,.35);pointer-events:none;font-size:.75rem;line-height:1.55}.voxel-tooltip strong{display:block;margin-bottom:3px;color:#78d7a8}.voxel-tooltip span{display:flex;justify-content:space-between;gap:15px}.voxel-tooltip b,.voxel-tooltip em{font-style:normal;font-weight:500}
@media(max-width:680px){.title-card{top:10px;left:10px}.controls{bottom:10px;flex-wrap:wrap;gap:9px 14px}.legend{width:100%;margin-left:0}.legend i{flex:1}}