.pier-select{border:var(--border-input);width:100%;color:var(--color-text);background:var(--color-bg);appearance:auto;border-radius:12px;padding:10px 12px;font-size:1rem}.pier-select:focus{border-color:var(--color-focus);outline:none}.boat-list{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:12px;padding:4px 0;display:flex;overflow-x:auto}.boat-list::-webkit-scrollbar{display:none}.no-destination-message{color:var(--color-text-sub);text-align:center;padding:20px 0;font-size:.9rem}.boat-card{border:1.5px solid var(--color-focus);background:var(--color-bg);border-radius:12px;flex-shrink:0;width:200px;padding:12px;transition:border-color .2s,box-shadow .2s}.boat-card.selected{background:var(--color-bg-focus)}.boat-card.disabled{opacity:.5;border:var(--border-input);background:var(--color-bg-empty)}.boat-card-header{justify-content:space-between;align-items:center;min-width:0;margin-bottom:3px;display:flex}.boat-operator-name{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;margin-right:6px;font-size:.8rem;font-weight:600;overflow:hidden}.boat-capacity{color:var(--color-text);align-items:center;gap:1px;font-size:.8rem;font-weight:600;display:flex}.boat-image-container{background:var(--color-bg-empty);border-radius:8px;width:100%;height:90px;margin-bottom:5px;overflow:hidden}.boat-image-container img{object-fit:cover;width:100%;height:100%}.boat-status{text-align:center;margin-bottom:1px;font-size:.9rem;font-weight:600}.boat-status.waiting{color:var(--color-sub-primary)}.boat-status.busy,.boat-status.off{color:var(--color-text)}.boat-wait-time{text-align:center;margin-bottom:5px;font-size:.8rem}.boat-wait-time.waiting{color:var(--color-sub-primary)}.boat-wait-time.busy,.boat-wait-time.off{color:var(--color-text)}.boat-fare-label{color:var(--color-text-sub);font-size:.8rem}.boat-fare{color:var(--color-text);text-align:center;font-size:1rem;font-weight:600}.boat-fare-tax{color:var(--color-text-sub);font-size:.9rem;font-weight:600}.usage-fields{flex-direction:column;gap:12px;display:flex}.field-row{flex-direction:column;gap:4px;display:flex}.field-label{color:var(--color-text-sub);font-size:.8rem;font-weight:600}.passenger-select-wrapper{flex-direction:column;gap:2px;display:flex}.passenger-select{border:var(--border-input);width:80px;color:var(--color-text);background:var(--color-bg);appearance:auto;border-radius:12px;padding:10px 12px;font-size:1rem}.passenger-select.error{border-color:var(--color-error);color:var(--color-error)}.passenger-select:focus{border-color:var(--color-focus);outline:none}.passenger-error{color:var(--color-error);margin-top:2px;font-size:.75rem}.pickup-pier-display{background:var(--color-bg-empty);border:var(--border-input);width:100%;color:var(--color-text);text-align:center;text-overflow:ellipsis;white-space:nowrap;border-radius:12px;padding:10px 12px;font-size:1rem;overflow:hidden}.submit-button{color:#94a3b8;background:#eaedf2;border:none;border-radius:12px;width:100%;padding:14px;font-size:1.1rem;font-weight:600;transition:background .2s}.submit-button.active{background:var(--color-primary);color:#fff}.completed-area{flex:1;padding-top:8px;padding-bottom:24px;overflow-y:auto}.section-card.boarding-mode{margin-top:40px}.completed-thank-you{color:var(--color-text);text-align:center;margin:0 0 12px;font-size:1.1rem;font-weight:600}.completed-heading{color:var(--color-text);white-space:pre-line;text-align:center;margin:0 0 16px;font-size:1rem;line-height:1.5}.completed-boarding-note{color:var(--color-text);white-space:pre-line;text-align:center;margin:0 0 20px;font-size:1rem;line-height:1.5}.boarding-pass-button{background:var(--color-primary);color:#fff;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;margin-bottom:12px;padding:14px;font-size:1.1rem;font-weight:600;display:flex}.boarding-pass-icon{object-fit:contain;width:24px;height:24px}.cancel-boarding-button{background:var(--color-cancel);color:#fff;border:none;border-radius:12px;width:100%;margin-bottom:6px;padding:14px;font-size:1.1rem;font-weight:600}.cancel-note{color:var(--color-text);text-align:center;margin:0;font-size:.8rem}.completed-boat-header{justify-content:space-between;align-items:center;width:80%;margin:0 auto 6px;display:flex}.completed-boat-image{background:var(--color-bg-empty);border-radius:8px;width:80%;height:140px;margin:0 auto 12px;overflow:hidden}.completed-boat-image img{object-fit:cover;width:100%;height:100%}.completed-arrival{text-align:center;margin:0 auto 12px}.completed-arrival-label{color:var(--color-sub-primary);font-size:1rem;font-weight:600}.completed-arrival-time{color:var(--color-sub-primary);margin-left:12px;font-size:1rem;font-weight:600}.phone-fab{background:var(--color-primary);z-index:1100;-webkit-tap-highlight-color:transparent;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:1px;width:68px;height:68px;text-decoration:none;display:flex;position:fixed;bottom:24px;right:20px;box-shadow:0 4px 12px #0003}.phone-fab:active{opacity:.7}.phone-fab-label{color:#fff;white-space:nowrap;font-size:.7rem;font-weight:600;line-height:1}.phone-fab .phone-icon{object-fit:contain;width:24px;height:24px}.scan-qr-screen{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:80vh;padding:40px 24px;display:flex}.scan-qr-title{color:var(--color-text);margin:0 0 16px;font-size:1.1rem;font-weight:600}.scan-qr-message{color:var(--color-text-sub);white-space:pre-line;margin:0;font-size:.9rem;line-height:1.5}.app{background:var(--color-bg);flex-direction:column;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;display:flex}.language-button{z-index:1000;color:var(--color-text);background:#ddd;border:none;border-radius:12px;padding:6px 10px;font-size:.9rem;position:absolute;top:12px;right:12px}.map-container{width:100%;height:45vh;min-height:280px;position:relative}.locate-button{background:var(--color-bg);z-index:1000;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;bottom:16px;right:16px;box-shadow:0 2px 6px #0003}.locate-icon{object-fit:contain;width:24px;height:24px}.form-area{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 16px);flex:1;overflow-y:auto}.section-card{background:var(--color-bg);border:var(--border-card);border-radius:12px;margin:8px 12px;padding:16px}.section-card h2{color:var(--color-text);margin:0 0 12px;font-size:1.1rem;font-weight:600}.section-card-noborder{background:var(--color-bg);border-radius:12px;margin:8px 12px;padding:16px}.section-card-noborder h2{color:var(--color-text);margin:0 0 12px;font-size:1.1rem;font-weight:600}.error-toast{background:var(--color-error);color:#fff;z-index:2000;border-radius:8px;padding:12px 16px;font-size:.9rem;position:fixed;top:16px;left:16px;right:16px;box-shadow:0 4px 12px #0003}.loading-overlay{z-index:3000;background:#ffffffb3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading-spinner{width:40px;height:40px;animation:1s steps(8,end) infinite dot-spin;position:relative}.loading-spinner:before{content:"";border-radius:50%;width:8px;height:8px;margin:-4px 0 0 -4px;position:absolute;top:50%;left:50%;box-shadow:16px 0 0 -1px #ddd,11px 11px 0 -1px #ccc,0 16px 0 -1px #bbb,-11px 11px 0 -1px #aaa,-16px 0 0 -1px #999,-11px -11px #777,0 -16px #555,11px -11px #333}@keyframes dot-spin{to{transform:rotate(360deg)}}.dialog-overlay{z-index:4000;overscroll-behavior:contain;touch-action:none;background:#00000080;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.dialog-content{background:var(--color-bg);overscroll-behavior:contain;touch-action:auto;border-radius:16px;width:100%;min-width:0;max-width:380px;max-height:85vh;padding:24px;overflow-y:auto}.dialog-title{color:var(--color-text);white-space:pre-line;text-align:center;margin:0 0 16px;font-size:1.1rem;font-weight:600}.dialog-message{color:var(--color-text-sub);white-space:pre-line;text-align:center;margin:0 0 32px;font-size:.9rem;line-height:1.5}.dialog-buttons{gap:12px;margin-top:20px;display:flex}.dialog-cancel-button{background:var(--color-cancel);color:#fff;border:none;border-radius:12px;flex:1;padding:14px;font-size:1.1rem;font-weight:600}.dialog-ok-button{background:var(--color-primary);color:#fff;border:none;border-radius:12px;flex:1;padding:14px;font-size:1.1rem;font-weight:600}.dialog-back-button{background:var(--color-cancel);color:#fff;border:none;border-radius:12px;width:100%;padding:14px;font-size:1.1rem;font-weight:600}.dialog-boat-header{justify-content:space-between;align-items:center;min-width:0;margin-bottom:6px;display:flex}.dialog-operator-name{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;margin-right:6px;font-size:.9rem;font-weight:600;overflow:hidden}.dialog-capacity{color:var(--color-text);align-items:center;gap:3px;font-size:.9rem;font-weight:600;display:flex}.dialog-boat-image{background:var(--color-bg-empty);border-radius:8px;width:100%;height:160px;margin-bottom:12px;overflow:hidden}.dialog-boat-image img{object-fit:cover;width:100%;height:100%}.dialog-wait-time{color:var(--color-sub-primary);text-align:center;margin-bottom:12px;font-size:1rem;font-weight:600}.dialog-fare-section{text-align:center;margin-bottom:12px}.dialog-fare-label{color:var(--color-text-sub);text-align:left;max-width:200px;margin:0 auto;font-size:.9rem;display:block}.dialog-fare-value{color:var(--color-text);font-size:1.1rem;font-weight:600}.dialog-fare-tax{color:var(--color-text-sub);font-size:1rem;font-weight:600}.dialog-info-section{margin-bottom:12px}.dialog-info-label{color:var(--color-text-sub);font-size:.8rem;font-weight:600}.dialog-info-value{color:var(--color-text);margin-top:2px;padding-left:8px;font-size:1rem}.dialog-route-value{color:var(--color-text);margin-top:2px;padding-left:8px;font-size:1rem;line-height:1.5;overflow:hidden}.dialog-route-value .route-pickup-line{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.route-destination-line{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.loading-spinner.dialog{margin:0 auto 24px}.dialog-error{color:var(--color-error);text-align:center;margin:0 0 16px;font-size:.9rem}.boarding-pass-note{color:var(--color-error);white-space:pre-line;text-align:center;margin:0 0 20px;font-size:1rem;font-weight:600;line-height:1.5}.boarding-pass-request-number{color:var(--color-text);text-align:center;margin:0 0 20px;font-size:.9rem}.boarding-pass-qr-container{text-align:center;justify-content:center;margin-bottom:28px;display:flex}.capacity-icon{object-fit:contain;width:16px;height:16px}.leaflet-popup-content{word-break:break-word;overflow-wrap:break-word}.error-page{justify-content:center;align-items:center;display:flex}.error-page-message{text-align:center;color:var(--color-text)}*{box-sizing:border-box;margin:0;padding:0}button,[role=button],.locate-button{touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}button:active,[role=button]:active,.locate-button:active{opacity:.7;transform:scale(.95)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}:root{--color-primary:#007aff;--color-sub-primary:#4da6ff;--color-focus:#4da6ff;--color-error:#ff5252;--color-text:#333;--color-text-sub:#333;--color-bg:#fff;--color-bg-empty:#eee;--color-bg-focus:#e8f4fd;--color-bg-error:#fff5f5;--color-cancel:#94a3b8;--color-placeholder:#aaa;--border-card:1.5px solid #eee;--border-input:1.5px solid #ccc}