:root{--bg-dark:#0f172a;--bg-panel:#1e293bbf;--border-glass:#ffffff1a;--border-light:#ffffff14;--text-primary:#f8fafc;--text-secondary:#94a3b8;--accent-blue:#3b82f6;--accent-wsf:#10b981;--accent-kitsap:#f59e0b;--bg-hover:#ffffff0d;--bg-card:#ffffff05;--border-card:#ffffff0d;--bg-input:#ffffff0d;--bg-mobile-bar:#0f172ad9;--bg-form-input:#0f172a99;--bg-form-input-focus:#0f172acc}[data-theme=light]{--bg-dark:#f8fafc;--bg-panel:#ffffffd9;--border-glass:#0f172a14;--border-light:#0f172a0f;--text-primary:#0f172a;--text-secondary:#475569;--accent-blue:#2563eb;--bg-hover:#0f172a0a;--bg-card:#0f172a03;--border-card:#0f172a0a;--bg-input:#0f172a08;--bg-mobile-bar:#f8fafce6;--bg-form-input:#f8fafccc;--bg-form-input-focus:#f8fafc}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-primary);font-family:inherit;overflow:hidden}.dashboard-container{width:100vw;height:100vh;display:flex;position:relative}.glass-panel{background:var(--bg-panel);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-glass);border-radius:16px;padding:24px;box-shadow:0 4px 30px #0000001a}.map-area{z-index:0;flex-grow:1;position:relative}.sidebar{z-index:1000;flex-direction:column;gap:16px;width:320px;max-height:calc(100vh - 48px);transition:width .3s;display:flex;position:absolute;top:24px;left:24px;overflow-y:auto}.hamburger-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;font-size:1.25rem;display:flex}.hamburger-btn:hover{color:var(--accent-blue)}.sidebar-header h1{letter-spacing:-.025em;margin-bottom:4px;font-size:1.5rem;font-weight:700}.sidebar-header p{color:var(--text-secondary);font-size:.875rem}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.5s ease-out forwards fade-in}.leaflet-container{background:var(--bg-dark);width:100%;height:100%}.leaflet-control-zoom{overflow:hidden;border:1px solid var(--border-glass)!important;border-radius:8px!important;box-shadow:0 4px 15px #0003!important}.leaflet-control-zoom-in,.leaflet-control-zoom-out{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:var(--bg-panel)!important;color:var(--text-primary)!important}.leaflet-control-zoom-in:hover,.leaflet-control-zoom-out:hover{background-color:#3b82f680!important}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:4px solid var(--border-glass);border-left-color:var(--accent-wsf);border-radius:50%;width:48px;height:48px;margin:0 auto 16px;animation:1s linear infinite spin}.loading-overlay{z-index:2000;text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vessel-wake{transform-origin:top;filter:blur(1px);background:linear-gradient(#ffffffe6 0%,#fff0 100%);border-radius:4px;width:20%;height:150%;animation:1.5s ease-in-out infinite alternate wake-pulse;position:absolute;top:50%;left:50%;transform:translate(-50%)}@keyframes wake-pulse{0%{opacity:1;transform:translate(-50%)scaleY(1)}to{opacity:.6;transform:translate(-50%)scaleY(1.4)}}.mobile-tab-bar{display:none!important}@media (max-width:768px){.leaflet-bottom{padding-bottom:80px}.leaflet-top{padding-top:65px}}@media (max-width:920px) and (orientation:landscape){.leaflet-bottom{padding-bottom:56px}}@media (max-width:768px){body{overflow:hidden}.map-area{width:100vw;height:calc(100vh - 72px)!important}.glass-panel.digital-clock-mobile{background:#0f172acc!important;border-radius:10px!important;padding:6px 12px!important;font-size:.95rem!important;top:12px!important;box-shadow:0 4px 15px #0000004d!important}.sidebar{z-index:1005!important;width:100vw!important;height:calc(100vh - 72px)!important;max-height:none!important;box-shadow:none!important;background:#0f172af2!important;border:none!important;border-radius:0!important;margin:0!important;padding:20px!important;transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .25s!important;position:fixed!important;inset:0 0 72px!important}.sidebar-left-mobile-hidden{opacity:0!important;pointer-events:none!important;transform:translate(-100%)!important}.sidebar-left-mobile-visible{opacity:1!important;pointer-events:auto!important;transform:translate(0)!important}.sidebar-right-mobile-hidden{opacity:0!important;pointer-events:none!important;transform:translate(100%)!important}.sidebar-right-mobile-visible{opacity:1!important;pointer-events:auto!important;transform:translate(0)!important}.sidebar section,.sidebar div{max-height:none!important}label{align-items:center!important;margin-bottom:2px!important;padding:10px 0!important;font-size:.95rem!important;display:flex!important}input[type=checkbox],input[type=radio]{width:20px!important;height:20px!important;margin-right:12px!important}.hamburger-btn{display:none!important}.mobile-tab-bar{background:var(--bg-mobile-bar);-webkit-backdrop-filter:blur(24px);border-top:1px solid var(--border-light);z-index:1010;justify-content:space-around;align-items:center;height:72px;padding:0 12px;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 30px #0000004d;display:flex!important}.mobile-tab-button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:28%;height:100%;font-size:.75rem;font-weight:500;transition:all .2s;display:flex;position:relative}.mobile-tab-button-active{color:var(--accent-blue)!important}.mobile-tab-icon{font-size:1.35rem;transition:transform .2s}.mobile-tab-button-active .mobile-tab-icon{transform:scale(1.15)}.mobile-tab-active-indicator{background:var(--accent-blue);border-radius:0 0 3px 3px;width:32px;height:3px;position:absolute;top:0;box-shadow:0 1px 10px #3b82f6cc}.sidebar-header{border-bottom:1px solid #ffffff14!important;margin-bottom:16px!important;padding-bottom:12px!important}.sidebar-header h1{font-size:1.35rem!important}.sidebar-header h2{font-size:1.25rem!important}.loading-overlay{width:85%!important;padding:20px!important}}@media (max-width:920px) and (orientation:landscape){body{overflow:hidden}.mobile-tab-bar{display:none!important}.map-area{height:100dvh!important}aside.sidebar-left-mobile-hidden,aside.sidebar-left-mobile-visible,aside.sidebar-right-mobile-hidden,aside.sidebar-right-mobile-visible{transform:none!important}.sidebar{flex-direction:column;gap:10px;display:flex;z-index:1005!important;border:1px solid #ffffff1a!important;border-radius:14px!important;height:auto!important;max-height:calc(100dvh - 24px)!important;margin:0!important;padding:10px 14px!important;transition:width .25s,max-width .25s,padding .25s!important;position:fixed!important;top:12px!important;bottom:auto!important;overflow:hidden!important;box-shadow:0 8px 28px #00000059!important}aside.sidebar-left-mobile-hidden,aside.sidebar-left-mobile-visible{width:auto!important;max-width:320px!important;left:12px!important;right:auto!important}aside.sidebar-left-mobile-hidden:not(.sidebar-contracted),aside.sidebar-left-mobile-visible:not(.sidebar-contracted){width:320px!important}aside.sidebar-right-mobile-hidden,aside.sidebar-right-mobile-visible{width:auto!important;max-width:340px!important;left:auto!important;right:12px!important}aside.sidebar-right-mobile-hidden:not(.sidebar-contracted),aside.sidebar-right-mobile-visible:not(.sidebar-contracted){width:340px!important}.sidebar.sidebar-contracted{gap:0!important;padding:8px 12px!important}.sidebar.sidebar-contracted .sidebar-header{margin-bottom:0!important}aside.sidebar-right-mobile-hidden.sidebar-contracted,aside.sidebar-right-mobile-visible.sidebar-contracted{max-width:320px!important}.sidebar{gap:6px!important}.sidebar-header{margin-bottom:6px!important}.schedule-dest-filter{gap:6px!important;margin-bottom:6px!important}.schedule-sort-row{gap:6px!important;margin-bottom:6px!important;padding:4px 8px!important}.schedule-trip-group{margin-bottom:8px!important;padding:8px!important}.schedule-trip-group-header{margin:-8px -8px 6px!important;padding:8px 8px 4px!important}.schedule-trip-list-inner{gap:6px!important}.schedule-trip-card{padding:6px 8px!important}.schedule-trip-list{max-height:calc(100dvh - 140px)!important}.leaflet-bottom{padding-bottom:0!important}.sidebar.animate-fade-in{opacity:1;animation:none}}.modal-overlay{-webkit-backdrop-filter:blur(10px);z-index:9999;background:#080d1899;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;display:flex;position:fixed;top:0;left:0}.modal-card{width:100%;max-width:500px;animation:.3s cubic-bezier(.34,1.56,.64,1) forwards modalScaleIn;position:relative;transform:scale(.95);background:#1e293bd9!important;border:1px solid #ffffff26!important;border-radius:20px!important;padding:32px!important;box-shadow:0 10px 40px #00000080!important}.disclaimer-modal{flex-direction:column;max-height:calc(100dvh - 20px);padding:24px 28px!important;display:flex!important}.disclaimer-modal .disclaimer-modal-header{flex:none;margin-bottom:16px}.disclaimer-modal .disclaimer-modal-body{-webkit-overflow-scrolling:touch;flex:auto;min-height:0;padding-right:4px;overflow-y:auto}.disclaimer-modal .disclaimer-modal-footer{border-top:1px solid var(--border-light);background:#1e293b00;flex:none;margin-top:16px;padding-top:12px}@media (max-height:520px){.disclaimer-modal{padding:14px 18px!important}.disclaimer-modal .disclaimer-modal-header{margin-bottom:8px}.disclaimer-modal .disclaimer-modal-header>div:first-child{margin-bottom:4px!important;font-size:1.6rem!important}.disclaimer-modal .disclaimer-modal-header h2{font-size:1.05rem!important}.disclaimer-modal .disclaimer-modal-body{gap:8px!important;font-size:.825rem!important;line-height:1.45!important}.disclaimer-modal .disclaimer-modal-footer{margin-top:8px;padding-top:8px}.disclaimer-modal .disclaimer-agree-btn{padding:10px 20px!important;font-size:.9rem!important}}@keyframes modalScaleIn{to{transform:scale(1)}}.modal-close-btn{background:var(--bg-hover);border:1px solid var(--border-glass);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:.875rem;transition:all .2s;display:flex;position:absolute;top:20px;right:20px}.modal-close-btn:hover{color:#ef4444;background:#ef444433;border-color:#ef444466}.feedback-form h2{color:var(--text-primary);margin-bottom:8px;font-size:1.5rem;font-weight:600}.feedback-form .subtitle{color:var(--text-secondary);margin-bottom:24px;font-size:.875rem;line-height:1.4}.form-group{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.form-group label{color:var(--text-primary);font-size:.875rem;font-weight:500}.form-select,.form-textarea{background:var(--bg-form-input);border:1px solid var(--border-glass);color:var(--text-primary);border-radius:10px;outline:none;width:100%;padding:12px 16px;font-family:inherit;font-size:.95rem;transition:all .2s}.form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:18px;padding-right:40px}.form-select:focus,.form-textarea:focus{border-color:var(--accent-blue);background:var(--bg-form-input-focus);box-shadow:0 0 12px #3b82f640}.form-textarea{resize:none}.form-checkbox-group{background:var(--bg-card);border:1px solid var(--border-card);border-radius:12px;align-items:flex-start;gap:12px;margin-bottom:24px;padding:16px;display:flex}.form-checkbox-group input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-blue);cursor:pointer;border-radius:4px;margin-top:2px}.form-checkbox-group label{color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.875rem;line-height:1.4}.session-code-tag{color:var(--accent-kitsap);background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:4px;margin:0 4px;padding:2px 6px;font-family:monospace;font-size:.8rem;font-weight:600}.checkbox-help{color:var(--text-secondary);margin-top:4px;font-size:.75rem;display:block}.feedback-submit-btn{background:linear-gradient(135deg, var(--accent-blue), #2563eb);color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;padding:14px 24px;font-size:1rem;font-weight:600;transition:all .2s;box-shadow:0 4px 12px #2563eb33}.feedback-submit-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 16px #2563eb59}.feedback-submit-btn:active:not(:disabled){transform:translateY(0)}.feedback-submit-btn:disabled{color:var(--text-secondary);box-shadow:none;cursor:not-allowed;background:#ffffff1a}.feedback-success-view{text-align:center;flex-direction:column;align-items:center;padding:16px 0;display:flex}.success-icon{margin-bottom:20px;font-size:3rem;animation:.6s bounceSuccess}@keyframes bounceSuccess{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.feedback-success-view h2{color:var(--text-primary);margin-bottom:12px;font-size:1.5rem;font-weight:600}.feedback-success-view p{color:var(--text-secondary);max-width:360px;margin-bottom:28px;font-size:.95rem;line-height:1.5}.feedback-close-success-btn{border:1px solid var(--border-glass);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:10px;width:100%;margin-top:12px;padding:12px 24px;font-size:.9rem;font-weight:500;transition:all .2s}.feedback-close-success-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.feedback-trigger-btn:hover{transform:translateY(-1px);background:var(--bg-hover)!important;border-color:var(--border-glass)!important}.feedback-trigger-btn:active{transform:translateY(0)}@media (max-width:920px) and (orientation:landscape){.glass-panel.digital-clock-mobile{display:none!important}.sidebar{gap:6px!important;padding:14px 18px!important;overflow-y:auto!important}.sidebar-header{margin-bottom:4px!important;padding-bottom:6px!important}.sidebar-header h1{font-size:1.1rem!important}.sidebar section{margin-top:.15rem!important}.sidebar p{font-size:.775rem!important;line-height:1.3!important}.schedule-dest-filter{margin-bottom:6px!important}.schedule-sort-row{margin-bottom:6px!important;padding:4px 8px!important}.schedule-trip-group{margin-bottom:10px!important;padding:8px!important}.schedule-trip-group-header{margin-bottom:4px!important;padding-bottom:4px!important}.schedule-trip-card{padding:6px 8px!important}}@media (max-height:520px){.modal-overlay{padding:10px!important}.modal-card{border-radius:16px!important;max-height:calc(100vh - 20px)!important;padding:20px 24px!important;overflow-y:auto!important}.feedback-form h2{margin-bottom:4px!important;font-size:1.25rem!important}.feedback-form .subtitle{margin-bottom:12px!important}.form-group{gap:4px!important;margin-bottom:12px!important}.form-group label{font-size:.8rem!important}.form-select,.form-textarea{padding:8px 12px!important;font-size:.875rem!important}.form-checkbox-group{gap:8px!important;margin-bottom:12px!important;padding:10px 12px!important}.checkbox-help{margin-top:2px!important}.feedback-submit-btn{padding:10px 20px!important;font-size:.9rem!important}.feedback-success-view{padding:8px 0!important}.success-icon{margin-bottom:10px!important;font-size:2.2rem!important}.feedback-success-view h2{margin-bottom:6px!important;font-size:1.25rem!important}.feedback-success-view p{margin-bottom:16px!important;font-size:.85rem!important}}.theme-toggle-btn{background:var(--bg-hover)!important;border-color:var(--border-glass)!important;transition:all .2s!important}.theme-toggle-btn:hover{transform:scale(1.08);box-shadow:0 0 8px #ffffff0d;background:var(--bg-hover)!important;border-color:var(--border-glass)!important}[data-theme=light] .theme-toggle-btn:hover{box-shadow:0 0 8px #0000000d}.theme-toggle-btn:active{transform:scale(.92)}