.theme-switch{position:fixed;bottom:18px;left:18px;z-index:45;border:1px solid #aebcb67a;border-radius:30px;padding:11px 17px;background:#f4f1e7ed;color:#173b45;font:12px Arial,sans-serif;box-shadow:0 4px 20px #092b3d20;backdrop-filter:blur(12px)}.dial-ready .pickup-time,.dial-ready>small{display:none}.time-open{background:#fffdf7;color:#193b45;border:1px solid #bac4bc;padding:14px 16px;border-radius:12px;text-align:left;font:16px Arial,sans-serif}.time-dialog{width:min(370px,94vw);max-height:90dvh;overflow:auto;border:1px solid #d5d8cc;border-radius:24px;padding:25px;background:#f6f4ec;color:#193b45}.time-dialog::backdrop{background:#102e3c99;backdrop-filter:blur(6px)}.time-kicker{font:9px Arial;letter-spacing:2px;color:#997453;margin:0 0 18px}.time-digits{display:flex;align-items:center;justify-content:center;gap:10px}.time-digits button{font:38px 'Manrope',Arial;border:0;border-radius:12px;background:transparent;color:inherit;padding:6px 14px}.time-digits button.active{background:#dbe3d9}.time-digits>span{font-size:30px}.time-instruction{text-align:center;font:12px Arial;color:#6c7e80}.time-dial{position:relative;aspect-ratio:1;width:248px;max-width:100%;margin:18px auto;border-radius:50%;background:#e8ebe1}.time-dial button{position:absolute;transform:translate(-50%,-50%);width:32px;height:32px;border:0;border-radius:50%;background:transparent;color:inherit;font:14px Arial;z-index:2}.time-dial button[aria-pressed=true]{background:#244d58;color:white}.time-hand{position:absolute;bottom:50%;left:calc(50% - 1px);height:34%;width:2px;background:#ae825b;transform-origin:bottom}.time-center{position:absolute;width:8px;height:8px;background:#ae825b;top:calc(50% - 4px);left:calc(50% - 4px);border-radius:50%}.time-exact{display:flex;flex-direction:row;align-items:center;justify-content:space-between;font:12px Arial;letter-spacing:0;color:inherit}.time-exact input{width:95px!important;height:42px!important;border:1px solid #bac4bc!important;border-radius:10px!important;text-align:center;padding:8px!important;background:transparent;color:inherit;font-size:18px!important}.time-actions{display:flex;justify-content:space-between;gap:16px;margin-top:18px}.time-actions button{border:0;background:transparent;color:inherit;font:13px Arial;padding:13px;border-radius:12px}.time-actions [data-action=done]{background:#244d58;color:#fff}.time-error{font:12px Arial;color:#ab5343}.time-dialog button:focus-visible{outline:2px solid #b98252;outline-offset:3px}
html[data-appearance=dark]{color-scheme:dark;--paper:#142d38;--ink:#f0eee3;--muted:#b1c1c3}html[data-appearance=dark] body{background:#142d38;color:#f0eee3}html[data-appearance=dark] .booking-panel,html[data-appearance=dark] #result,html[data-appearance=dark] .after-story,html[data-appearance=dark] .transfer-benefits,html[data-appearance=dark] .coastal-calendar,html[data-appearance=dark] .time-dialog{background:#19343e;color:#f0eee3}html[data-appearance=dark] .enquiry-fields input,html[data-appearance=dark] .enquiry-fields textarea,html[data-appearance=dark] .enquiry-fields select,html[data-appearance=dark] .time-open,html[data-appearance=dark] .location-suggestions{background:#25434c;color:#f0eee3;border-color:#647c7c}html[data-appearance=dark] .location-suggestions [role=option]:hover,html[data-appearance=dark] .location-suggestions [aria-selected=true],html[data-appearance=dark] .time-dial,html[data-appearance=dark] .time-digits button.active{background:#34525a}html[data-appearance=dark] .primary{background:#e4bd91;color:#16333d}html[data-appearance=dark] .date-trigger{color:#f0eee3}html[data-appearance=dark] .transfer-benefits p,html[data-appearance=dark] .notice,html[data-appearance=dark] label,html[data-appearance=dark] .booking-foot,html[data-appearance=dark] #route-details{color:#becdcc}html[data-appearance=dark] .theme-switch{background:#25434ced;color:#fff1dc}html[data-appearance=dark] .calendar-days button:hover:not(:disabled){background:#34525a}html[data-appearance=dark] .calendar-bottom button{color:#efd2ad}html[data-appearance=dark] .intro-copy p{color:#becdcc}
@media(max-height:760px){.time-dialog{padding:18px}.time-dial{width:210px;margin:12px auto}.time-digits button{font-size:30px}.time-kicker{margin-bottom:10px}}