:root{font:16px var(--demo-font);color:var(--demo-text);background:var(--demo-background)}*{box-sizing:border-box}body{margin:0}main{max-width:1280px;margin:auto;padding:24px}h1{font-size:clamp(1.6rem,4vw,2.3rem);margin:.3rem 0}h2{font-size:1.15rem}p{line-height:1.5}.eyebrow{font-size:.72rem;letter-spacing:.12em;color:var(--muted);font-weight:700}.toolbar{border-block:1px solid var(--line);padding:15px 0;margin:20px 0}select,button,input{font:inherit;max-width:100%}select,button,input[type=datetime-local]{border:1px solid var(--line);border-radius:6px;padding:8px;background:var(--demo-surface);color:var(--demo-text)}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--demo-focus)}button:hover{background:var(--tint)}.badge{display:inline-block;background:var(--tint);border-radius:4px;padding:5px 9px;font-size:.8rem;font-weight:700}.transport{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:10px}.transport label{display:flex;align-items:center;gap:10px;flex:1}input[type=range],input[type=checkbox]{accent-color:var(--accent)}input[type=range]{min-width:70px}.transport input{flex:1}.workspace{display:grid;grid-template-columns:290px minmax(0,1fr);gap:22px}aside{min-width:0}.small,#map-note,footer{font-size:.8rem}.layer{border-bottom:1px solid var(--line);padding:12px 0}.layer-title{display:flex;gap:8px;align-items:center;font-weight:600}.swatch{display:inline-block;width:12px;height:12px;border-radius:50%;flex-shrink:0}.layer input[type=range]{width:130px}.layer .order{padding:3px 9px;font-size:.8rem}.layer p{font-size:.75rem;margin:6px 0;overflow-wrap:anywhere}.layer .status{font-weight:600}.layer-tools{display:flex;gap:6px;align-items:center;margin-top:8px}#map{height:470px;border:1px solid var(--line);border-radius:8px;background:#ede7d8}#notice{padding:12px;background:#e4ece5;border-left:5px solid #84968c;line-height:1.5}#notice.candidate{background:#fff0cd;border-color:var(--demo-focus)}.error{color:#8b2b22}dl{display:grid;grid-template-columns:1fr 1fr;gap:8px}dd{margin:0;text-align:right}#observations{overflow-wrap:anywhere}#observations p{padding:10px;background:#f0f1e9;font-size:.85rem}details{margin-top:20px;border-top:1px solid var(--line);padding-top:12px}summary{cursor:pointer;font-weight:650}footer{margin-top:22px;border-top:1px solid var(--line);padding-top:12px;line-height:1.5}#archive-controls label{display:inline-block;margin:7px 12px 7px 0}#archive-controls p{font-size:.85rem}.maplibregl-popup-content{max-width:300px;overflow-wrap:anywhere}.maplibregl-canvas{outline:none}@media(max-width:700px){main{padding:14px}.workspace{grid-template-columns:1fr;gap:12px}#layers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.layer{padding:8px}.layer-tools{flex-wrap:wrap}.layer input[type=range]{width:80px}#map{height:330px}.transport label{min-width:100%}select{width:100%;margin-top:6px}dl{font-size:.85rem}.layer p{font-size:.7rem}}@media(max-width:380px){#layers{grid-template-columns:1fr}}