:root{color:#13211f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#102522;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.4}*{box-sizing:border-box}body{overscroll-behavior-y:contain;min-width:320px;min-height:100svh;margin:0}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.app-shell{background:linear-gradient(#1a3d33f5,#102522fa),#102522;justify-content:center;min-height:100svh;display:flex}.phone-canvas{width:min(100%,430px);min-height:100svh;padding:calc(6px + env(safe-area-inset-top)) 16px calc(22px + env(safe-area-inset-bottom));overscroll-behavior-y:contain;background:#f4f7f1;position:relative;overflow-x:hidden}.top-bar{z-index:20;color:#f9faf4;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0d3731f5;justify-content:space-between;align-items:center;gap:12px;min-height:52px;margin:0 -16px 10px;padding:9px 16px 8px;display:flex;position:sticky;top:0}.brand-lockup{align-items:baseline;gap:8px;min-width:0;display:flex}.app-kicker,.section-label,.footer-route span,.footer-updated span,.stat-card p,.sailing-row span{color:#65726b;letter-spacing:0;text-transform:uppercase;margin:0;font-size:.73rem;font-weight:700}.top-bar .app-kicker{color:#9cebd6;flex:none;font-size:.64rem;line-height:1}.top-bar h1,.panel-heading h2,.sheet-header h2{letter-spacing:0;margin:0}.top-bar h1{text-overflow:ellipsis;white-space:nowrap;max-width:245px;font-size:1.05rem;line-height:1.1;overflow:hidden}.top-actions{gap:6px;display:flex}.icon-button,.text-button,.location-button{cursor:pointer;border:0;justify-content:center;align-items:center;display:inline-flex}.icon-button{width:42px;height:42px;color:inherit;background:#ffffff21;border-radius:999px;flex:0 0 42px}.top-bar .icon-button{flex-basis:36px;width:36px;height:36px}.icon-button:active,.text-button:active,.location-button:active,.route-option:active,.terminal-toggle button:active{transform:translateY(1px)}.route-card,.stat-card,.schedule-panel{background:#fffef9;border:1px solid #10252217;border-radius:8px;box-shadow:0 12px 28px #182d2814}.route-card{gap:10px;padding:12px;display:grid}.route-line{color:#0f3d37;grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr);align-items:center;gap:8px;display:grid}.route-line svg{color:#e35d2f;justify-self:center}.route-swap-button{color:#e35d2f;cursor:pointer;background:#fff7ed;border:1px solid #e35d2f38;border-radius:999px;place-items:center;width:42px;height:42px;display:inline-grid}.route-swap-button:active{transform:translateY(1px)}.terminal-pill{color:#f8fff8;text-align:center;text-overflow:ellipsis;white-space:nowrap;background:#0f3d37;border-radius:8px;min-width:0;padding:9px 12px;font-size:.98rem;font-weight:800;overflow:hidden}.notice-row{color:#7c2d12;background:#ffedd5;border-radius:8px;justify-content:flex-start;align-items:center;gap:8px;padding:9px 10px;font-size:.78rem;font-weight:700;display:flex}.notice-row span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.map-panel{background:#d8efe8;border-radius:8px;flex-direction:column;height:334px;margin-top:14px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 36px #182d2824}.route-map{flex:auto;width:100%;min-height:0;position:relative}.google-map-canvas{position:absolute;inset:0}.map-error{z-index:5;color:#0f3d37;text-align:center;background:#d8efe8;place-items:center;padding:18px;font-size:.86rem;font-weight:800;display:grid;position:absolute;inset:0}.map-glass{z-index:500;color:#fbfff8;cursor:pointer;text-align:left;background:#174a43;border:0;border-top:1px solid #ffffff52;justify-content:flex-start;align-items:center;gap:10px;width:100%;min-height:30px;padding:5px 11px 6px;display:flex;position:relative}.map-glass:active{background:#0f3d37;transform:none}.map-status-left{align-items:center;gap:6px;min-width:0;display:flex}.map-status-left svg{flex:none}.map-status-left strong{text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:.79rem;line-height:1;display:inline-block;overflow:hidden}.stats-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.stat-card{grid-template-columns:34px minmax(0,1fr);gap:10px;min-height:108px;padding:12px;display:grid}.stat-card strong{color:#102522;letter-spacing:0;margin-top:4px;font-size:clamp(1.18rem,6vw,1.48rem);line-height:1.05;display:block}.stat-card strong.is-late-arrival{color:#a85c55}.stat-detail{color:#5f6e67;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin-top:6px;font-size:.78rem;font-weight:700;display:block;overflow:hidden}.stat-detail.travel-stack{white-space:normal;gap:1px;display:grid;overflow:visible}.stat-detail.travel-stack span{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.stat-detail.travel-stack span.is-travel-safe{color:#0f766e}.stat-detail.travel-stack span.is-travel-tight{color:#a85c55}.stat-icon{color:#0f3d37;background:#ccfbf1;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.schedule-panel{margin-top:14px;padding:12px 14px 10px}.panel-heading,.sheet-header,.setting-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.panel-heading h2,.sheet-header h2{color:#102522;font-size:1rem}.text-button,.location-button{color:#0f3d37;background:#dff7ef;border-radius:8px;gap:7px;min-height:36px;padding:0 10px;font-size:.82rem;font-weight:800}.sailing-list{gap:0;margin-top:9px;display:grid}.sailing-row{border-top:1px solid #10252214;justify-content:space-between;align-items:center;gap:12px;min-height:43px;padding:5px 0;display:flex}.sailing-row div:last-child{text-align:right}.sailing-departure{align-items:baseline;gap:7px;display:flex}.sailing-row strong{color:#102522;font-size:.95rem;display:inline-block}.sailing-row span{text-overflow:ellipsis;white-space:nowrap;max-width:190px;display:block;overflow:hidden}.sailing-departure span{color:#64736b;max-width:none;font-size:.64rem;line-height:1;display:inline-block}.app-footer{color:#f9faf4;background:#0d3731;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;width:100%;margin-top:14px;padding:11px 12px;display:flex;box-shadow:0 12px 28px #182d281f}.footer-route,.footer-updated{gap:1px;min-width:0;display:grid}.footer-route span,.footer-updated span{color:#9cebd6;font-size:.62rem;line-height:1}.footer-route strong,.footer-updated strong{color:#f9faf4;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:1rem;line-height:1.12;overflow:hidden}.footer-route{flex:auto}.footer-updated{text-align:right;flex:none}.footer-updated strong{font-size:.86rem}.app-footer .icon-button{flex:0 0 38px;width:38px;height:38px}.sheet-backdrop{z-index:1000;background:#081a1773;justify-content:center;align-items:flex-end;padding:12px;display:flex;position:fixed;inset:0}.settings-sheet{color:#13211f;background:#fffef9;border-radius:8px;width:min(100%,430px);max-height:min(84svh,760px);padding:14px;overflow-y:auto;box-shadow:0 -24px 70px #06191652}.settings-sheet .icon-button{color:#13211f;background:#edf3ea}.settings-section{gap:12px;margin-top:18px;display:grid}.route-picker{gap:8px;display:grid}.route-option{color:#13211f;text-align:left;background:#f7faf3;border:1px solid #1025221c;border-radius:8px;grid-template-columns:10px minmax(0,1fr) 22px;align-items:center;gap:10px;min-height:46px;padding:0 10px;font-weight:800;display:grid}.route-option span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.route-option.is-selected{background:#e6f8f1;border-color:#0f3d376b}.route-color{border-radius:999px;width:10px;height:28px}.setting-row strong{color:#13211f;margin-top:3px;display:block}.switch{flex:0 0 54px;width:54px;height:32px;display:inline-flex;position:relative}.switch input{opacity:0;position:absolute}.switch span{background:#cbd5c7;border-radius:999px;width:100%;transition:background .18s,box-shadow .18s}.switch span:after{content:"";background:#fffef9;border-radius:999px;width:24px;height:24px;transition:transform .18s;position:absolute;top:4px;left:4px;box-shadow:0 2px 6px #10252240}.switch input:checked+span{background:#0f766e}.switch input:checked+span:after{transform:translate(22px)}.terminal-toggle{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.terminal-toggle button{color:#13211f;text-overflow:ellipsis;white-space:nowrap;background:#f7faf3;border:1px solid #1025221f;border-radius:8px;min-width:0;min-height:42px;padding:0 8px;font-weight:800;overflow:hidden}.terminal-toggle button.is-selected{color:#f8fff8;background:#0f3d37;border-color:#0f3d3770}.location-button{width:100%}.vessel-marker,.user-marker{background:0 0;border:0}.vessel-marker span{background:#fffef9;border-radius:999px;width:36px;height:36px;display:block;position:relative;box-shadow:0 5px 18px #0619163d}.vessel-marker span:before{clip-path:polygon(50% 0,100% 100%,50% 78%,0 100%);background:var(--route-color,#2dd4bf);content:"";position:absolute;inset:7px 9px}.vessel-marker.is-active span{outline:4px solid #e35d2f3d}.user-marker span{background:#2563eb;border:3px solid #fffef9;border-radius:999px;width:22px;height:22px;display:block;box-shadow:0 4px 14px #2563eb52}.pull-refresh-indicator{z-index:60;color:#e7fff7;pointer-events:none;background:#0a322de6;border:1px solid #ffffff6b;border-radius:999px;place-items:center;width:28px;height:28px;transition:opacity .12s,transform .12s;display:grid;position:absolute;top:8px;left:50%;box-shadow:0 8px 18px #06191638}.pull-refresh-indicator.is-ready{background:#0f766e}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width>=700px){.app-shell{align-items:center;padding:24px}.phone-canvas{border:10px solid #0b1715;border-radius:34px;height:min(932px,100svh - 48px);min-height:0;overflow-y:auto;box-shadow:0 30px 90px #00000057}.top-bar{top:0}}@media (width<=374px){.stats-grid{grid-template-columns:1fr}.map-panel{height:292px}}