.slider-field{margin:0 0 20px}.field-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}.mass-slider{--slider-color:var(--blue);--slider-progress:0%;appearance:none;-webkit-appearance:none;display:block;width:100%;height:28px;padding:0;border:0;outline:0;background:transparent;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.mass-slider:focus-visible{outline:none}.mass-slider::-webkit-slider-runnable-track{height:8px;border:1px solid #d1dce6;border-radius:999px;background:linear-gradient(to right,var(--slider-color) 0 var(--slider-progress),#e7edf3 var(--slider-progress) 100%);box-shadow:inset 0 1px 2px #0c233612}.mass-slider::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:-8px;border:3px solid white;border-radius:50%;background:var(--slider-color);box-shadow:0 0 0 1px #18364c25,0 3px 8px #0c233638;transition:box-shadow .16s ease,transform .16s ease}.mass-slider::-moz-range-track{height:6px;border:1px solid #d1dce6;border-radius:999px;background:#e7edf3}.mass-slider::-moz-range-progress{height:8px;border-radius:999px;background:var(--slider-color)}.mass-slider::-moz-range-thumb{width:16px;height:16px;border:3px solid white;border-radius:50%;background:var(--slider-color);box-shadow:0 0 0 1px #18364c25,0 3px 8px #0c233638}.mass-slider:hover::-webkit-slider-thumb,.mass-slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 5px #245dde20,0 4px 10px #0c233640;transform:scale(1.05)}.fuel-slider{--slider-color:#087f75}.arrival-slider{--slider-color:#2a9d8f}.fuel-field:last-of-type{margin-bottom:10px}

.value-editor-trigger{appearance:none;-webkit-appearance:none;padding:0;color:var(--ink);font:inherit;text-align:left;cursor:pointer}.value-editor-trigger .value-display{flex:1;padding:9px 5px 9px 10px;color:var(--ink);font-size:16px;font-weight:600}.value-editor-trigger:focus-visible{outline:3px solid #245dde25;outline-offset:0;border-color:var(--blue)}.value-editor{width:min(380px,calc(100vw - 32px));padding:22px;border:1px solid var(--line);border-radius:14px;color:var(--ink);box-shadow:0 18px 60px #0c23364d}.value-editor::backdrop{background:#0c233680;backdrop-filter:blur(2px)}.value-editor h2{margin-bottom:18px}.value-editor label{display:block;margin-bottom:6px;font-size:14px;font-weight:650}.editor-input-row{display:flex;align-items:center;border:1px solid #c8d4df;border-radius:8px}.editor-input-row:focus-within{outline:3px solid #245dde25;border-color:var(--blue)}.editor-input-row input{flex:1;width:auto;padding:11px 12px}.editor-input-row span{padding-right:12px;color:var(--muted)}.editor-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.editor-actions button{padding:9px 16px;border:1px solid var(--line);border-radius:8px;background:#f6f8fb;color:var(--ink);font:inherit;cursor:pointer}.editor-actions button[type=submit]{border-color:var(--blue);background:var(--blue);color:white}

.bags-slider{--slider-color:#7c3aed}

.seat-position{margin:0 0 12px;padding:8px 9px 9px;border:1px solid #dce4eb;border-radius:11px;background:#fafcfe}.position-heading{margin-bottom:6px;color:#455d70;font-size:12.5px;font-weight:600}.seat-hint{margin-top:-8px}.seat-choice{display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:3px;border:1px solid #d8e1ea;border-radius:9px;background:#edf2f7}.seat-choice button{padding:6px 8px;border:1px solid transparent;border-radius:6px;background:transparent;color:#597083;font:inherit;font-size:13px;line-height:1.15;cursor:pointer;transition:color .16s,background-color .16s,border-color .16s,box-shadow .16s}.seat-choice button strong,.seat-choice button span{display:block}.seat-choice button strong{font-weight:600}.seat-choice button span{margin-top:1px;font-size:10.5px}.seat-choice button:hover{background:#f8fafc;color:var(--ink)}.seat-choice button[aria-pressed=true]{border-color:#7ea1ea;background:linear-gradient(180deg,#e9f1ff,#dce8ff);color:#1645a3;box-shadow:0 2px 5px #245dde1f,inset 0 1px 0 #ffffffcc}.seat-choice button[aria-pressed=true] strong::before{content:"✓";margin-right:5px;color:var(--blue)}

.metric,.graph,.arrival-summary>span,.input-unit{transition:background-color .18s,border-color .18s,box-shadow .18s,color .18s}.metric.result-good{background:#eef9f5;border-color:#9bd4c3;box-shadow:inset 0 4px 0 #087f75}.metric.result-good strong{color:#087066}.metric.result-bad{background:#fff2f1;border-color:#e6aaa5;box-shadow:inset 0 4px 0 #b8322b}.metric.result-bad strong{color:#a42923}.metric.result-warn{background:#fff8e9;border-color:#e5c985;box-shadow:inset 0 4px 0 #b7791f}.metric.result-warn strong{color:#8a5b14}.graph.result-good{border-color:#9bd4c3;box-shadow:inset 0 4px 0 #087f75}.graph.result-bad{border-color:#e6aaa5;box-shadow:inset 0 4px 0 #b8322b}.graph.result-warn{border-color:#e5c985;box-shadow:inset 0 4px 0 #b7791f}.arrival-summary>span{flex:1;padding:10px 12px;border:1px solid transparent;border-radius:8px}.arrival-summary>span.result-good{background:#eef9f5;border-color:#b5ded1}.arrival-summary>span.result-good strong{color:#087066}.arrival-summary>span.result-bad{color:#8d2823;background:#fff2f1;border-color:#e6aaa5}.arrival-summary>span.result-bad strong{color:#a42923}.arrival-summary>span.result-warn{background:#fff8e9;border-color:#e5c985}.input-unit.result-bad{background:#fff2f1;border-color:#c43b33;box-shadow:0 0 0 3px #b8322b20}.input-unit.result-warn{background:#fff8e9;border-color:#b7791f;box-shadow:0 0 0 3px #b7791f1c}

#chart .grid{stroke:#e4ebf1}#chart .tick,#chart .axis{fill:#5d7080;font-size:14px}#chart .env{fill:#245dde0c;stroke:#8399ad;stroke-width:2}#chart .limit{stroke:#d97706;stroke-width:2.5;stroke-dasharray:9 6}#chart .limit-label-bg{fill:#fff7e8;stroke:#d97706;stroke-width:1.5}#chart .limit-label{fill:#7a3e08;font-size:14px;font-weight:700}#chart .route{fill:none;stroke:#245dde;stroke-width:3}#chart svg.bad .route{stroke:#b8322b}#chart .pt{stroke:white;stroke-width:2}#chart .pt-dep{fill:#245dde}#chart .pt-arr{fill:#087f75}#chart .pt-dry{fill:#718294}

.aux-panels{display:grid;grid-template-columns:1fr 1fr;gap:12px}.aux-panels .result-details,.aux-panels .source-panel{min-width:0;margin:0;padding:16px 18px}.aux-panels summary{font-size:14px}.aux-panels:has(details[open]){grid-template-columns:1fr}@media(max-width:760px){.aux-panels{grid-template-columns:1fr}.field-heading{margin-bottom:8px}.seat-choice button{min-width:0}}@media print{.mass-slider{display:none}.slider-field{margin-bottom:12px}.aux-panels{grid-template-columns:1fr}}

@media(min-width:761px) and (max-width:1200px){header{padding:7px 18px}main{padding:8px 12px}.page-title{margin:0 0 6px}.page-title .eyebrow{display:none}.page-title h1{font-size:20px}.aircraft-picker{padding:3px}.aircraft-picker button{min-width:108px;padding:4px 12px}.layout{grid-template-columns:clamp(320px,38vw,380px) minmax(0,1fr);gap:14px}.panel{padding:12px}.inputs{padding:14px 16px}.inputs>.hint{margin:4px 0 8px}.inputs .panel-title{margin-bottom:6px}.inputs .panel-title .tag,#margin-card{display:none}fieldset{margin-top:9px;padding-top:9px}.slider-field{margin-bottom:9px}.field-heading{margin-bottom:3px}.mass-slider{height:22px}.input-unit input{padding-top:6px;padding-bottom:6px}.seat-position{margin-bottom:8px;padding:5px 7px}.position-heading{margin-bottom:4px}.seat-choice button{padding:4px 6px}.inputs fieldset .hint{margin:3px 0 8px;line-height:1.25}.reset{padding:8px}.results{gap:9px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.metric{padding:10px 13px}.graph{padding:12px 14px}.graph .panel-title{margin-bottom:4px}.graph .legend{font-size:13px}.aux-panels .result-details,.aux-panels .source-panel{margin:0}}

@media(min-width:761px) and (max-width:1024px) and (orientation:portrait){main{padding:8px 10px}.layout{grid-template-columns:290px minmax(0,1fr);gap:10px}.inputs{padding:12px 14px}.results{gap:8px}.graph{padding:10px 12px}#chart{aspect-ratio:1.35;min-height:0}.result-details,.source-panel{margin-top:0}}

@media(min-width:761px) and (max-width:1200px){.metric strong{font-size:22px}}