/* Feedback layer only: the established type and colour tokens remain unchanged. */
.loading-state{max-width:360px;margin:16px 0 18px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--paper);}
.loading-state>p{font-size:12px;line-height:1.5;margin:0 0 9px;}
.loading-steps{list-style:none;padding:0;margin:0;display:flex;gap:12px;}
.loading-steps li{flex:1;font-size:11px;color:var(--muted);border-top:3px solid var(--line);padding-top:7px;}
.loading-steps li[data-state=working],.loading-steps li[data-state=complete]{border-color:var(--ink);color:var(--ink);}
.loading-steps li[data-state=complete]::after{content:' ✓';}
.loading-state[data-ready=true] .loading-steps{display:none;}
.loading-state[data-ready=true]>p{margin:0;}
#failure-retry{margin:12px 12px 12px 0;}
#ride-status{position:fixed;top:86px;right:28px;z-index:3;max-width:min(320px,calc(100vw - 36px));background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:10px 12px;display:flex;gap:12px;align-items:center;box-shadow:0 2px 6px #193d3e12;}
#ride-status p{margin:0;line-height:1.45;font-size:12px;}
#ride-status button{min-width:48px;min-height:44px;background:transparent;border-left:1px solid var(--line);color:var(--ink);padding:8px 12px;font-size:12px;}
.ride-sound-note{font-size:12px;color:var(--muted);line-height:1.5;margin:6px 0 16px;}
@media(max-width:700px){#ride-status{top:76px;right:18px;padding:6px 10px;}.loading-state{margin:12px 0;}.loading-steps{gap:8px;}}
@media(max-height:580px){.loading-state{padding:8px 12px;margin:8px 0;}.loading-state[data-ready=true]{display:none;}}