:root{color-scheme:light;font:13px/1.45 Tahoma,sans-serif;color:#26332f;background:#e8e9df}*{box-sizing:border-box}body{margin:0}main,#viewport{width:100%;height:100dvh;min-height:540px;overflow:hidden}canvas{display:block}header{position:absolute;top:22px;left:26px;pointer-events:none}h1{font:36px Georgia,serif;margin:0}header p{margin:3px 0;color:#52634c}nav{position:absolute;top:25px;right:25px;display:flex;gap:5px}button{font:inherit;color:inherit;border:1px solid #9da597;border-radius:3px;background:linear-gradient(#fffef6,#dde0d4);padding:7px 12px;cursor:pointer}button:hover,button[aria-pressed=true]{background:#c8d2be}button:focus-visible,input:focus-visible{outline:3px solid #936c29;outline-offset:3px}form{position:absolute;right:25px;bottom:72px;width:210px;background:#f9f8eee8;border:1px solid #b3b9aa;padding:14px;box-shadow:0 3px 12px #26332f19}label{display:block;margin:0 0 13px}output{float:right;font-variant-numeric:tabular-nums}input[type=range]{display:block;width:100%;accent-color:#52634c;margin:8px 0 0}.check{display:flex;gap:7px;align-items:center}form button{width:100%;margin-top:7px}footer{position:absolute;bottom:0;left:0;right:0;padding:12px 25px;background:#eef0e4e8;border-top:1px solid #b3b9aa;display:flex;justify-content:space-between;gap:10px;font-size:12px}#error{position:absolute;top:100px;left:25px;background:white;padding:20px}@media(max-width:650px){header{top:12px;left:14px}h1{font-size:28px}nav{top:76px;left:14px;right:auto}form{right:10px;bottom:85px;width:170px;font-size:11px;padding:10px}footer{flex-direction:column;gap:3px;padding:10px 14px;font-size:10px}}

form{max-height:calc(100dvh - 175px);overflow-y:auto}details{border-top:1px solid #b3b9aa;border-bottom:1px solid #b3b9aa;margin:12px 0;padding:9px 0}summary{cursor:pointer}details p,#ride-height{font-size:11px;color:#52634c}details label{margin-top:12px}

.journey-link{color:inherit;align-self:center;padding:7px 8px;text-underline-offset:3px}