:root{color-scheme:light;--navy:#04283c;--ink:#0c2233;--ocean:#0a6284;--teal:#086b74;--accent:#0068d6;--accent-ink:#ffffff;--bg:#e7f3f6;--white:#ffffff;--line:#7590a0;--muted:#3d5568;--shadow:0 8px 22px #04283c24;--sea:#08344c;--sea-deep:#04283c;--sea-mid:#0e6e86;--sea-glow:#3ad4e0;--on-sea:#f4fbff;--on-sea-muted:#d5eaf6;--icon-bg:#dff6f7;--gold:#7a4e00;--warn-bg:#fff3cf;--warn-ink:#604600;--focus:#0068d6}
html,body{max-width:100%;overflow-x:clip}header{background:var(--white);border-bottom:0}.card,.trip,.tool{background:var(--white);border-radius:20px}.btn{background:var(--accent);color:var(--accent-ink);min-height:44px}.btn.small,.tabs button{min-height:44px}.x{min-width:44px;min-height:44px}.bottom{background:var(--white)}.bottom-inner{grid-template-columns:repeat(5,minmax(0,1fr))}.bottom button.active{color:var(--accent-ink);background:var(--accent);font-weight:800}.bottom button[data-m25="create"] span{display:grid;place-items:center;background:var(--ocean);color:white;border-radius:50%;width:42px;height:42px}.m25-banner{padding:8px 16px;background:#fff3cf;color:#604600;font-size:12px;text-align:center}.m25-heading{margin-bottom:22px}.m25-heading h1{font-size:32px}.m25-theme{margin:16px 0}.m25-nearest{border-left:4px solid var(--ocean)}
:root[data-theme="dark"]{color-scheme:dark;--navy:#e7f3fb;--ink:#f4f8fb;--ocean:#8fd4ff;--teal:#7eefe6;--accent:#0068d6;--accent-ink:#ffffff;--bg:#07141f;--white:#102433;--line:#4e7390;--muted:#c5d5e2;--shadow:0 10px 28px #00000066;--sea:#08344c;--sea-deep:#04283c;--sea-mid:#0e6e86;--sea-glow:#3ad4e0;--on-sea:#f4fbff;--on-sea-muted:#d5eaf6;--icon-bg:#16384a;--gold:#f0c36a;--warn-bg:#fff3cf;--warn-ink:#604600;--focus:#7ec8ff}
:root[data-theme="dark"] .field,:root[data-theme="dark"] dialog,:root[data-theme="dark"] .tabs button,:root[data-theme="dark"] .tool{background:var(--white);color:var(--ink);border-color:var(--line)}
:root[data-theme="dark"] .btn.ghost,:root[data-theme="dark"] .btn.outline{background:#243e53;color:#d8edff}
@media(max-width:380px){main{padding-inline:12px}.grid2{gap:8px}.bottom button{font-size:10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Approved card/grid hierarchy. Placeholder artwork carries no destination data. */
.m25-tools,.m25-trip-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}.m25-tool{display:flex;align-items:center;gap:10px;min-height:90px;width:100%;min-width:0;text-align:left;padding:12px;border:1px solid var(--line);border-radius:18px;background:var(--white);color:var(--ink);box-shadow:var(--shadow)}.m25-tool>span:nth-child(2){flex:1;min-width:0}.m25-tool strong{display:block;font-size:13px;line-height:1.3;overflow-wrap:anywhere}.m25-tool small{display:block;font-size:11px;line-height:1.4;color:var(--muted);margin-top:4px}.m25-tool>svg{width:14px;flex-shrink:0;color:var(--muted)}.m25-tool-icon{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border-radius:50%;background:var(--icon-bg);color:var(--teal)}.m25-voyage{position:relative;isolation:isolate;overflow:hidden;background:var(--sea);border-radius:20px;color:var(--on-sea);min-height:210px;margin-bottom:14px;box-shadow:var(--shadow)}.m25-voyage h2{color:var(--on-sea);font-size:23px;margin:13px 0 6px;overflow-wrap:anywhere}.m25-voyage p{color:var(--on-sea-muted);font-size:13px}.m25-sea{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 84% 0%,var(--sea-glow) 0%,transparent 42%),linear-gradient(160deg,var(--sea-mid),var(--sea) 42%,var(--sea-deep))}.m25-sea>svg{position:absolute;right:6%;top:18%;width:150px;height:150px;opacity:.13;stroke-width:.5}.m25-voyage-content{padding:20px}.m25-status{display:inline-block;padding:6px 10px;background:#ffffff20;border-radius:10px;font-size:11px;font-weight:700}.m25-voyage-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;margin:12px 0 16px;color:var(--on-sea)}.m25-voyage .btn{display:inline-flex;align-items:center;gap:12px;background:var(--accent);color:var(--accent-ink);border-radius:14px}.m25-nearest{border-left:0}.m25-search{position:relative;display:flex;align-items:center;margin:0 0 16px}.m25-search>svg{position:absolute;left:13px;color:var(--muted);width:20px}.m25-search input{padding-left:42px}.m25-picker{display:flex;align-items:center;gap:12px;min-height:64px;padding:14px;border:1px solid var(--line);background:var(--white);color:var(--ink);border-radius:14px;text-align:left}.m25-picker>span{flex:1;min-width:0}.m25-picker small{display:block;margin-top:4px;color:var(--muted)}.m25-empty .btn,.btn.full{display:flex;align-items:center;justify-content:center;gap:8px}.bottom button span{display:grid;place-items:center;min-height:26px}.bottom button[data-m25="create"] span{width:42px;height:42px}.brand .mark{background:transparent;color:var(--teal)}.brand .mark svg{width:38px;height:38px}.headright{background:transparent;color:var(--muted)}.m25-list-controls .tabs{margin-top:0}.m25-trip-actions{margin-top:8px}button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.field{min-height:44px}
:root[data-theme="dark"] .stat,:root[data-theme="dark"] .notice{background:#223b51;color:#ccdeef}:root[data-theme="dark"] .stat b{color:#e2efff}:root[data-theme="dark"] label{color:#c6d9ea}:root[data-theme="dark"] .message{background:#24394b}:root[data-theme="dark"] .message.mine{background:#16494e}
@media(max-width:359px){.m25-tools,.m25-trip-actions{grid-template-columns:1fr}.m25-heading h1{font-size:28px}}@media(min-width:600px){.m25-voyage{min-height:240px}.m25-tool strong{font-size:15px}.m25-tool small{font-size:13px}}@media(max-width:600px){dialog{max-height:calc(100dvh - env(safe-area-inset-top) - 16px)}.modalbody{max-height:calc(100dvh - env(safe-area-inset-top) - 24px);padding-bottom:calc(18px + env(safe-area-inset-bottom))}}

.m25-welcome{text-align:center}.m25-welcome-art{display:grid;place-items:center;height:210px;background:linear-gradient(160deg,var(--sea-glow),var(--teal) 38%,var(--sea-deep));border-radius:24px;margin-bottom:24px;color:white}.m25-welcome-art svg{width:130px;height:130px;stroke-width:1}.m25-login-actions{text-align:left}.m25-login-actions .btn{margin-bottom:10px}.m25-login-actions .space{margin-top:10px}.m25-welcome .m25-heading h1{font-size:34px;max-width:300px;margin:0 auto 12px}.m25-welcome .m25-heading p{max-width:300px;margin:auto}

.m25-money-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}.m25-money-stat{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:16px;padding:14px 10px;background:var(--white);min-width:0}.m25-money-stat>div{min-width:0}.m25-money-stat small{display:block;font-size:11px;color:var(--muted);line-height:1.4}.m25-money-stat strong{display:block;font-size:17px;margin-top:5px;overflow-wrap:anywhere}.m25-split>summary{font-weight:700;min-height:44px;cursor:pointer;padding:10px 0}.m25-split h3{margin-top:14px}.m25-login-actions .btn:disabled{opacity:.65;cursor:default}@media(max-width:480px){.m25-tool>svg{display:none}.m25-tool strong{overflow-wrap:normal;font-size:12.5px}.m25-tool{gap:8px;padding:12px 10px}.m25-tool-icon{width:32px;height:32px}.m25-money-stat{gap:7px;padding:12px 8px}.m25-money-stat strong{font-size:16px}}
.m25-route-chip{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:12px 14px;border:1px solid var(--line);border-radius:18px;background:var(--white);margin-bottom:14px}.m25-route-chip>small{width:100%;font-size:11px;color:var(--muted)}.m25-route-chip>p{flex:1;min-width:0;margin:0;font-size:14px}.m25-route-chip>.w241-link{margin-left:auto}
.w241-metrics-5{grid-template-columns:repeat(5,minmax(0,1fr))!important}
.m25-hourly{margin:16px 0;padding:14px;border:1px solid var(--line);border-radius:18px;background:var(--white)}.m25-hourly-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}.m25-hour{flex:0 0 64px;text-align:center;padding:10px 6px;border-radius:14px;background:var(--icon-bg)}.m25-hour small,.m25-hour span{display:block;font-size:11px;color:var(--muted)}.m25-hour strong{display:block;margin:8px 0 4px;font-size:16px}
.m25-marina-search{display:flex;gap:8px;align-items:center;margin:0 0 12px}.m25-marina-search .m25-search{flex:1;min-width:0;margin:0}.m25-chips{display:flex;gap:8px;overflow-x:auto;margin:0 0 14px;padding-bottom:4px}.m25-chips button{flex-shrink:0;border:1px solid var(--line);background:var(--white);color:var(--ink);border-radius:999px;padding:9px 14px;min-height:44px;font-weight:700;font-size:12px}.m25-chips button.active{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.m25-marina{display:grid;grid-template-columns:92px minmax(0,1fr);gap:12px;align-items:stretch;margin-bottom:12px;border:1px solid var(--line);border-radius:18px;background:var(--white);overflow:hidden;box-shadow:var(--shadow)}.m25-marina-hero{grid-template-columns:1fr;min-height:210px}.m25-marina-media{position:relative;min-height:92px;background:linear-gradient(145deg,var(--sea-mid),var(--sea-deep))}.m25-marina-hero .m25-marina-media{min-height:150px}.m25-marina-flag{position:absolute;left:10px;top:10px;font-size:11px;color:#fff;background:#0006;border-radius:999px;padding:4px 8px}.m25-fav{position:absolute;right:8px;top:8px;width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:#c23b55;font-size:18px}.m25-marina-copy{padding:12px 12px 12px 0}.m25-marina-hero .m25-marina-copy{padding:12px 14px 16px}.m25-marina-open{display:block;width:100%;border:0;background:transparent;text-align:left;color:inherit;padding:0}.m25-marina-open h3{margin:0 0 4px}.m25-marina-score{color:var(--gold);font-size:12px;font-weight:700;margin:6px 0}.m25-marina-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:11px;color:var(--muted)}.m25-marina-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
@media(max-width:600px){.w241-metrics-5{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px 0}.w241-metrics-5>div{border-left:0;padding:8px 4px}.m25-marina:not(.m25-marina-hero){grid-template-columns:76px minmax(0,1fr)}}
:root[data-theme="dark"] .m25-hour,:root[data-theme="dark"] .m25-route-chip,:root[data-theme="dark"] .m25-hourly,:root[data-theme="dark"] .m25-marina{background:var(--white)}
.m25-review-cta{min-height:52px;font-size:16px;margin:0 0 16px}
.m25-expense-actions{display:grid;grid-template-columns:1.4fr .8fr;gap:8px;margin:0 0 16px}
.m25-expense{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:1px solid var(--line);background:var(--white);color:var(--ink);border-radius:16px;padding:12px;margin-bottom:8px;min-height:64px}
.m25-expense-copy{flex:1;min-width:0}.m25-expense-copy strong,.m25-expense-copy small{display:block}.m25-expense-copy small{color:var(--muted);margin-top:4px}
.m25-expense-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;background:#7aa0b5}
.m25-expense-fuel{background:#e07a3d}.m25-expense-food{background:#3d9c6a}.m25-expense-berth{background:#3b6fbf}.m25-expense-transport{background:#8a5cb5}.m25-expense-other{background:#c3921b}
button.m25-route-chip{width:100%;border:1px solid var(--line);cursor:pointer;color:inherit}
.g242-kinds{display:grid;gap:8px}.g242-kinds label{display:flex;gap:10px;align-items:center;min-height:48px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:var(--white)}
@media(max-width:480px){.m25-expense-actions{grid-template-columns:1fr}}