:root{color-scheme:light;color:#20252a;background:#fff;font:16px/1.5 system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0;padding:16px}main{max-width:600px;margin:auto}.scene{justify-content:center;display:flex}svg{width:100%;max-width:420px;height:480px;display:block}.parking-space{fill:#fff;fill-opacity:.025;stroke:#fff;stroke-width:2px;stroke-dasharray:9 10;opacity:.55}.guide{fill:none;stroke:#fff;stroke-width:3px;stroke-dasharray:7 10;opacity:.45}.trail{fill:none;stroke:#be1237;stroke-width:5px;stroke-linecap:round;opacity:.8}.controls{margin-top:16px}label{font-weight:600;display:block}input[type=range]{accent-color:#be1237;cursor:pointer;width:100%;min-height:44px;margin:4px 0;display:block}input:focus-visible{outline-offset:3px;border-radius:4px;outline:3px solid #245bba}.steps{grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 16px;padding:0;font-size:14px;list-style:none;display:grid}.steps li{color:#59616a;border-top:3px solid #dfe2e5;padding-top:8px}.steps li[aria-current]{color:#9f1030;border-color:#be1237;font-weight:700}#phase{margin:0 0 4px;font-weight:650}#detail{color:#59616a;min-height:3em;margin:0;font-size:14px}@media (width<=420px){body{padding:12px}svg{height:420px}.steps{gap:6px;font-size:12px}#detail{min-height:4.5em}}