:root{--bg: #10151c;--bg-raised: #161d27;--card: #161d27;--card-hover: #1c2632;--border: #2a3542;--text: #cdd6e0;--text-muted: #8d99a8;--text-dim: #6b7889;--accent: #c98500;--accent-strong: #e0a020;--accent-ink: #1a1206;--warm: #c98500;--cool: #3987e5;--rain: #3987e5;--danger: #e05a4e;--night: #6b5bc0;--radius: 3px;--radius-sm: 2px;--gap: 8px;--mono: ui-monospace, "SF Mono", "Cascadia Mono", "Roboto Mono", Menlo, Consolas, monospace;--sans: ui-monospace, "SF Mono", "Cascadia Mono", "Roboto Mono", Menlo, Consolas, monospace;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:14.5px;line-height:1.45;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;overflow-x:hidden}button{font:inherit;color:inherit;cursor:pointer}input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.app{max-width:680px;margin:0 auto;padding:12px 12px 64px;display:flex;flex-direction:column;gap:var(--gap)}@media(min-width:900px){.app{max-width:1180px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"head head" "controls controls" "profile profile" "windprofile windprofile" "timeline charts";align-items:start;gap:14px;padding:18px 18px 80px}.app>.site-head{grid-area:head}.app>.controls{grid-area:controls}.app>.profile-block{grid-area:profile}.app>.wind-profile-block{grid-area:windprofile}.app>.timeline{grid-area:timeline}.app>.charts{grid-area:charts;position:sticky;top:18px}}.card{background:var(--card);border-radius:var(--radius);border:1px solid transparent}.muted{color:var(--text-muted)}.dim{color:var(--text-dim)}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.site-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:4px 4px 2px;flex-wrap:wrap}.site-head h1{margin:0;font-size:17px;letter-spacing:-.01em}.site-head .route-name{color:var(--text-muted);font-size:14px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-button{background:none;border:1px solid var(--border);border-radius:var(--radius-sm);padding:5px 12px;font-size:13px;color:var(--text-muted)}.link-button:hover{color:var(--text);border-color:var(--accent)}.site-head-account{display:flex;gap:8px;margin-left:auto}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#060a0ea6;display:flex;align-items:center;justify-content:center;padding:20px;z-index:100}.modal{background:var(--card);border-radius:var(--radius);padding:20px;width:100%;max-width:340px;max-height:82vh;overflow-y:auto}.modal-wide{max-width:460px}.modal-tabs{display:flex;gap:4px;background:var(--bg-raised);border-radius:var(--radius-sm);padding:3px;margin-bottom:16px}.modal-tabs button{flex:1;background:none;border:none;border-radius:var(--radius-sm);padding:7px 0;font-size:13.5px;font-weight:600;color:var(--text-muted)}.modal-tabs button.active{background:var(--accent);color:var(--accent-ink)}.modal-form{display:flex;flex-direction:column;gap:12px}.modal-form label{display:flex;flex-direction:column;gap:5px;font-size:12.5px;color:var(--text-muted)}.modal-form input{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px 10px;font-size:14px;color:var(--text)}.modal-form input:focus-visible{border-color:var(--accent)}.modal-hint{font-size:12px;color:var(--text-dim);margin:0}.modal-error{font-size:12.5px;color:#ffb4b4;background:#ef5f5f1f;border-radius:var(--radius-sm);padding:8px 10px;margin:0}.modal-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:4px}.modal-head h2{margin:0;font-size:16px}.modal-count{font-family:var(--mono);font-size:13px;color:var(--text-muted)}.my-routes-list{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.my-routes-row{display:flex;align-items:center;gap:10px;background:var(--bg-raised);border-radius:var(--radius-sm);padding:4px 4px 4px 12px}.my-routes-open{flex:1;min-width:0;background:none;border:none;text-align:left;padding:9px 0;color:var(--text);font-size:14px;display:flex;flex-direction:column;gap:2px}.my-routes-date{font-size:11.5px;color:var(--text-dim)}.my-routes-actions{display:flex;align-items:center;gap:6px;flex:none}.visibility-toggle{border:none;border-radius:var(--radius-sm);padding:5px 11px;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.visibility-toggle.public{background:#34c3f029;color:var(--accent)}.visibility-toggle.private{background:#8b949e29;color:var(--text-muted)}.my-routes-remove{width:30px;height:30px;border:none;border-radius:var(--radius-sm);background:none;color:var(--text-dim);font-size:18px;line-height:1}.my-routes-remove:hover{color:var(--danger)}.upload{padding:28px 20px;text-align:center;border:2px dashed var(--border);border-radius:var(--radius);background:var(--bg-raised);transition:border-color .15s,background .15s}.upload.dragging{border-color:var(--accent);background:var(--card-hover)}.upload h2{margin:0 0 6px;font-size:19px}.upload p{margin:0 auto 18px;max-width:46ch;color:var(--text-muted);font-size:14px}.button-primary{background:var(--accent);color:var(--accent-ink);border:none;border-radius:var(--radius-sm);padding:11px 20px;font-weight:650;font-size:15px}.button-primary:hover{background:var(--accent-strong)}.button-primary:disabled{opacity:.5;cursor:progress}.upload-sample{margin-top:14px;font-size:13px}.upload-sample button{background:none;border:none;color:var(--accent);text-decoration:underline;padding:0}.notice{padding:11px 14px;border-radius:var(--radius-sm);font-size:13.5px;line-height:1.5;background:var(--bg-raised);border-left:3px solid var(--accent);color:var(--text-muted)}.notice.warn{border-left-color:var(--warm)}.notice.error{border-left-color:var(--danger);color:#ffc9c9}.notice-dismissible{display:flex;align-items:flex-start;gap:10px}.notice-dismiss{flex:none;margin-left:auto;background:none;border:none;color:var(--text-dim);font-size:17px;line-height:1;padding:0 2px}.notice-dismiss:hover{color:var(--text)}.controls{display:flex;flex-direction:column;gap:12px;padding:12px;background:var(--card);border:1px solid var(--border)}.speed-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.step-button{width:46px;height:46px;flex:none;border:none;border-radius:var(--radius-sm);background:var(--accent);color:var(--accent-ink);font-size:26px;line-height:1;display:grid;place-items:center;font-weight:400}.step-button:hover{background:var(--accent-strong)}.step-button:disabled{opacity:.35;cursor:default}.speed-value{text-align:center;min-width:78px}.speed-value strong{display:block;font-size:27px;font-weight:600;line-height:1.05;font-family:var(--mono);font-variant-numeric:tabular-nums}.speed-value span{font-size:10.5px;letter-spacing:.09em;color:var(--text-muted);text-transform:uppercase}.speed-slider{flex:1 1 150px;min-width:110px;accent-color:var(--accent);height:26px}.start-field{display:flex;align-items:center;gap:8px;margin-left:auto}.start-field label{font-size:13px;color:var(--text-muted)}.start-field input{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-sm);padding:7px 9px;font-family:var(--mono);font-size:13px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(84px,1fr));gap:1px;background:var(--border);border:1px solid var(--border)}.stat-tile{background:var(--bg-raised);padding:7px 10px;display:flex;flex-direction:column;gap:2px}.stat-label{font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.stat-value{font-size:15px;font-weight:600;color:var(--accent);white-space:nowrap}.stat-value-critical{color:var(--danger)}.profile-block{padding:12px;background:var(--card);border:1px solid var(--border)}.profile-legend{margin-top:6px;font-size:11.5px;color:var(--text-dim);display:flex;gap:12px;flex-wrap:wrap;align-items:center}.profile-legend .swatch{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:4px;vertical-align:-1px}.timeline{display:flex;flex-direction:column;gap:5px;min-width:0}.hour-card{display:grid;grid-template-columns:62px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 12px;background:var(--card);border:1px solid var(--border)}.hour-card.dark-hour{background:linear-gradient(90deg,rgba(107,91,192,.18),var(--card) 55%)}.hour-when{min-width:0}.hour-when .clock{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:17px;font-weight:600;letter-spacing:-.02em}.hour-when .km{font-size:12px;color:var(--text-muted);font-family:var(--mono)}.hour-main{min-width:0}.hour-sky{display:flex;align-items:center;gap:7px;min-width:0}.hour-sky .label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hour-wind{margin-top:3px;font-size:12.5px;color:var(--text-muted);display:flex;align-items:center;gap:5px;flex-wrap:wrap}.hour-temp{text-align:right;flex:none}.hour-temp .value{font-size:20px;font-weight:620;font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.hour-temp .feels{font-size:11.5px;color:var(--text-muted);font-family:var(--mono)}.rain-tag{color:var(--rain);font-weight:600}.coarse-tag{font-size:10px;letter-spacing:.05em;text-transform:uppercase;color:var(--text-dim);border:1px solid var(--border);border-radius:4px;padding:0 4px}.cp-card{background:#182230;color:var(--text);border-left:3px solid var(--accent);padding:11px 13px 11px 11px;display:flex;flex-direction:column;gap:7px}.cp-card.cp-water{background:#16232f;border-left-color:var(--cool)}.cp-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.cp-name{font-weight:700;font-size:15px;color:var(--accent);display:flex;align-items:center;gap:6px;min-width:0}.cp-card.cp-water .cp-name{color:var(--cool)}.cp-name .diamond{flex:none;opacity:.75}.cp-name .text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-position{font-family:var(--mono);font-size:12.5px;color:var(--text-dim);white-space:nowrap;flex:none}.cp-facilities{font-size:12.5px;color:var(--text-muted);line-height:1.4}.cp-times{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.cp-times .clock-run{font-family:var(--mono);font-size:13.5px;background:var(--bg-raised);border:1px solid var(--border);padding:5px 9px}.cp-times .clock-run b{font-weight:700;color:var(--text)}.cp-stop{margin-left:auto;display:flex;align-items:center;gap:7px}.cp-stop .stop-label{font-size:12px;color:var(--text-dim)}.cp-stop button{width:32px;height:32px;border:1px solid var(--border);background:var(--bg-raised);color:var(--accent);font-size:18px;line-height:1;display:grid;place-items:center}.cp-stop button:disabled{opacity:.35;cursor:default}.cp-stop .stop-value{font-family:var(--mono);font-size:14px;font-weight:700;min-width:52px;text-align:center;color:var(--text)}.cp-weather{font-size:12.5px;display:flex;align-items:center;gap:6px;flex-wrap:wrap;background:var(--bg-raised);border:1px solid var(--border);color:var(--text-muted);padding:5px 9px}.finish-banner{display:flex;align-items:center;gap:12px;padding:13px 15px;background:#182230;border-left:3px solid var(--accent);color:var(--text)}.finish-flag{font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--accent-ink);background:var(--accent);padding:4px 7px;line-height:1}.finish-label{font-size:10.5px;letter-spacing:.11em;text-transform:uppercase;color:var(--text-dim);font-weight:700}.finish-time{font-family:var(--mono);font-size:25px;font-weight:700;line-height:1.1;letter-spacing:-.02em;color:var(--accent)}.finish-right{margin-left:auto;text-align:right;font-family:var(--mono);font-size:13px}.finish-right .big{font-size:16px;font-weight:700}.charts{display:flex;flex-direction:column;gap:10px;min-width:0}.chart-card{background:var(--card);border:1px solid var(--border);padding:12px;min-width:0}.chart-card h3{margin:0 0 8px;font-size:11.5px;font-weight:700;color:var(--accent);letter-spacing:.08em;text-transform:uppercase}.chart-scroll{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.chart-note{margin:7px 0 0;font-size:11.5px;color:var(--text-dim);line-height:1.45}.chart-key{display:flex;gap:12px;flex-wrap:wrap;font-size:11.5px;color:var(--text-muted);margin-bottom:6px}.chart-key i{display:inline-block;width:12px;height:3px;border-radius:2px;margin-right:5px;vertical-align:3px}.station-rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1px;max-height:260px;overflow-y:auto}.station-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 4px;border-bottom:1px solid var(--border);font-size:13px}.station-row:last-child{border-bottom:none}.station-pos{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.station-pos strong{font-family:var(--mono)}.station-cp{color:var(--text-muted)}.station-links{display:flex;gap:10px;flex:none}.station-links a{color:var(--accent);text-decoration:none;font-weight:600;font-size:12.5px}.station-links a:hover{text-decoration:underline}.site-foot{margin-top:8px;padding:14px 4px 0;font-size:12px;color:var(--text-dim);line-height:1.6;border-top:1px solid var(--border)}@media(min-width:900px){.site-foot{grid-column:1 / -1}}.site-foot a{color:var(--text-muted)}.spinner{display:inline-block;width:13px;height:13px;border:2px solid var(--text-dim);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;vertical-align:-2px}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:2s}*{transition:none!important}}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}