:root{color-scheme:light dark;--navy:#082f49;--blue:#0369a1;--sky:#e0f2fe;--paper:#f6f8fa;--card:#fff;--ink:#10212c;--muted:#61727d;--line:#d9e1e5;--accent:#f59e0b;--safe-bottom:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:var(--paper);overflow-x:hidden}body{margin:0;font:16px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);padding-bottom:calc(92px + var(--safe-bottom));overflow-x:hidden}body:has(dialog[open]){overflow:hidden}
button,input,select,textarea{font:inherit;font-size:16px}button{touch-action:manipulation}.app-header{background:linear-gradient(135deg,var(--navy),#075985);color:#fff;padding:calc(18px + env(safe-area-inset-top,0px)) 18px 19px;display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.app-header h1{font-size:1.35rem;margin:2px 0 0;line-height:1.2}.eyebrow{font-size:.72rem;letter-spacing:.09em;text-transform:uppercase;font-weight:750;opacity:.75;margin:0}.status{font-size:.75rem;padding:6px 9px;border:1px solid #ffffff42;border-radius:99px;white-space:nowrap}.status span{display:inline-block;width:7px;height:7px;background:#4ade80;border-radius:50%;margin-right:5px}.status.offline span{background:#fbbf24}
main{max-width:760px;margin:0 auto;padding:14px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:0 3px 16px #0c4a6e0a;margin-bottom:14px}.route{padding:16px;display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center}.route div>span{display:block;color:var(--muted);font-size:.75rem}.route strong{font-size:1.15rem}.route-line{color:var(--blue);font-size:1.4rem}.sun{grid-column:1/-1;display:flex!important;gap:16px;border-top:1px solid var(--line);padding-top:10px;color:var(--muted);font-size:.82rem}.sun span{display:inline!important}
.checklist-link{display:grid;grid-template-columns:44px 1fr auto;gap:11px;align-items:center;padding:13px 15px;color:var(--ink);text-decoration:none}.checklist-link-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--sky);color:var(--blue);font-size:1.25rem;font-weight:900}.checklist-link small{display:block;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;font-weight:750}.checklist-link strong{display:block;font-size:1rem}.checklist-link-arrow{color:var(--blue);font-size:1.8rem;line-height:1}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.section-heading h2{font-size:1.15rem;margin:2px 0 0}.source,.section-heading>span{font-size:.75rem;color:var(--muted)}.weather{padding:16px 0 12px}.weather>.section-heading{padding:0 16px}.weather-scroll{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:8px;padding:14px 16px 8px;scrollbar-width:none}.weather-scroll::-webkit-scrollbar{display:none}.weather-slot{position:relative;flex:0 0 132px;scroll-snap-align:start;background:var(--paper);border:1px solid var(--line);border-radius:13px;padding:10px;display:flex;flex-direction:column;gap:4px}.weather-slot time{font-weight:750;color:var(--blue)}.weather-main{font-size:1.45rem}.weather-slot strong{font-size:.9rem}.weather-slot span:not(.weather-main):not(.weather-alert){font-size:.73rem;color:var(--muted);white-space:nowrap}.weather-alert{align-self:flex-start;border-radius:99px;padding:2px 7px;font-size:.64rem;font-weight:850;text-transform:uppercase;letter-spacing:.04em}.weather-warning{background:#fffbeb;border:2px solid #f59e0b}.weather-warning .weather-alert{background:#f59e0b;color:#261600}.weather-danger{background:#fff1f2;border:2px solid #ef4444}.weather-danger .weather-alert{background:#dc2626;color:#fff}.weather-danger time{color:#b91c1c}.scroll-hint{text-align:center;color:var(--muted);font-size:.7rem;margin:3px 0 0}
.shortcuts{padding:7px 12px 13px;display:grid;grid-template-columns:1fr 1fr;gap:9px}.shortcuts legend{padding:0 7px;color:var(--navy);font-weight:750;font-size:.82rem}.shortcuts button{min-height:48px;border:1px solid #bae6fd;border-radius:11px;background:var(--sky);color:var(--navy);font-weight:700}.shortcuts button span{color:var(--blue);margin-right:5px}
.timeline{padding:5px 2px}.timeline>.section-heading{padding:0 3px 10px}.entry{display:grid;grid-template-columns:54px 1fr;gap:10px;padding:13px 3px;border-top:1px solid var(--line)}.entry time{color:var(--blue);font-weight:750}.entry p{color:var(--muted);font-size:.82rem;margin:3px 0 0}.fab{position:fixed;right:18px;bottom:calc(18px + var(--safe-bottom));height:54px;border:0;border-radius:27px;padding:0 19px;background:var(--accent);color:#261600;font-weight:800;box-shadow:0 7px 22px #0004;z-index:5}.fab span{margin-left:3px}
dialog{border:0;padding:0;width:min(100% - 16px,620px);max-height:calc(100dvh - 16px);border-radius:20px;background:var(--card);color:var(--ink);box-shadow:0 20px 70px #0007}dialog::backdrop{background:#001621a8;backdrop-filter:blur(2px)}dialog form{padding:22px;overflow-y:auto;overflow-x:hidden;max-height:calc(100dvh - 16px);font-size:17px}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:17px}.dialog-head h2{margin:2px 0;font-size:1.5rem}.icon-button{width:48px;height:48px;border:0;border-radius:50%;background:var(--paper);font-size:1.9rem;line-height:1}.dialog-head+label,label[for]{font-weight:800;font-size:.95rem;color:var(--muted);display:block;margin:14px 0 6px}select,input,textarea{width:100%;min-height:50px;border:2px solid #a9bbc4;border-radius:12px;background:var(--card);color:var(--ink);padding:11px 13px;font-size:17px;line-height:1.3}textarea{resize:vertical;min-height:88px}.entry-meta{display:flex;align-items:center;gap:18px;margin:15px 0 12px;padding:9px 11px;background:var(--paper);border-radius:10px;color:var(--muted);font-size:15px}.entry-meta strong{color:var(--ink);font-size:17px}.entry-meta input[type="hidden"]{display:none}.common-fields label,.form-grid label,.dynamic-grid label{font-size:.94rem;line-height:1.3;color:var(--muted);font-weight:800}.common-fields input,.form-grid input,.dynamic-grid input,.dynamic-grid select{margin-top:6px}.dynamic-group{border-top:2px solid var(--line);margin-top:17px;padding-top:15px}.dynamic-group h3{font-size:1.02rem;margin:0 0 12px;color:var(--navy)}.dynamic-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.dynamic-grid .wide{grid-column:1/-1}.speed-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tap-group{min-width:0}.tap-group h4{font-size:.9rem;line-height:1.25;margin:0 0 8px;color:var(--muted)}.tap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.tap-grid button{min-width:0;min-height:42px;padding:4px 2px;border:1px solid #8ca4af;border-radius:9px;background:var(--paper);color:var(--ink);font-size:.86rem;font-weight:750}.tap-grid button[aria-pressed="true"]{background:var(--blue);border-color:var(--blue);color:#fff}.other-value{margin-top:7px!important;min-height:44px!important;padding:8px 9px!important;font-size:16px!important}.wind-picker{display:grid;grid-template-columns:1fr 1fr;gap:14px}.compass-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.compass-grid button:nth-child(1){grid-column:2;grid-row:1}.compass-grid button:nth-child(2){grid-column:3;grid-row:1}.compass-grid button:nth-child(3){grid-column:3;grid-row:2}.compass-grid button:nth-child(4){grid-column:3;grid-row:3}.compass-grid button:nth-child(5){grid-column:2;grid-row:3}.compass-grid button:nth-child(6){grid-column:1;grid-row:3}.compass-grid button:nth-child(7){grid-column:1;grid-row:2}.compass-grid button:nth-child(8){grid-column:1;grid-row:1}.file-field{display:block;margin-top:16px;padding:14px;border:2px dashed #93a7b1;border-radius:12px;color:var(--blue);font-size:1rem;font-weight:800;min-height:52px}.file-field input{position:absolute;opacity:0;width:1px;height:1px}.dialog-actions{display:grid;grid-template-columns:1fr 1.35fr;gap:10px;margin-top:19px}.dialog-actions button{min-height:54px;border-radius:12px;font-size:1rem;font-weight:800}.secondary{border:2px solid var(--line);background:var(--card);color:var(--ink)}.primary{border:0;background:var(--blue);color:#fff}.toast{position:fixed;left:50%;bottom:calc(82px + var(--safe-bottom));transform:translate(-50%,20px);background:#10212c;color:#fff;border-radius:99px;padding:10px 16px;opacity:0;transition:.2s;pointer-events:none;z-index:20;font-size:.86rem;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:480px){main{padding:11px}.weather-slot{flex-basis:126px}dialog{inset:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;border-radius:0;box-shadow:none}dialog form{height:100dvh;max-height:none;padding:calc(16px + env(safe-area-inset-top,0px)) 15px calc(22px + env(safe-area-inset-bottom,0px))}.fab{right:13px}.app-header{padding-left:14px;padding-right:14px}}
@media(prefers-color-scheme:dark){:root{--paper:#071923;--card:#0e2733;--ink:#ecf6fa;--muted:#9eb2bd;--line:#294550;--sky:#10384c}.shortcuts legend,.dynamic-group h3{color:#bae6fd}.shortcuts button{color:#e0f2fe;border-color:#287095}.weather-warning{background:#3b2f09}.weather-danger{background:#3b1117}.tap-grid button{border-color:#49616b}input,select,textarea{border-color:#49616b}}