[hidden]{display:none!important}
.topbar{height:64px;padding-top:7px;padding-bottom:7px}.brand{min-width:0;gap:9px;letter-spacing:0}.brand-mark{width:34px;height:34px;flex:0 0 auto;border-radius:9px}.brand-copy{display:block;min-width:0}.brand-copy>b{display:flex;align-items:baseline;gap:7px;white-space:nowrap;font-size:.78rem;letter-spacing:.075em}.brand-copy>b span{color:var(--cyan);font-size:.58rem;letter-spacing:.09em}.brand-copy>b .app-version{padding:2px 5px;border:1px solid #355263;border-radius:999px;color:#8ea6b1;font-size:.43rem;font-style:normal;letter-spacing:.04em}.brand-copy>small{display:block;overflow:hidden;margin-top:3px;color:var(--muted);font-size:.56rem;font-weight:700;letter-spacing:.025em;text-overflow:ellipsis;white-space:nowrap}.topbar-actions{display:flex;align-items:center;gap:7px;flex:0 0 auto}.safety-chip{display:flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid #733436;border-radius:9px;background:#351719;color:#ffc4c0}.safety-chip>i{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#8a3336;color:#fff;font-size:.66rem;font-style:normal;font-weight:950}.safety-chip span{display:block}.safety-chip b,.safety-chip small{display:block;white-space:nowrap;line-height:1.1}.safety-chip b{font-size:.52rem;letter-spacing:.07em}.safety-chip small{margin-top:2px;color:#e89c99;font-size:.43rem;font-weight:800;letter-spacing:.035em}.topbar #installBtn{width:34px;min-height:34px;padding:0;font-size:1rem}#calcPage{padding-top:0}#calcPage>.takeoff-progress{margin-top:0}
.runway-visual-primary{border-color:#4b8497;box-shadow:0 0 0 1px #65d8ef18,0 14px 34px #02090d55}.runway-visual-primary .distance{margin:0 0 14px}.runway-visual-primary .distance strong{font-size:clamp(1.35rem,6vw,2.2rem)}.runway-visual-primary .result-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.result-tabs>div{min-width:0}.result-tabs div:first-child strong{color:#e8f1f4}.result-tabs div:nth-child(2) strong{color:var(--cyan)}.result-tabs div:nth-child(3) strong{color:var(--amber)}.result-tabs .result-tab-note{display:block;margin-top:4px;color:#78919d;font-size:.58rem;font-weight:800;line-height:1.3}
.tailwind-alert{display:flex;align-items:center;gap:10px;margin:0 0 14px;padding:11px 12px;border:2px solid #d74743;border-radius:11px;background:linear-gradient(135deg,#531d20,#351719);color:#ffd5d2;box-shadow:0 0 0 3px #ff655d18}.tailwind-alert>i{display:grid;place-items:center;width:28px;height:28px;flex:0 0 auto;border-radius:50%;background:#d74743;color:#fff;font-size:1rem;font-style:normal;font-weight:950}.tailwind-alert span,.tailwind-alert b,.tailwind-alert small{display:block}.tailwind-alert b{font-size:.76rem;letter-spacing:.08em}.tailwind-alert small{margin-top:3px;color:#ffaaa4;font-size:.65rem;font-weight:700}
.mass-segment.free,.mass-legend i.free{background:repeating-linear-gradient(135deg,#203642 0 7px,#385667 7px 14px)}.mass-segment.free{box-shadow:inset 2px 0 #d5edf788}.mass-legend>div.free{grid-column:1/-1;border:1px dashed #587484;background:#10232e}.mass-legend>div.free b{color:#ccecf5}
.runway-override-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px dashed #496575;border-radius:11px;background:#0b1924}.runway-override-tools>div:first-child{min-width:0}.runway-override-tools span{display:block;color:var(--cyan);font-size:.56rem;font-weight:900;letter-spacing:.08em}.runway-override-tools b{display:block;margin-top:3px;font-size:.78rem}.runway-override-tools small{display:block;margin-top:3px;color:var(--muted);font-size:.62rem}.runway-override-tools.saved{border-style:solid;border-color:var(--green);background:#102d28}.runway-override-tools.dirty{border-style:solid;border-color:var(--amber);background:#2d2515}.runway-override-actions{display:flex;gap:7px;flex:0 0 auto}.runway-override-actions button{min-height:42px;padding:0 12px;font-size:.68rem}
.runway-choice.custom{border-color:var(--green);background:#102d28}.runway-choice.custom small{color:#78dfb1;font-weight:900}
@media(max-width:520px){.runway-override-tools{align-items:stretch;flex-direction:column}.runway-override-actions{display:grid;grid-template-columns:1fr}.runway-override-actions button{width:100%}}
.takeoff-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 14px}.takeoff-progress button{position:relative;display:grid;place-items:center;gap:3px;min-width:0;min-height:57px;border:1px solid #2b4353;border-radius:11px;background:#0b1924;color:#738b97;padding:5px 3px;cursor:pointer}.takeoff-progress button:not(:last-child):after{content:"";position:absolute;right:-9px;top:50%;width:9px;height:1px;background:#3a5667}.takeoff-progress b{display:grid;place-items:center;width:26px;height:26px;margin:auto;border-radius:50%;background:#1c3341;font-size:.7rem}.takeoff-progress button>span{max-width:100%;overflow:hidden;font-size:.55rem;font-weight:850;letter-spacing:.025em;text-overflow:ellipsis;white-space:nowrap}.takeoff-progress button.active{border-color:var(--cyan);color:#dff8fc;background:#13303e}.takeoff-progress button.active b{background:var(--cyan);color:#06202a}.takeoff-progress button.done{color:var(--green)}.takeoff-progress button.done b{background:#194b3d;color:#8be8bd}.takeoff-step{display:none}.takeoff-step.active{display:block}.takeoff-actions{display:grid;grid-template-columns:minmax(90px,.55fr) minmax(180px,1.45fr);gap:10px;margin-top:4px}.takeoff-actions .primary,.takeoff-actions .secondary,.takeoff-actions .ghost{width:100%;margin:0;min-height:52px}.result-actions{margin-top:14px}
.result-weather-inline{margin:-5px 2px 11px;color:#718a96;font-size:.62rem;font-weight:700;line-height:1.45}
.result-details{grid-column:1/-1;margin:0}.result-details summary{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:9px;list-style:none;cursor:pointer;color:#cce0e8;font-size:.82rem;font-weight:800;letter-spacing:.04em}.result-details summary::-webkit-details-marker{display:none}.result-details summary:after{content:"⌄";display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:#193747;color:var(--cyan);font-size:.9rem;transition:transform .2s}.result-details[open] summary:after{transform:rotate(180deg)}.result-details-title{min-width:0}.result-details-status{font-size:.62rem;font-weight:900;letter-spacing:.07em}
.weather-airport-picker{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #2d4655}.airport-search-row{display:grid;grid-template-columns:1fr 50px;gap:8px}.airport-search-row input{margin-top:7px}.favorite-button{height:50px;align-self:end;border:1px solid #375063;border-radius:10px;background:#132735;color:var(--amber);font-size:1.6rem;cursor:pointer}.favorite-button.active{background:#44351b;border-color:#8d6b2b}.airport-search-results{display:grid;gap:7px;margin-top:8px}.airport-result{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;border:1px solid #314a59;border-radius:10px;background:#0b1924;color:var(--text);padding:10px 12px;text-align:left;cursor:pointer}.airport-result b{display:block;font-size:.8rem}.airport-result small{display:block;color:var(--muted);margin-top:2px}.airport-result em{color:var(--cyan);font-style:normal;font-size:.68rem;font-weight:900}.airport-quick{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.airport-quick>span{width:100%;color:#718b97;font-size:.58rem;font-weight:900;letter-spacing:.08em}.airport-quick button{border:1px solid #334f60;border-radius:999px;background:#102532;color:#c9dce4;padding:8px 11px;font-size:.68rem;font-weight:800;cursor:pointer}.airport-quick button.active{border-color:var(--cyan);color:var(--cyan)}.runway-airport-context,.runway-recommendation{padding:12px 13px;border:1px solid #315061;border-radius:11px;background:#0a1a24}.runway-airport-context span,.runway-recommendation span{display:block;color:#718b97;font-size:.58rem;font-weight:900;letter-spacing:.09em}.runway-airport-context b,.runway-recommendation b{display:block;margin-top:4px;color:#dce8ed;font-size:.86rem}.runway-airport-context small,.runway-recommendation small{display:block;margin-top:4px;color:var(--muted);font-size:.64rem;line-height:1.4}.runway-recommendation{border-color:#34755f;background:#102b25}.runway-recommendation b{color:var(--green)}.runway-recommendation.tailwind{border-color:#a3413d;background:#381b1d}.runway-recommendation.tailwind b{color:#ff9d97}.field-title{display:block;color:var(--muted);font-size:.76rem;font-weight:650}.runway-choices{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:7px}.runway-choices p{grid-column:1/-1;color:var(--muted);font-size:.76rem}.runway-choice{border:1px solid #355263;border-radius:12px;background:#0b1924;color:var(--text);padding:12px;text-align:left;cursor:pointer}.runway-choice b{display:flex;justify-content:space-between;align-items:center;gap:7px;color:var(--cyan);font-size:1rem}.runway-choice b em{padding:3px 5px;border-radius:999px;background:#194c3e;color:var(--green);font-size:.49rem;font-style:normal;letter-spacing:.06em}.runway-choice span{display:block;margin-top:5px;font-size:.7rem;font-weight:800}.runway-choice small{display:block;margin-top:3px;color:var(--muted);line-height:1.35}.runway-choice.recommended{border-color:#3e806a;background:#102a25}.runway-choice.active{border-color:var(--cyan);background:#12303e;box-shadow:0 0 0 2px #65d8ef22}
.metar-import{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px;padding:13px;border:1px solid #345365;border-radius:12px;background:#0b1924}.metar-import>div{min-width:0}.metar-import span,.metar-preview-head span{display:block;color:var(--cyan);font-size:.58rem;font-weight:900;letter-spacing:.08em}.metar-import b{display:block;margin-top:3px;font-size:.82rem}.metar-import small{display:block;margin-top:3px;color:var(--muted);font-size:.65rem}.metar-import button{flex:0 0 auto;min-height:44px}.metar-import button:disabled{opacity:.4;cursor:not-allowed}.metar-preview{margin:-5px 0 15px;padding:13px;border:1px solid #3f6072;border-radius:12px;background:#091722}.metar-preview-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.metar-preview-head b{display:block;margin-top:3px}.metar-preview code{display:block;margin-top:11px;padding:10px;border-radius:8px;background:#050e15;color:#bcebf3;font-size:.7rem;line-height:1.45;white-space:normal}.metar-values{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:9px}.metar-values div{padding:8px;border-radius:8px;background:#102532}.metar-values span{display:block;color:var(--muted);font-size:.55rem;font-weight:900}.metar-values b{display:block;margin-top:3px;font-size:.75rem}.metar-actions{display:flex;justify-content:flex-end;gap:8px}.source-pill{padding:5px 7px;border-radius:999px;background:#18382f;color:var(--green);font-size:.58rem;font-weight:900}.source-pill.stale{background:#493819;color:#ffd17b}.source-pill.old{background:#4a2021;color:#ffaaa4}.advanced-link{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #375063;border-radius:12px;background:#102532;color:var(--text);padding:13px;text-align:left;cursor:pointer}.advanced-link span b,.advanced-link span small{display:block}.advanced-link span small{color:var(--muted);margin-top:3px}.advanced-link em{max-width:42%;color:var(--cyan);font-size:.65rem;font-style:normal;font-weight:800;text-align:right}.conditions-subpage .context-back{width:100%}
.metar-alternatives{margin:11px 0;padding:10px;border:1px solid #304b5b;border-radius:10px;background:#0b1924}.metar-alternatives>span{display:block;margin-bottom:8px;color:var(--muted);font-size:.56rem;font-weight:900;letter-spacing:.08em}.metar-station-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.metar-station{min-height:43px;border:1px solid #375466;border-radius:9px;background:#102532;color:#dcebf0;padding:7px 9px;text-align:left;cursor:pointer}.metar-station b,.metar-station small{display:block}.metar-station b{font-size:.7rem}.metar-station small{margin-top:2px;color:var(--muted);font-size:.55rem}.metar-station.active{border-color:var(--cyan);background:#143544}.metar-station.available:not(.active) b{color:#a9edf8}.metar-station:disabled{border-style:dashed;opacity:.52;cursor:not-allowed}.metar-station:disabled b{color:#a9b7bd}
.windsock{position:absolute;z-index:4;right:68px;top:50%;width:34px;height:34px;transform:translateY(-50%);pointer-events:none}.windsock-pole{position:absolute;left:1px;top:0;width:3px;height:31px;background:#e4ebed;box-shadow:0 0 2px #000}.windsock-bag{position:absolute;left:3px;top:4px;width:48px;height:15px;display:flex;transform-origin:0 50%;transition:transform .35s ease,opacity .2s;filter:drop-shadow(0 1px 1px #0008)}.windsock-bag u{display:block;width:10px;height:100%;background:#ef4e45;text-decoration:none}.windsock-bag u:nth-child(even){background:#fff}.windsock-bag u+u{height:calc(100% - 2px);margin-top:1px}.windsock-bag u:nth-child(3){height:11px;margin-top:2px}.windsock-bag u:nth-child(4){height:8px;margin-top:3px}.windsock-bag u:nth-child(5){height:5px;margin-top:5px;border-radius:0 4px 4px 0}.windsock>b{position:absolute;top:31px;left:-28px;width:92px;color:white;font-size:.52rem;text-align:center;text-shadow:0 1px 2px #000}.windsock.calm .windsock-bag{transform:rotate(90deg) scale(.55)!important;opacity:.75}.windsock.variable .windsock-bag{opacity:.5}.windsock.variable>b{color:var(--amber)}
.wind-components{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:11px}.wind-components div{padding:8px 10px;border-radius:8px;background:#0b1924}.wind-components span{display:block;color:var(--muted);font-size:.55rem;font-weight:900;letter-spacing:.06em}.wind-components b{display:block;margin-top:3px;color:#dce9ed;font-size:.73rem}
@media(max-width:520px){.runway-choices{grid-template-columns:1fr}.metar-import{align-items:stretch;flex-direction:column}.metar-import button{width:100%}.metar-values{grid-template-columns:1fr 1fr}.metar-station-list{grid-template-columns:1fr}.takeoff-actions{grid-template-columns:1fr}.takeoff-actions>span{display:none}.advanced-link{align-items:flex-start;flex-direction:column}.advanced-link em{max-width:none;text-align:left}.windsock{right:54px;transform:translateY(-50%) scale(.85)}.runway-visual-primary .distance strong{font-size:1.05rem}.result-tabs span{font-size:.55rem}.result-tabs .result-tab-note{font-size:.5rem}}
@media(max-width:430px){.topbar{padding-left:10px;padding-right:10px}.brand{gap:7px}.brand-mark{width:31px;height:31px}.brand-copy>b{gap:5px;font-size:.69rem}.brand-copy>b span{font-size:.48rem}.brand-copy>b .app-version{padding:1px 4px;font-size:.38rem}.brand-copy>small{max-width:190px;font-size:.49rem}.safety-chip{gap:4px;padding:5px 6px}.safety-chip>i{width:15px;height:15px;font-size:.58rem}.safety-chip b{font-size:.45rem}.safety-chip small{font-size:.38rem}.topbar-actions:has(#installBtn:not([hidden])) .safety-chip small{display:none}.takeoff-progress{gap:5px}.takeoff-progress button{min-height:55px}.takeoff-progress button:not(:last-child):after{right:-6px;width:6px}.takeoff-progress button>span{font-size:.5rem}.result-details summary{font-size:.75rem}.result-details-status{font-size:.55rem}}
.runway-choice.wind-best{border:2px solid #55d69e;background:linear-gradient(135deg,#1a4a39,#102d27);box-shadow:inset 0 1px #9af0c433,0 5px 16px #04110c55}.runway-choice.wind-best b{color:#8aebbb}.runway-choice.wind-best b em{background:#79e5b7;color:#09291e}.runway-choice.wind-alternative{border:2px solid #d6a13b;background:linear-gradient(135deg,#493719,#2c2516);box-shadow:inset 0 1px #ffe19b2b}.runway-choice.wind-alternative b{color:#ffd177}.runway-choice.wind-alternative b em{background:#e1ad47;color:#2b1d06}.runway-choice.wind-best.active,.runway-choice.wind-alternative.active{box-shadow:0 0 0 3px #65d8ef88,inset 0 1px #ffffff22}.runway-choice.active:after{content:"AUSGEWÄHLT";display:block;margin-top:8px;color:#bceff8;font-size:.52rem;font-weight:950;letter-spacing:.08em;text-align:right}
.runway-data-details{border:1px solid #345364;border-radius:12px;background:#0a1923;overflow:hidden}.runway-data-details>summary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 13px;list-style:none;cursor:pointer}.runway-data-details>summary::-webkit-details-marker{display:none}.runway-data-details>summary:after{content:"⌄";display:grid;place-items:center;width:25px;height:25px;border-radius:7px;background:#193747;color:var(--cyan);font-size:.9rem;transition:transform .2s}.runway-data-details[open]>summary:after{transform:rotate(180deg)}.runway-data-details>summary b,.runway-data-details>summary small{display:block}.runway-data-details>summary b{color:#d2e2e8;font-size:.76rem}.runway-data-details>summary small{margin-top:3px;color:#78919d;font-size:.61rem;line-height:1.35}.runway-data-body{padding:13px;border-top:1px solid #2d4756}.runway-data-body .database-note{margin:0}.runway-data-body .text-link{margin-top:0}

.runway-airport-context{display:flex;align-items:center;justify-content:space-between;gap:14px}
.runway-airport-context>div{min-width:0}
.runway-context-wind{flex:0 0 auto;text-align:right}
.runway-context-wind b{color:var(--cyan)}
.runway-verify-quick{display:flex;align-items:center;gap:11px;padding:10px 12px;border:2px solid #b57c26;border-radius:11px;background:#332818;cursor:pointer}
.runway-verify-quick input{width:26px;height:26px;flex:0 0 auto;margin:0;accent-color:var(--green)}
.runway-verify-quick span,.runway-verify-quick b,.runway-verify-quick small{display:block}
.runway-verify-quick b{color:#ffd48a;font-size:.76rem}
.runway-verify-quick small{margin-top:2px;color:#c5a66e;font-size:.59rem;line-height:1.3}
.runway-verify-quick:has(input:checked){border-color:#4abd8a;background:#14382d}
.runway-verify-quick:has(input:checked) b{color:#8be8bd}
.runway-verify-quick:has(input:checked) small{color:#7fc9a8}
.runway-surface-markings{position:absolute;z-index:0;inset:0;pointer-events:none}
.runway-threshold{position:absolute;top:8px;bottom:8px;width:22px;background:repeating-linear-gradient(180deg,#fff 0 6px,transparent 6px 10px);opacity:.82}
.threshold-start{left:5%}.threshold-end{right:5%}
.runway-number{position:absolute;top:50%;color:#fff;font-size:.8rem;line-height:1;letter-spacing:.05em;text-shadow:0 1px 2px #000;transform:translateY(-50%)}
.runway-number-start{left:11%}.runway-number-end{right:11%;transform:translateY(-50%) rotate(180deg)}
.runway-centerline{z-index:1}.roll-bar,.obstacle-bar{z-index:2}
.runway-canvas.unpaved{background:linear-gradient(#3f6037,#304f2e);border-color:#e3e7d8}
.runway-canvas.unpaved .runway-centerline,.runway-canvas.unpaved .runway-threshold,.runway-canvas.unpaved .runway-number{display:none}
.unpaved-markers{display:none;position:absolute;left:2%;right:2%;justify-content:space-between}
.runway-canvas.unpaved .unpaved-markers{display:flex}
.markers-top{top:3px}.markers-bottom{bottom:3px}
.unpaved-markers i{width:19px;height:7px;border:1px solid #fff;background:linear-gradient(90deg,#fff 0 32%,#ff6b24 32% 68%,#fff 68%);box-shadow:0 1px 2px #0008}
.unpaved-midpoint{display:none;position:absolute;left:50%;width:0;height:0;transform:translateX(-50%);border-left:7px solid transparent;border-right:7px solid transparent}
.runway-canvas.unpaved .unpaved-midpoint{display:block}
.midpoint-top{top:10px;border-top:10px solid #ffd34d}.midpoint-bottom{bottom:10px;border-bottom:10px solid #ffd34d}
.runway-marking-note{display:block;margin:5px 1px 0;color:#718995;font-size:.54rem;font-weight:700;text-align:right}
@media(max-width:430px){.runway-airport-context{align-items:flex-start;flex-direction:column;gap:8px}.runway-context-wind{text-align:left}.runway-threshold{width:16px}.runway-number{font-size:.68rem}.runway-number-start{left:12%}.runway-number-end{right:12%}}
.sync-panel label{display:block;margin-top:12px}.sync-panel input[type=password]{margin-top:7px}.sync-enable{display:flex!important;align-items:center;gap:11px;padding:11px 12px;border:1px solid #355263;border-radius:11px;background:#0b1924;cursor:pointer}.sync-enable input{width:25px;height:25px;flex:0 0 auto;margin:0;accent-color:var(--green)}.sync-enable span,.sync-enable b,.sync-enable small{display:block}.sync-enable b{font-size:.75rem}.sync-enable small{margin-top:3px;color:var(--muted);font-size:.6rem}.sync-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.sync-actions button{width:100%;min-height:46px}.sync-panel #syncBadge.connected{color:var(--green)}.sync-panel #syncBadge.error{color:#ff948e}@media(max-width:520px){.sync-actions{grid-template-columns:1fr}}