*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #F7F3EE;--surface: #FFFFFF;--surface-2: #F0EAE0;--surface-3: #E5DDD0;--terra: #C4714A;--terra-dim: rgba(196, 113, 74, .1);--terra-light:#FBE9DF;--terra-glow: rgba(196, 113, 74, .28);--sage: #7B9E87;--sage-dim: rgba(123, 158, 135, .14);--clay: #8B6E52;--sky: #7AACCF;--text: #2D1F14;--text-2: #5C4A38;--text-muted: #9B8B7A;--border: rgba(139, 110, 82, .13);--border-acc: rgba(196, 113, 74, .3);--shadow-sm: 0 2px 8px rgba(45,31,20,.06), 0 1px 3px rgba(45,31,20,.04);--shadow-md: 0 6px 24px rgba(45,31,20,.1), 0 2px 8px rgba(45,31,20,.06);--shadow-lg: 0 16px 48px rgba(45,31,20,.13), 0 4px 16px rgba(45,31,20,.07);--ff: "Nunito", system-ui, sans-serif;--panel-w: 420px;--timeline-h: 76px;--r-xs: 6px;--r-sm: 12px;--r: 18px;--r-lg: 26px;--r-xl: 40px}html,body,#root{width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--ff);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}.app{position:relative;width:100vw;height:100vh;display:flex;overflow:hidden;background:var(--bg)}.app__map{position:absolute;top:0;right:0;bottom:0;left:0;right:var(--panel-w);bottom:var(--timeline-h)}.app__vignette{position:absolute;top:0;bottom:var(--timeline-h);right:var(--panel-w);width:100px;background:linear-gradient(to right,transparent,rgba(247,243,238,.92));pointer-events:none;z-index:2}.app__panel{position:absolute;top:0;right:0;width:var(--panel-w);bottom:var(--timeline-h);background:var(--surface);border-left:1px solid var(--border);box-shadow:var(--shadow-lg);z-index:10;display:flex;flex-direction:column;overflow:hidden}.app__timeline{position:absolute;bottom:0;left:0;right:0;height:var(--timeline-h);background:var(--surface);border-top:1px solid var(--border);z-index:20;display:flex;align-items:center;padding:0 28px;box-shadow:0 -4px 20px #2d1f140f}.slide-panel{display:flex;flex-direction:column;height:100%}.app__panel-handle{display:none;width:36px;height:4px;background:var(--surface-3);border-radius:2px;margin:10px auto 2px;flex-shrink:0;cursor:grab;touch-action:none}.app__panel-handle:active{cursor:grabbing}.app__nav{position:absolute;bottom:18px;left:0;right:0;display:flex;justify-content:space-between;padding:0 16px;pointer-events:none;z-index:20}.app__chevron{pointer-events:all;width:36px;height:36px;border-radius:50%;background:#ffffffe0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border);color:var(--terra);font-size:24px;line-height:1;cursor:pointer;box-shadow:0 2px 12px #2d1f1421;transition:background .15s,transform .15s;display:flex;align-items:center;justify-content:center;padding-bottom:2px}.app__chevron:hover:not(:disabled){background:#fff;transform:scale(1.1)}.app__chevron:disabled{opacity:.2;cursor:default}.slide-panel__content{flex:1;overflow-y:auto;padding:24px 22px 12px;scrollbar-width:thin;scrollbar-color:var(--surface-3) transparent}.slide-panel__content::-webkit-scrollbar{width:3px}.slide-panel__content::-webkit-scrollbar-track{background:transparent}.slide-panel__content::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:2px}.now-widget{background:var(--terra-dim);border:1px solid var(--border-acc);border-radius:var(--r);padding:13px 15px 14px;margin-bottom:16px}.nw__eye{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--terra);margin-bottom:4px}.nw__eye--go{color:var(--sage)}.nw__title{font-size:15px;font-weight:800;color:var(--text);line-height:1.25;margin-bottom:3px}.nw__meta{font-size:12px;font-weight:500;color:var(--text-2);margin-bottom:10px;line-height:1.5}.nw__sub{font-size:11px;color:var(--text-muted);margin-bottom:10px}.nw__actions{display:flex;gap:8px;flex-wrap:wrap}.nw__btn{display:inline-flex;align-items:center;background:var(--terra);color:#fff;font-family:var(--ff);font-size:12px;font-weight:700;padding:7px 14px;border-radius:var(--r-xl);border:none;cursor:pointer;text-decoration:none;transition:filter .15s,transform .15s;white-space:nowrap}.nw__btn:hover{filter:brightness(.88);transform:translateY(-1px)}.nw__btn--ghost{background:transparent;color:var(--terra);border:1.5px solid var(--border-acc)}.nw__btn--ghost:hover{background:var(--terra-dim);filter:none}.nw__btn--green{background:var(--sage)}.slide-section__title{font-size:26px;font-weight:800;color:var(--text);margin-bottom:4px;letter-spacing:-.02em;line-height:1.15}.slide-section__sub{font-size:13px;font-weight:500;color:var(--text-muted);margin-bottom:20px}.slide-intro{display:flex;flex-direction:column;gap:10px;padding-top:12px}.slide-intro__eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--terra);background:var(--terra-light);border:1px solid var(--terra-dim);padding:5px 12px;border-radius:var(--r-xl);align-self:flex-start}.slide-intro__title{font-size:72px;font-weight:900;letter-spacing:-.04em;line-height:.92;color:var(--text);margin:6px 0 2px}.slide-intro__title--sm{font-size:52px;line-height:1}.slide-intro__subtitle{font-size:14px;font-weight:600;color:var(--text-muted);letter-spacing:.01em}.slide-intro__route{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:20px}.slide-intro__city{font-size:12px;font-weight:700;color:var(--text-2);background:var(--surface-2);border:1px solid var(--border);padding:5px 12px;border-radius:var(--r-xl)}.slide-intro__arrow-sep{color:var(--terra);font-size:14px;font-weight:700}.slide-intro__hint{font-size:12px;font-weight:500;font-style:italic;color:var(--text-muted);margin-top:28px}.slide-flight{display:flex;flex-direction:column}.flight-card{background:var(--surface);border:1.5px solid var(--border-acc);border-radius:var(--r-lg);overflow:hidden;margin-top:4px;box-shadow:var(--shadow-md)}.flight-card__header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px 14px;background:linear-gradient(135deg,var(--terra-light) 0%,var(--surface-2) 100%);border-bottom:1px solid var(--border)}.flight-card__header-right{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.flight-card__conf{display:flex;align-items:center;gap:5px}.flight-card__conf-label{font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.flight-card__conf-code{font-size:13px;font-weight:900;letter-spacing:.12em;color:var(--terra)}.flight-card__airline{display:flex;align-items:center;gap:8px}.flight-card__airline-logo{font-size:18px;color:var(--terra)}.flight-card__airline-name{font-size:13px;font-weight:800;color:var(--text);letter-spacing:.01em}.flight-card__badge{font-size:11px;font-weight:800;letter-spacing:.08em;background:var(--terra-dim);color:var(--terra);border:1.5px solid var(--border-acc);border-radius:var(--r-xl);padding:3px 10px}.flight-card__route{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:22px 20px 16px}.flight-card__city{display:flex;flex-direction:column;gap:2px}.flight-card__city--right{text-align:right;align-items:flex-end}.flight-card__code{font-size:38px;font-weight:900;letter-spacing:-.04em;color:var(--text);line-height:1}.flight-card__city-name{font-size:11px;font-weight:600;color:var(--text-muted);letter-spacing:.03em}.flight-card__time{font-size:13px;font-weight:800;color:var(--terra);margin-top:4px}.flight-card__path{display:flex;flex-direction:column;align-items:center;gap:2px;padding:0 4px}.flight-card__path-line{width:56px;height:1.5px;background:linear-gradient(to right,var(--surface-3),var(--terra),var(--surface-3));margin:2px 0;border-radius:2px}.flight-card__path-plane{font-size:16px;color:var(--terra);transform:rotate(90deg)}.flight-card__duration{font-size:10px;font-weight:700;color:var(--text-muted);letter-spacing:.06em;margin-top:4px}.flight-card__tear{display:flex;align-items:center;position:relative;border-top:1.5px dashed var(--border-acc)}.flight-card__tear-circle{width:18px;height:18px;background:var(--bg);border-radius:50%;position:absolute;top:50%;transform:translateY(-50%)}.flight-card__tear-circle--left{left:-9px}.flight-card__tear-circle--right{right:-9px}.flight-card__tear-dashes{flex:1;height:0;margin:8px 16px}.flight-card__details{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border)}.flight-card__detail{display:flex;flex-direction:column;gap:3px;padding:13px 16px;background:var(--surface)}.flight-card__detail:last-child:nth-child(odd){grid-column:1 / -1}.flight-card__detail-label{font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.flight-card__detail-value{font-size:13px;font-weight:700;color:var(--text)}.flight-card__checkin{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 14px;border-top:1.5px dashed var(--border-acc);margin-top:2px;gap:10px}.flight-card__checkin-label{font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.flight-card__checkin-btn{display:inline-flex;align-items:center;background:var(--terra);color:#fff;font-family:var(--ff);font-size:12px;font-weight:700;padding:7px 14px;border-radius:var(--r-xl);text-decoration:none;transition:filter .15s}.flight-card__checkin-btn:hover{filter:brightness(.88)}.flight-card__checkin-when{font-size:12px;font-weight:600;color:var(--text-2)}.slide-destinations__list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px}.slide-destinations__list>*:only-child,.slide-destinations__list>*:last-child:nth-child(odd){grid-column:1 / -1}.dest-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r);overflow:hidden;cursor:default;transition:transform .22s,box-shadow .22s,border-color .22s;box-shadow:var(--shadow-sm)}.dest-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--border-acc)}.dest-card__photo{width:100%;aspect-ratio:4 / 3;background-size:cover;background-position:center;position:relative;overflow:hidden}.dest-card__photo img{width:100%;height:100%;object-fit:cover;display:block}.dest-card__icon-badge{position:absolute;bottom:8px;left:8px;width:30px;height:30px;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;box-shadow:0 2px 8px #2d1f142e}.dest-card__body{padding:11px 13px 13px}.dest-card__name{font-size:13px;font-weight:800;color:var(--text);margin-bottom:3px;line-height:1.2}.dest-card__desc{font-size:11px;font-weight:500;color:var(--text-muted);line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.slide-destinations__list>.dest-card:only-child .dest-card__photo,.slide-destinations__list>.dest-card:last-child:nth-child(odd) .dest-card__photo{aspect-ratio:16 / 7}.dest-card__footer{display:flex;align-items:center;gap:8px;margin-top:7px;flex-wrap:wrap}.dest-card__maps-btn{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:800;font-family:var(--ff);color:var(--terra);background:var(--terra-light);border:1px solid var(--border-acc);border-radius:var(--r-xl);padding:3px 9px 3px 7px;cursor:pointer;transition:background .16s,box-shadow .16s;letter-spacing:.01em}.dest-card__maps-btn:hover{background:var(--terra-dim);box-shadow:var(--shadow-sm)}.dest-card--gpx{border-color:#7aaccf4d}.dest-card__gpx-badge{display:flex;align-items:center;gap:5px;margin-top:6px;font-size:10px;font-weight:700;color:var(--sky)}.gpx-dot{width:5px;height:5px;border-radius:50%;background:var(--sky);animation:gpx-pulse 2s ease-in-out infinite;flex-shrink:0}@keyframes gpx-pulse{0%,to{opacity:1}50%{opacity:.25}}.slide-drive{display:flex;flex-direction:column;gap:16px;padding-top:4px}.slide-drive__route{display:flex;align-items:center;gap:10px;padding:18px 20px;background:var(--surface-2);border:1.5px solid var(--border);border-radius:var(--r)}.slide-drive__city{font-size:18px;font-weight:800;color:var(--text-muted);flex-shrink:0;letter-spacing:-.01em}.slide-drive__city--to{color:var(--text)}.slide-drive__line{flex:1;display:flex;align-items:center;gap:4px}.slide-drive__dot{width:7px;height:7px;background:var(--terra);border-radius:50%;flex-shrink:0}.slide-drive__dashes{flex:1;height:1.5px;background:repeating-linear-gradient(to right,var(--terra) 0px,var(--terra) 4px,transparent 4px,transparent 9px);opacity:.45;border-radius:2px}.slide-drive__arrow{color:var(--terra);font-size:16px;font-weight:900;flex-shrink:0}.slide-drive__stats{display:flex;gap:10px}.slide-drive__stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:18px 12px;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow-sm)}.slide-drive__stat-value{font-size:24px;font-weight:900;letter-spacing:-.03em;color:var(--terra);line-height:1}.slide-drive__stat-label{font-size:10px;font-weight:700;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase}.slide-drive__hint{font-size:12px;font-weight:500;color:var(--text-muted);font-style:italic}.slide-outro{display:flex;flex-direction:column;gap:10px;padding-top:12px}.slide-outro__stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.slide-outro__stat{display:flex;flex-direction:column;gap:3px;padding:18px 16px;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s,border-color .2s}.slide-outro__stat:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border-acc)}.slide-outro__stat:last-child:nth-child(odd){grid-column:1 / -1}.slide-outro__stat-value{font-size:34px;font-weight:900;letter-spacing:-.04em;color:var(--terra);line-height:1}.slide-outro__stat-label{font-size:10px;font-weight:700;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase}.timeline{display:flex;align-items:center;gap:0;height:100%;overflow-x:auto;padding:0 4px;scrollbar-width:none}.timeline::-webkit-scrollbar{display:none}.timeline__group{display:flex;flex-direction:column;align-items:center;gap:5px;padding:0 14px;position:relative}.timeline__group+.timeline__group{border-left:1px solid var(--border)}.timeline__group-label{font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap}.timeline__dots,.timeline__dot-wrap{display:flex;align-items:center}.timeline__connector{width:18px;height:2px;background:var(--border);border-radius:2px;transition:background .3s}.timeline__connector--past{background:var(--terra);opacity:.35}.timeline__dot{width:9px;height:9px;border-radius:50%;background:var(--surface-3);border:2px solid var(--surface-3);cursor:pointer;position:relative;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s;display:flex;align-items:center;justify-content:center}.timeline__dot:hover{transform:scale(1.4);border-color:var(--terra);background:var(--terra-light)}.timeline__dot--past{background:var(--terra-dim);border-color:var(--terra);opacity:.55}.timeline__dot--active{width:11px;height:11px;background:var(--terra);border-color:var(--terra);box-shadow:0 0 0 3px var(--terra-light),0 0 12px var(--terra-glow);transform:scale(1.1)}.timeline__dot-pulse{position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;background:var(--terra);opacity:.22;animation:pulse 2.2s infinite}@keyframes pulse{0%{transform:scale(.7);opacity:.28}50%{transform:scale(1.6);opacity:.08}to{transform:scale(.7);opacity:.28}}.maplibregl-ctrl-bottom-left,.maplibregl-ctrl-bottom-right,.maplibregl-ctrl-top-left,.maplibregl-ctrl-top-right{display:none!important}.vibe-strip{columns:2;column-gap:10px;margin-top:18px;padding-bottom:4px}.vibe-strip__item{break-inside:avoid;display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.vibe-strip__photo{position:relative;width:100%;aspect-ratio:3 / 4;border-radius:var(--r-sm);overflow:hidden;background:var(--surface-2)}.vibe-strip__item:nth-child(2) .vibe-strip__photo,.vibe-strip__item:nth-child(4) .vibe-strip__photo{aspect-ratio:2 / 3}.vibe-strip__photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.vibe-strip__item:hover .vibe-strip__photo img{transform:scale(1.04)}.vibe-strip__caption{position:absolute;bottom:0;left:0;right:0;padding:20px 8px 7px;font-size:10px;font-weight:700;letter-spacing:.02em;color:#fff;background:linear-gradient(to top,rgba(0,0,0,.58),transparent);pointer-events:none}.vibe-strip__credit{display:block;font-size:9.5px;font-weight:500;color:var(--text-muted);text-decoration:none;transition:color .2s;padding:0 2px}.vibe-strip__credit:before{content:"📷 ";font-size:9px}.vibe-strip__credit:hover{color:var(--terra)}@media (max-width: 900px){:root{--panel-w: 100vw;--timeline-h: 64px;--panel-h: 50vh}.app__map{right:0;bottom:calc(var(--timeline-h) + var(--panel-h) - var(--panel-drag-y, 0px))}.app__vignette{display:none}.app__panel{top:auto;bottom:var(--timeline-h);height:var(--panel-h);width:100%;border-left:none;border-radius:var(--r-lg) var(--r-lg) 0 0;box-shadow:0 -8px 32px #2d1f141a}.app__panel-handle{display:block}.slide-intro__title{font-size:52px}.slide-destinations__list{grid-template-columns:1fr}}.ship-tracker{background:var(--surface-2);border:1px solid var(--surface-3);border-radius:var(--r-md);overflow:hidden;margin-bottom:20px}.ship-tracker--loading,.ship-tracker--error{padding:14px 16px;font-size:13px;color:var(--ink-dim);display:flex;align-items:center;gap:8px}.ship-tracker--error a{color:var(--terra);text-decoration:none}.ship-tracker__header{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--surface-3);background:var(--surface)}.ship-tracker__title{font-weight:700;font-size:13px;color:var(--ink);flex:1;letter-spacing:.02em}.ship-tracker__weather{font-size:11px;color:var(--ink-dim)}.ship-tracker__live{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:#5a9e6f}.ship-tracker__dot{width:6px;height:6px;background:#5a9e6f;border-radius:50%;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.ship-tracker__empty{padding:14px 16px;font-size:12px;color:var(--ink-dim);font-style:italic}.ship-tracker__list{display:flex;flex-direction:column}.ship-row{padding:10px 14px;border-bottom:1px solid var(--surface-3);cursor:pointer;transition:background .15s}.ship-row:last-child{border-bottom:none}.ship-row:hover{background:var(--surface)}.ship-row--lift{background:#c4714a0a}.ship-row--lift:hover{background:#c4714a14}.ship-row__main{display:flex;align-items:center;gap:10px}.ship-row__flag{font-size:18px;flex-shrink:0}.ship-row__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.ship-row__name{font-size:12px;font-weight:700;color:var(--ink);letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ship-row__meta{font-size:11px;color:var(--ink-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ship-row__right{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex-shrink:0}.ship-row__dir{font-size:10px;font-weight:700;letter-spacing:.06em;padding:2px 6px;border-radius:4px}.ship-row__dir--in{background:#5a9e6f26;color:#3d7a56}.ship-row__dir--out{background:#c4714a26;color:var(--terra)}.ship-row__time{font-size:11px;color:var(--ink-dim);white-space:nowrap}.ship-row__detail{margin-top:10px;padding-top:10px;border-top:1px solid var(--surface-3);display:flex;flex-direction:column;gap:8px}.ship-row__img{width:100%;max-height:140px;object-fit:cover;border-radius:var(--r-sm)}.ship-row__detail-text{font-size:12px;color:var(--ink-dim);line-height:1.5}.ship-row__spec{font-size:11px;font-weight:600;color:var(--ink-dim);letter-spacing:.04em}.ship-preview{background:var(--surface-2);border:1px solid var(--border-acc);border-radius:var(--r-md);overflow:hidden;margin-bottom:16px;cursor:pointer;transition:box-shadow .18s,transform .18s}.ship-preview:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.ship-preview--loading,.ship-preview--error{padding:12px 14px;font-size:12px;color:var(--text-muted)}.ship-preview--error a{color:var(--terra);text-decoration:none}.ship-preview__head{display:flex;align-items:center;gap:8px;padding:9px 14px 8px;border-bottom:1px solid var(--border)}.ship-preview__title{font-weight:700;font-size:12px;color:var(--text);flex:1}.ship-preview__meta{font-size:11px;color:var(--text-muted);display:flex;align-items:center;gap:6px}.ship-preview__live-dot{width:6px;height:6px;background:#5a9e6f;border-radius:50%;animation:pulse-dot 2s ease-in-out infinite}.ship-preview__rows{padding:4px 0}.ship-preview__row{display:flex;align-items:center;gap:8px;padding:5px 14px;font-size:12px}.ship-preview__flag{font-size:15px;flex-shrink:0}.ship-preview__name{flex:1;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ship-preview__dir{font-weight:800;font-size:13px;flex-shrink:0}.ship-preview__dir.in{color:#3d7a56}.ship-preview__dir.out{color:var(--terra)}.ship-preview__time{font-size:11px;color:var(--text-muted);flex-shrink:0}.ship-preview__empty{padding:10px 14px;font-size:12px;color:var(--text-muted);font-style:italic}.ship-preview__cta{padding:8px 14px;font-size:11px;font-weight:700;color:var(--terra);border-top:1px solid var(--border);letter-spacing:.02em}.harbor-page{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg);z-index:50;display:flex;flex-direction:column;overflow:hidden}.harbor-page__header{display:flex;align-items:center;gap:10px;padding:14px 16px 12px;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0}.harbor-page__back{background:none;border:none;cursor:pointer;font-size:13px;font-weight:700;color:var(--terra);font-family:var(--ff);padding:0;flex-shrink:0}.harbor-page__title{flex:1;font-weight:800;font-size:15px;color:var(--text)}.harbor-page__weather{font-size:11px;color:var(--text-muted);flex-shrink:0}.harbor-page__map{height:200px;flex-shrink:0;border-bottom:1px solid var(--border);position:relative}.harbor-page__filters{display:flex;gap:6px;padding:10px 14px;border-bottom:1px solid var(--border);flex-shrink:0;overflow-x:auto;background:var(--surface)}.harbor-filter{padding:5px 12px;border-radius:20px;border:1px solid var(--border);background:var(--surface-2);font-size:12px;font-weight:600;font-family:var(--ff);color:var(--text-2);cursor:pointer;white-space:nowrap;transition:all .15s}.harbor-filter--active{background:var(--terra);border-color:var(--terra);color:#fff}.harbor-page__list{flex:1;overflow-y:auto;padding:8px 12px 80px;display:flex;flex-direction:column;gap:6px}.harbor-page__msg{font-size:13px;color:var(--text-muted);padding:16px 4px;font-style:italic}.hsc{background:var(--surface);border-radius:var(--r-sm);cursor:pointer;transition:box-shadow .15s,background .15s;border:1px solid var(--border);border-left-width:4px}.hsc:hover{box-shadow:var(--shadow-sm);background:var(--surface-2)}.hsc--sel{box-shadow:0 0 0 2px var(--terra-glow)}.hsc.in{border-left-color:#5a9e6f}.hsc.out{border-left-color:var(--terra)}.hsc__stripe{display:none}.hsc__content{padding:9px 12px}.hsc__row1{display:flex;align-items:center;gap:7px;margin-bottom:3px}.hsc__flag{font-size:15px;flex-shrink:0;line-height:1}.hsc__name{flex:1;font-size:13px;font-weight:700;color:var(--text);letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.hsc__time{flex-shrink:0;font-size:12px;font-weight:600;color:var(--text-2);white-space:nowrap}.hsc__row2{display:flex;align-items:center;gap:4px;padding-left:22px}.hsc__dir{flex-shrink:0;font-size:11px;font-weight:700}.hsc__dir.in{color:#3d7a56}.hsc__dir.out{color:var(--terra)}.hsc__sep{color:var(--text-muted);font-size:10px;flex-shrink:0;opacity:.5}.hsc__harbor{font-size:11px;color:var(--text-muted);flex-shrink:0}.hsc__cargo{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.harbor-drawer{position:absolute;bottom:0;left:0;right:0;background:var(--surface);border-top:1px solid var(--border);border-radius:var(--r-lg) var(--r-lg) 0 0;z-index:60;max-height:70%;overflow-y:auto;box-shadow:0 -8px 32px #2d1f141f}.harbor-drawer__close{position:absolute;top:12px;right:14px;background:var(--surface-2);border:none;border-radius:50%;width:28px;height:28px;cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center;font-family:var(--ff);color:var(--text-2)}.harbor-drawer__img{width:100%;max-height:180px;object-fit:cover}.harbor-drawer__body{padding:14px 16px 24px}.harbor-drawer__name{font-size:16px;font-weight:800;color:var(--text);margin-bottom:8px}.harbor-drawer__meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:8px;font-size:12px;color:var(--text-2)}.harbor-drawer__dir{font-weight:700;padding:2px 8px;border-radius:4px}.harbor-drawer__dir.in{background:#5a9e6f1f;color:#3d7a56}.harbor-drawer__dir.out{background:var(--terra-dim);color:var(--terra)}.harbor-drawer__cargo{font-size:12px;color:var(--text-muted);margin-bottom:8px}.harbor-drawer__details{font-size:13px;color:var(--text-2);line-height:1.55;margin-bottom:10px}.harbor-drawer__specs{font-size:11px;font-weight:700;color:var(--text-muted);letter-spacing:.04em;margin-bottom:10px}.harbor-drawer__notes{font-size:12px;color:var(--text-muted)}.harbor-drawer__notes summary{cursor:pointer;font-weight:600;color:var(--terra);margin-bottom:6px}.harbor-drawer__notes p{line-height:1.55}