.sat-road-card{width:min(445px,100%);margin-top:19px;padding:13px 15px 10px;border:1px solid #dce8d9;border-radius:12px;background:linear-gradient(125deg,#f0f7ec,#fff 78%);box-shadow:0 8px 24px #315c3d0b}
.sat-road-header{display:flex;justify-content:space-between;align-items:center;gap:12px}
.sat-road-kicker{margin-bottom:4px;color:#69866a;font-size:7px;font-weight:800;letter-spacing:.15em}
.sat-road-header strong{display:block;color:#28523a;font:800 16px/1.2 var(--display);letter-spacing:-.04em}
.sat-date-control{display:flex;flex-direction:column;gap:4px;color:#718675;font-size:7px;font-weight:700}
.sat-date-control input{width:132px;height:29px;border:1px solid #d5e4d2;border-radius:6px;background:#fff;padding:0 7px;color:#375b3d;font:8px var(--font);outline:0;color-scheme:light}
.sat-date-control input:focus{border-color:#70a879;box-shadow:0 0 0 3px #70a87922}
.sat-road-track{height:54px;position:relative;margin:10px 4px 1px}
.road-line,.road-progress{position:absolute;top:22px;left:10%;height:4px;border-radius:5px}
.road-line{width:78%;background:#d6e6d2}
.road-progress{width:var(--journey-progress,0%);max-width:78%;background:linear-gradient(90deg,#7bb77c,#45885b);transition:width .8s ease}
.ivyn-walker{position:absolute;top:-4px;left:10%;z-index:2;display:grid;place-items:center;width:37px;height:41px;filter:drop-shadow(0 3px 2px #315c3d24);animation:ivyn-step .7s ease-in-out infinite}
.ivyn-walker svg{display:block;width:100%;height:100%;overflow:visible}
.road-start{position:absolute;left:9%;top:31px;color:#758b75;font-size:6px;font-weight:700;letter-spacing:.09em}
.road-goal{position:absolute;right:6%;top:-3px;width:38px;height:43px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:10px;background:#e1efdc;color:#397858}
.road-goal:after{content:"";position:absolute;bottom:-5px;width:11px;height:11px;background:#e1efdc;transform:rotate(45deg);border-radius:2px;z-index:-1}
.road-goal b{font-size:14px;line-height:14px;color:#d39d42}.road-goal strong{font:800 8px var(--display);letter-spacing:.08em}
.sat-road-card>p{margin:0;color:#778a79;font-size:7px;line-height:1.4}
html[data-theme="dark"] .sat-road-card{background:linear-gradient(125deg,#1f2e21,#1a261c 78%);border-color:#3b513b;box-shadow:0 8px 24px #0002}
html[data-theme="dark"] .sat-road-kicker,html[data-theme="dark"] .sat-date-control,html[data-theme="dark"] .sat-road-card>p{color:#b1c6ac}
html[data-theme="dark"] .sat-road-header strong{color:#e0efdc}
html[data-theme="dark"] .sat-date-control input{background:#172119;border-color:#455c43;color:#e1eddc;color-scheme:dark}
html[data-theme="dark"] .road-line{background:#374b37}html[data-theme="dark"] .road-progress{background:linear-gradient(90deg,#86bd80,#60a173)}
html[data-theme="dark"] .road-start{color:#aec2a9}html[data-theme="dark"] .road-goal,html[data-theme="dark"] .road-goal:after{background:#324934;color:#c7e1be}
@keyframes ivyn-step{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-5px) rotate(2deg)}}
@media(max-width:650px){.sat-road-card{margin-top:16px;padding:12px}.sat-road-header strong{font-size:14px}.sat-date-control input{width:124px}.sat-road-track{height:50px}.road-line,.road-progress{top:20px}.ivyn-walker{top:-4px}.road-start{top:29px}.road-goal{top:-5px}}
@media(prefers-reduced-motion:reduce){.ivyn-walker{animation:none}.road-progress{transition:none}}
.sat-road-card{width:min(520px,100%);margin-top:22px;padding:16px 18px 13px;border-radius:14px;box-shadow:0 10px 28px #315c3d12}
.sat-road-header{gap:18px}.sat-road-kicker{font-size:8px;margin-bottom:6px}.sat-road-header strong{font-size:18px}
.sat-date-control{min-width:175px;gap:6px;color:#607b62;font-size:8px;letter-spacing:.04em}
.sat-date-actions{display:flex;align-items:center;gap:6px}
.sat-date-control input{width:160px;height:35px;padding:0 9px;font-size:9px;cursor:pointer}
.sat-date-control input:focus-visible{outline:2px solid #70a879;outline-offset:2px}
.sat-date-actions button{height:35px;border:1px solid #d5e4d2;border-radius:6px;background:#fff;color:#537458;padding:0 8px;font:700 8px var(--font);white-space:nowrap}
.sat-date-actions button:hover{background:#edf5e9;border-color:#a9cba8}
.sat-road-track{height:62px;margin:12px 5px 2px}
.road-line,.road-progress{top:26px}
.road-start{top:36px}
.ivyn-walker{top:0;width:40px;height:44px}
.road-goal{top:0;width:42px;height:46px}
.road-goal:after{bottom:-5px}
.sat-road-footer{display:flex;align-items:center;justify-content:space-between;gap:10px}
.sat-road-footer>span{color:#879688;font-size:7px;white-space:nowrap}
html[data-theme="dark"] .sat-road-card{box-shadow:0 10px 28px #0003}
html[data-theme="dark"] .sat-date-control{color:#c0d4bb}
html[data-theme="dark"] .sat-date-actions button{background:#202f22;border-color:#465a43;color:#d3e6ce}
html[data-theme="dark"] .sat-date-actions button:hover{background:#2b402d;border-color:#6a9065}
html[data-theme="dark"] .sat-road-footer>span{color:#a6b9a2}
@media(max-width:650px){.sat-road-card{margin-top:18px;padding:14px 13px 11px}.sat-road-header{align-items:flex-start;gap:10px}.sat-road-header strong{font-size:15px}.sat-date-control{min-width:0;width:148px;font-size:7px}.sat-date-control input{width:100%;height:34px;font-size:8px}.sat-date-actions{display:block;position:relative}.sat-date-actions button{height:27px;margin-top:5px}.sat-road-track{height:56px;margin-top:9px}.road-line,.road-progress{top:22px}.ivyn-walker{top:-3px;width:36px;height:40px}.road-start{top:32px}.road-goal{top:-2px;width:38px;height:42px}.sat-road-footer{align-items:flex-start;flex-direction:column;gap:4px}}
.sat-road-card{width:min(590px,calc(100% + 36px));padding:11px 16px 9px;margin-top:16px}
.sat-road-track{height:48px;margin-top:8px;margin-bottom:0}
.road-line,.road-progress{top:20px}.ivyn-walker{top:-5px}.road-start{top:29px}.road-goal{top:-3px}
.sat-road-footer>p{margin:0}
@media(max-width:650px){.sat-road-card{width:100%;padding:10px 12px 8px;margin-top:14px}.sat-road-track{height:45px;margin-top:7px}.road-line,.road-progress{top:18px}.ivyn-walker{top:-7px}.road-start{top:27px}.road-goal{top:-5px}}
.road-line{left:var(--journey-start,10%);width:var(--journey-length,78%)}
.road-progress{left:var(--journey-start,10%);width:var(--journey-progress,0px);max-width:none}
.sat-road-card{width:min(590px,100%);margin-left:auto;margin-right:auto}