*{box-sizing:border-box}body{margin:0;background:#102c30;color:#e6ede1;font:16px/1.55 system-ui,sans-serif}main{max-width:1150px;margin:auto;padding:32px}header,.intro,.toolbar,footer{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}.eyebrow{color:#acc2ac;font-size:11px;letter-spacing:3px}h1{font:52px/1.05 Georgia,serif;margin:14px 0}h1 span{display:block;font:italic 25px/1.8 Georgia,serif;color:#a9c7b5}h2{font:27px Georgia,serif;margin:0}button{background:#26474a;border:1px solid #5a7874;color:#edf4e9;padding:11px 17px;border-radius:8px;font:inherit;cursor:pointer}button:hover{background:#386064}button:focus-visible{outline:3px solid #ffd886;outline-offset:3px}.primary,button[aria-pressed=true]{background:#e0bd77;color:#182e2c;border-color:#e0bd77}.intro{border-top:1px solid #47615d;margin-top:12px}.toolbar{margin:20px 0}.toolbar p{font-size:12px;letter-spacing:2px;color:#b9cfbe;margin:0 0 5px}.meter{text-align:right}.meter b{font:32px Georgia;display:block}.meter span{font-size:12px;color:#a5c0b5}nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.workspace{display:grid;grid-template-columns:1fr 260px;border:1px solid #58726c;border-radius:15px;overflow:hidden;background:#173b3e}#map{height:440px;position:relative;background:radial-gradient(ellipse at 50% 75%,#286066,transparent 70%);overflow:hidden}#map svg{position:absolute;width:100%;height:100%;inset:0}.station{position:absolute;transform:translate(-50%,-50%);padding:0;width:42px;height:42px;border-radius:50%;background:#193b37;border:2px solid #b1c7a6;font-size:14px;box-shadow:0 0 0 6px #173b3e99}.station.sampled{border-color:#7fd8d4;background:#285c60}.station .reading{position:absolute;top:43px;left:50%;transform:translateX(-50%);font-size:11px;white-space:nowrap;background:#102c30;color:#ecdfb4;border-radius:4px;padding:0 4px;pointer-events:none}.station .pin{position:absolute;bottom:39px;left:50%;transform:translateX(-50%);white-space:nowrap;color:#f7ce7f;font-size:13px;pointer-events:none}aside{padding:22px;background:#122f30}aside h3{font:23px Georgia;margin-top:0}#instruction{font-size:14px;color:#d5d9b5}#notes{max-height:220px;overflow:auto;font-size:13px}#notes p{border-bottom:1px solid #36534c;padding:7px 0;margin:0}.legend{font-size:12px;color:#9ab5a9;margin-top:25px}footer{justify-content:flex-start;margin-top:20px}#result{width:100%;margin:0;color:#f6d18d}.credit{color:#9ab5a9;font-size:12px;margin-top:30px}.credit button{font-size:12px;padding:4px 10px}#help{background:#e8e5cc;color:#203d36;padding:25px;border-radius:12px;margin:15px 0}#journal{font-size:13px;color:#dbc386}[hidden]{display:none!important}@media(max-width:700px){main{padding:18px}h1{font-size:42px}.workspace{grid-template-columns:1fr}#map{height:390px}aside{padding:16px}#notes{max-height:130px}.legend{margin:12px 0}nav button{padding:9px 11px;font-size:14px}.station{width:34px;height:34px;font-size:12px}.station .reading{top:34px}.station .pin{bottom:31px}footer button{padding:9px 12px}}