@import url('./interface.css');
[hidden]{display:none!important}
.street-name{position:absolute;top:26px;left:26px;padding:12px 18px;border-radius:12px;color:#284951;display:flex;align-items:baseline;gap:12px}.street-name strong{font-size:21px;letter-spacing:2px}.street-name span{font-size:14px;color:#557276}.audio-panel-toggle{position:absolute;right:26px;top:86px;border-radius:24px;padding:10px 17px;font:500 14px system-ui;color:#2e5059}#audio-panel{position:absolute;right:26px;top:136px;width:284px;border-radius:16px;padding:20px;color:#284951;background:#f5f8f6ed;max-height:calc(100dvh - 245px);overflow:auto;touch-action:pan-y}#audio-panel p{font-size:13px;color:#56717a;margin:8px 0 14px}.audio-heading{display:flex;align-items:center;gap:9px;margin-top:12px}.audio-heading:first-child{margin-top:0}.audio-heading strong{margin-right:auto;font-size:15px}.audio-heading button{display:block;background:#35646a;color:white;border-radius:7px;padding:7px 10px;font-size:14px}#audio-panel label{font-size:14px;display:flex;justify-content:space-between;margin-top:12px}#audio-panel input{width:100%;accent-color:#35646a;touch-action:auto;margin:10px 0 0;cursor:pointer}#audio-status:empty{display:none}.walk-hint{position:absolute;bottom:27px;left:50%;transform:translateX(-50%);font-size:13px;color:#fff;background:#263e48a8;padding:9px 15px;border-radius:20px;pointer-events:none;white-space:nowrap}.views button.active{background:#35646a}.glass{box-shadow:0 5px 24px #172e3920}.utilities button{color:#355f67}
@media(max-width:700px){.street-name{top:83px;left:20px;padding:8px 12px}.street-name strong{font-size:17px}.street-name span{display:none}.audio-panel-toggle{right:18px;top:82px}#audio-panel{right:18px;top:128px;width:260px}.walk-hint{display:none}}@media(max-height:540px){.street-name{top:22px}.audio-panel-toggle{top:79px}#audio-panel{top:124px;max-height:calc(100dvh - 144px);width:265px}.walk-hint{display:none}}

#loading{z-index:20;align-content:center;gap:16px}#loading p{margin:0;color:#294d62;font-size:15px}#loading.done{visibility:hidden}#unavailable{z-index:30;align-content:center;gap:18px}#unavailable p{color:#294d62}

.actions{position:absolute;bottom:62px;left:50%;transform:translateX(-50%);display:flex;gap:5px;padding:6px;border-radius:16px}.actions button{display:flex;gap:9px;padding:12px 17px;border-radius:11px;font-size:14px}.actions button.active{background:#456c79;color:white}.actions kbd{font:11px system-ui;opacity:.65}#action-status{position:absolute;bottom:125px;left:50%;transform:translateX(-50%);color:#fff;text-shadow:0 1px 4px #000;font-size:14px;pointer-events:none;white-space:nowrap}@media(max-width:600px){.actions{bottom:150px;gap:2px}.actions button{padding:11px 14px;white-space:nowrap}.actions kbd{display:none}#action-status{bottom:213px}}