.time-ruler{position:relative;height:48px;overflow:hidden;border:1px solid #ccd5cd;border-radius:7px;background:#eef1eb;touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab}.time-ruler.dragging{cursor:grabbing}.time-ruler:focus-visible{outline:2px solid #6b8a78;outline-offset:2px}.ruler-hour{position:absolute;bottom:7px;width:calc(100% / 6);padding-top:12px;color:#576a62;font:10px/1.2 ui-monospace,monospace;text-indent:-.6em;background:repeating-linear-gradient(to right,#9aa9a0 0 1px,transparent 1px 25%) left top / 100% 4px no-repeat;border:0;pointer-events:none}.ruler-hour:before{content:"";position:absolute;inset:0 auto auto 0;height:9px;border-left:1px solid #798c80}.time-ruler:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);border:5px solid transparent;border-top:8px solid #426a5e}aside input[type=range]{width:100%;accent-color:#31563d}#summary{font-variant-numeric:tabular-nums}#status{color:#586958;font-size:13px}#busy{position:absolute;z-index:2;left:50%;bottom:9%;transform:translate(-50%);display:flex;align-items:center;gap:.65rem;background:#fffdf4ef;color:#294638;border-radius:2em;padding:.6em 1.2em;box-shadow:0 2px 14px #243a3125;pointer-events:none}#busy i{width:1em;height:1em;border:2px solid #c3cec0;border-top-color:#31553d;border-radius:50%;animation:turn .75s linear infinite}@keyframes turn{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){#busy i{animation:none}}.ends{display:flex;justify-content:space-between;font-size:11px;color:#536253}#civic-label{display:block;margin:17px 0 6px;font-weight:600;font-size:13px}#civic{display:flex;flex-wrap:wrap;gap:5px}#civic button{padding:5px 9px;color:inherit;background:transparent;font-size:13px}#civic button[aria-pressed=true]{color:#fff;background:#294739}.river-switch{display:flex;align-items:center;gap:8px;cursor:pointer}.river-switch input{accent-color:#31563d;width:17px;height:17px}