.earth-lab{--earth-text:#e3e8e8;--earth-muted:#93a7b3;color:var(--earth-text);background:#060a0e;min-height:100vh;padding:0 4vw;font-family:Manrope,system-ui,sans-serif}.earth-header{letter-spacing:.08em;border-bottom:1px solid #293237;justify-content:space-between;align-items:center;height:76px;font:13px DM Mono,monospace;display:flex}.earth-header span{color:var(--earth-muted)}.earth-header a:hover{color:#88d5da}.earth-heading{justify-content:space-between;align-items:end;gap:20px;padding:34px 0 22px;display:flex}.earth-heading div>p,.earth-kicker{letter-spacing:.15em;color:#8da8b4;margin:0 0 15px;font:12px DM Mono,monospace}.earth-heading h1{letter-spacing:-.045em;font-size:clamp(28px,3.8vw,55px);font-weight:400;line-height:1.12}.earth-heading h1 span{color:#97a6ad}.earth-heading>p{color:var(--earth-muted);margin:0 0 4px;font-size:14px}.earth-stage{background:#060a0e;border-top:1px solid #1e2b33;border-bottom:1px solid #1e2b33;height:clamp(490px,69vh,950px);position:relative;overflow:hidden}.earth-host{touch-action:none;position:absolute;inset:0}.earth-host canvas{width:100%;height:100%;display:block}.earth-host:focus-visible{outline-offset:-3px;outline:2px solid #90ccd9}.earth-stage-actions{pointer-events:none;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;bottom:18px;left:20px;right:20px}.earth-stage-actions>div{gap:8px;display:flex}.earth-stage-actions button{pointer-events:auto;color:#d3e2e7;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#081119d9;border:1px solid #43555f88;border-radius:3px;min-height:44px;padding:8px 13px;font-size:14px}.earth-stage-actions button:hover{border-color:#8ed6df}.earth-stage-caption{color:#9ab0bd;justify-content:space-between;gap:16px;padding:14px 0;font-size:12px;line-height:1.6;display:flex}.earth-error{text-align:center;color:#e4c2af;max-width:440px;font-size:16px;line-height:1.7;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.earth-controls{border-bottom:1px solid #233038;grid-template-columns:1.05fr 1.2fr 1fr;gap:5vw;padding:25px 0 32px;display:grid}.earth-controls label>span:first-child{justify-content:space-between;gap:10px;font-size:14px;display:flex}.earth-controls output{color:#a1c8ce;font-size:13px}.earth-controls input[type=range]{accent-color:#82b7b4;cursor:pointer;width:100%;margin:20px 0 10px}.earth-palette>span{font-size:14px}.earth-palette>div{gap:6px;margin-top:16px;display:flex}.earth-palette button{color:#95aab2;cursor:pointer;background:0 0;border:1px solid #34464e;border-radius:3px;min-height:44px;padding:10px 12px;font-size:14px}.earth-palette button[aria-pressed=true]{color:#ccebe7;background:#172d32;border-color:#729b9b}.earth-text-button{color:#9ac5ca;cursor:pointer;text-underline-offset:4px;background:0 0;border:0;min-height:26px;padding:0;font-size:12px;text-decoration:underline}.earth-control-note{color:#8d9fa9;font-size:12px}:is(.earth-lab button:focus-visible,.earth-lab a:focus-visible,.earth-lab input:focus-visible){outline-offset:4px;outline:2px solid #9cdee4}.earth-legend{max-width:700px;margin:32px auto 0}.earth-legend p{letter-spacing:.1em;color:#bbc9ce;margin:0 0 15px;font:12px DM Mono,monospace}.earth-legend p>span{color:#8296a3}.earth-colorbar{background:linear-gradient(90deg,#0d172c 0%,#1f4259 26.3%,#36798a 42.1%,#81bcb0 56.8%,#466c56 58%,#91a879 66%,#b69e76 74%,#d7c7a6 87%,#f3eee3 100%);border-radius:2px;height:6px}.earth-colorbar.mineral{background:linear-gradient(90deg,#263545,#55717b 42%,#94a6a3 57.8%,#c1b9a4 74%,#ebe5d7)}.earth-ticks{color:#96aab4;justify-content:space-between;margin-top:10px;font:12px DM Mono,monospace;display:flex}.earth-notes{grid-template-columns:1fr 1fr 1fr;gap:5vw;padding:80px 0 50px;display:grid}.earth-notes h2{letter-spacing:-.035em;margin-bottom:24px;font-size:clamp(26px,2.3vw,36px);font-weight:400;line-height:1.2}.earth-notes article>p:not(.earth-kicker){color:#9aaeb8;font-size:16px;line-height:1.85}.earth-notes a{color:#b5d5d7;border-bottom:1px solid #507b80;padding-bottom:4px;font-size:14px}.earth-footer{color:#8297a3;border-top:1px solid #25313a;justify-content:space-between;gap:30px;padding:28px 0 40px;font-size:12px;line-height:1.8;display:flex}.earth-footer>a{font-size:14px}.earth-footer p{margin:0}.earth-footer a:hover{color:#badcde}@media (max-width:760px){.earth-heading{padding:28px 0 20px;display:block}.earth-heading>p{margin-top:12px;font-size:13px}.earth-heading h1{font-size:33px}.earth-header{letter-spacing:0;height:64px;font-size:12px}.earth-header>span{display:none}.earth-stage{height:64vh;min-height:420px}.earth-stage-caption,.earth-stage-caption span{display:block}.earth-controls{grid-template-columns:1fr;gap:28px;padding:18px 0 30px}.earth-palette{justify-content:space-between;align-items:center;gap:15px;display:flex}.earth-palette>div{margin:0}.earth-notes{grid-template-columns:1fr;gap:35px;padding-top:50px}.earth-notes h2 br{display:none}.earth-notes h2{margin-bottom:16px}.earth-footer{display:block}.earth-footer p{margin-top:18px}.earth-stage-actions{gap:6px;bottom:12px;left:10px;right:10px}.earth-stage-actions button{padding:8px 10px;font-size:12px}.earth-ticks{font-size:11px}.earth-legend p{letter-spacing:.06em;font-size:11px}}.earth-lab .earth-ticks{height:18px;font-size:12px;display:block;position:relative}.earth-ticks span{white-space:nowrap;position:absolute;transform:translate(-50%)}.earth-ticks span:first-child{transform:none}.earth-ticks span:last-child{transform:translate(-100%)}.earth-colorbar:not(.mineral){background:linear-gradient(90deg,#0d172c 0%,#1f4259 45.45%,#36798a 72.73%,#81bcb0 98.18%)}.earth-legend .earth-colour-note{letter-spacing:0;color:#93a7b3;margin:14px 0 0;font:12px/1.6 Manrope,system-ui,sans-serif}.earth-scale-note{color:#8fa4af;max-width:960px;margin:0 0 40px;font-size:13px;line-height:1.9}