:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--ink:#000;--ink-soft:#333;--line:#000;--line-faint:#c8c8c8;--accent:#00337a;--inverse-bg:#000;--inverse-ink:#fff;--warn-bg:#ffe600;--warn-ink:#000;--tap:64px;--tap-lg:76px;--gap:10px;--radius:8px;--border:3px;--font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--fs-sm:15px;--fs-md:18px;--fs-lg:23px;--fs-xl:30px;--fw-normal:600;--fw-bold:800}@media (prefers-contrast:more){:root{--line-faint:#000;--ink-soft:#000}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--font);font-size:var(--fs-md);font-weight:var(--fw-normal);font-variant-numeric:tabular-nums;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}button,input,select{font:inherit;font-variant-numeric:tabular-nums;color:var(--ink)}.app{flex-direction:column;max-width:1100px;min-height:100%;margin:0 auto;display:flex}.hdr{border-bottom:var(--border) solid var(--line);padding:8px 12px}.hdr__top{align-items:center;gap:var(--gap);display:flex}.hdr__logo{flex:none;width:40px;height:40px}.hdr__brand{font-weight:var(--fw-bold);font-size:var(--fs-md);letter-spacing:.02em}.hdr__tail{font-weight:var(--fw-bold);border:2px solid var(--line);border-radius:var(--radius);margin-left:auto;padding:2px 8px}.hdr__meta{font-size:var(--fs-sm);flex-wrap:wrap;align-items:center;gap:6px 16px;margin-top:6px;display:flex}.hdr__sunset{font-weight:var(--fw-bold)}.sync{border:2px solid var(--line);border-radius:var(--radius);font-size:var(--fs-sm);font-weight:var(--fw-bold);padding:2px 8px}.sync--pending{background:var(--warn-bg);color:var(--warn-ink)}.loads{border-collapse:collapse;table-layout:fixed;width:100%;max-width:100%}.loads th,.loads td{border-bottom:2px solid var(--line-faint);text-align:left;overflow-wrap:anywhere;padding:8px 4px}.loads col.c-seq{width:9%}.loads col.c-time{width:25%}.loads col.c-dur{width:15%}.loads col.c-fuel{width:26%}.loads th{font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.04em;border-bottom:var(--border) solid var(--line)}.loads td.num,.loads th.num{text-align:right}.loads .seq{font-weight:var(--fw-bold);font-size:var(--fs-lg)}.loads .time{font-size:var(--fs-lg);font-weight:var(--fw-bold);width:100%;padding:0 4px}.loads .btn{font-size:var(--fs-sm);white-space:normal;width:100%;padding:4px;line-height:1.1}.loads .btn.time{font-size:var(--fs-lg)}.loads .muted{color:var(--ink-soft)}.btn{min-height:var(--tap);min-width:var(--tap);border:var(--border) solid var(--line);border-radius:var(--radius);background:var(--bg);font-weight:var(--fw-bold);font-size:var(--fs-md);cursor:pointer;padding:0 14px}.btn:active,.btn--primary{background:var(--inverse-bg);color:var(--inverse-ink)}.btn--primary:active{background:var(--bg);color:var(--ink)}.btn--now{min-height:var(--tap-lg);font-size:var(--fs-lg);width:100%}.btn--ghost{border-style:dashed}.btn:disabled{opacity:.45}.row{gap:var(--gap);display:flex}.row--wrap{flex-wrap:wrap}.grow{flex:1 1 0}.pad{padding:12px}.stack{gap:var(--gap);flex-direction:column;display:flex}.totals{border-top:var(--border) solid var(--line);font-weight:var(--fw-bold);flex-wrap:wrap;gap:6px 22px;padding:12px;display:flex}.totals b{font-size:var(--fs-lg)}.sheet{z-index:10;background:#0000008c;place-items:end center;display:grid;position:fixed;inset:0}.sheet__panel{background:var(--bg);border-top:var(--border) solid var(--line);border-radius:var(--radius) var(--radius) 0 0;width:100%;max-width:560px;padding:16px}.sheet__title{font-size:var(--fs-lg);font-weight:var(--fw-bold);margin:0 0 12px}.warnbox{background:var(--warn-bg);color:var(--warn-ink);border:var(--border) solid var(--line);border-radius:var(--radius);font-weight:var(--fw-bold);padding:12px}.field{flex-direction:column;gap:4px;display:flex}.field label{font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.04em}.field input,.field select{min-height:var(--tap);border:var(--border) solid var(--line);border-radius:var(--radius);font-size:var(--fs-xl);font-weight:var(--fw-bold);background:var(--bg);width:100%;padding:0 10px}.nav{border-top:var(--border) solid var(--line);background:var(--bg);margin-top:auto;display:flex;position:sticky;bottom:0}.nav button{min-height:var(--tap);background:var(--bg);font-weight:var(--fw-bold);font-size:var(--fs-md);cursor:pointer;border:0;flex:1}.nav button[aria-current=page]{background:var(--inverse-bg);color:var(--inverse-ink)}@media (width>=860px){.loads th,.loads td{padding:12px 10px}.nav{position:static}.hdr__logo{width:52px;height:52px}}.welcome{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100dvh;padding:24px;display:flex}.welcome__flash{pointer-events:none;z-index:5;background:#fff;animation:.85s ease-out forwards flash;position:fixed;inset:0}@keyframes flash{0%{opacity:1}to{opacity:0}}.welcome__logo{width:min(50vw,190px);height:auto;animation:.7s cubic-bezier(.2,.8,.2,1) both pop}@keyframes pop{0%{opacity:0;filter:brightness(2.4);transform:scale(.7)}55%{opacity:1;filter:brightness(1.3)}to{opacity:1;filter:brightness();transform:scale(1)}}.welcome__title{font-size:var(--fs-xl);font-weight:var(--fw-bold);margin:0;animation:.45s .32s both rise}.welcome__sub{color:var(--ink-soft);margin:0;animation:.45s .42s both rise}.welcome__picker{width:min(100%,420px);margin-top:10px;animation:.45s .56s both rise}.welcome__picker .field input,.welcome__picker .field select{min-height:var(--tap-lg)}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.welcome__flash{display:none}.welcome__logo,.welcome__title,.welcome__sub,.welcome__picker{animation:none}}.hdr__home{align-items:center;gap:var(--gap);min-height:var(--tap);cursor:pointer;font:inherit;color:inherit;text-align:left;background:0 0;border:0;padding:0;display:flex}.hdr__home:active{opacity:.55}.hdr__crew{border:2px solid var(--line);border-radius:var(--radius);background:var(--bg);font-size:var(--fs-sm);font-weight:var(--fw-bold);cursor:pointer;padding:2px 8px}.hdr__crew:active{background:var(--inverse-bg);color:var(--inverse-ink)}.btn--fuel{white-space:normal;width:100%;min-height:56px;padding:4px}.btn--fuel b{font-size:var(--fs-md);display:block}.fuel-total{font-weight:var(--fw-bold);font-size:var(--fs-lg)}.sheet__panel{max-height:92dvh;overflow-y:auto}.readonly{background:var(--inverse-bg);color:var(--inverse-ink);font-weight:var(--fw-bold);padding:12px}.readonly__actions{padding:12px}.about{max-width:720px;margin:0 auto;padding:20px 16px 40px;line-height:1.5}.about__head{align-items:center;gap:14px;display:flex}.about__head h1{font-size:var(--fs-xl);font-weight:var(--fw-bold);margin:0}.about__strap{color:var(--ink-soft);margin:2px 0 0}.about hr{border:0;border-top:var(--border) solid var(--line);margin:18px 0}.about h2{font-size:var(--fs-md);text-transform:uppercase;letter-spacing:.03em;margin:22px 0 8px}.about ul{margin:0;padding-left:20px}.about li{margin-bottom:8px}.about__note{border-left:var(--border) solid var(--line);background:var(--warn-bg);color:var(--warn-ink);font-weight:var(--fw-normal);margin:24px 0 0;padding:12px 14px}.about__back{place-items:center;margin-top:26px;text-decoration:none;display:grid}.welcome__about{color:var(--accent);font-weight:var(--fw-bold);min-height:var(--tap);place-items:center;margin-top:6px;animation:.45s .7s both rise;display:grid}