:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#102030;background:#eef3f7}*{box-sizing:border-box}body{margin:0}header{background:#0b1f33;color:white;padding:18px max(18px,env(safe-area-inset-left));display:flex;justify-content:space-between;align-items:center}h1{font-size:1.25rem;margin:0}header p{margin:4px 0 0;color:#b9c8d6;font-size:.82rem}.badge{font-size:.75rem;background:#173b5d;padding:7px 10px;border-radius:999px}main{max-width:980px;margin:auto;padding:16px}.card{background:white;border-radius:14px;padding:16px;margin-bottom:14px;box-shadow:0 2px 12px #1232}.grid{display:grid;gap:12px}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.three{grid-template-columns:repeat(3,minmax(0,1fr))}label{font-size:.82rem;color:#4a5a68}input,select{width:100%;font:inherit;font-size:1rem;margin-top:5px;padding:12px;border:1px solid #c6d1da;border-radius:9px;background:#fff;color:#102030}h2{font-size:1rem;margin:0 0 12px}.windPanel{display:grid;grid-template-columns:220px 1fr;gap:20px;align-items:center}.compass{position:relative;width:210px;height:210px;border:2px solid #9fb0be;border-radius:50%;background:radial-gradient(circle,#fff 0 55%,#f0f4f7 56%);margin:auto}.runwayBar{position:absolute;left:30px;right:30px;top:94px;height:22px;background:#45525d;border:3px solid white;box-shadow:0 0 0 1px #45525d;transform-origin:center}.windArrow{position:absolute;left:84px;top:12px;width:40px;height:40px;font-size:38px;line-height:40px;text-align:center;transform-origin:21px 93px;color:#0866a8}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px}.metrics div,.results div{padding:12px;border:1px solid #d7e0e7;border-radius:10px}.metrics span,.results span{display:block;font-size:.78rem;color:#607180}.metrics strong,.results strong{display:block;font-size:1.25rem;margin-top:4px}.runwayGraphic{height:74px;background:#3f4b54;position:relative;border-radius:7px;overflow:hidden;color:white;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.requiredBar{position:absolute;left:0;top:0;bottom:0;background:#d8a51d;opacity:.95}.marginBar{position:absolute;top:0;bottom:0;background:#b83a34;opacity:.85}.runwayGraphic span{z-index:3;font-weight:700;text-shadow:0 1px 2px #000}.notice{padding:11px;border-radius:9px;background:#eef4f8}.notice.good{background:#e5f4ea}.notice.warn{background:#fff0df}.notice.bad{background:#fae6e5}.smallprint{font-size:.84rem;color:#536474}@media(max-width:680px){.two,.three{grid-template-columns:1fr}.windPanel{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}header{align-items:flex-start;gap:8px}.badge{white-space:nowrap}}
.sectionHead{display:flex;align-items:center;justify-content:space-between;gap:1rem}.sectionHead h2{margin:0}.sectionHead button{background:#173b5f;color:#fff;border:0;border-radius:8px;padding:.7rem .9rem;font-weight:700}.chartWrap{margin-top:1rem;max-height:70vh;overflow:auto;border:1px solid #cad4df;border-radius:10px;background:#fff}.chartWrap img{display:block;width:100%;height:auto}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.badText{color:#a41515}@media(max-width:700px){.grid.four{grid-template-columns:1fr 1fr}.sectionHead{align-items:flex-start;flex-direction:column}.sectionHead button{width:100%}}
.trace{white-space:pre-wrap;overflow-wrap:anywhere;background:#071522;color:#e8f0f7;padding:1rem;border-radius:.75rem;line-height:1.45;min-height:5rem}.risk{padding:.8rem 1rem;border-radius:.7rem;font-weight:700;margin-bottom:.8rem}.risk.good{background:#dff3e5;color:#14532d}.risk.warn{background:#fff2cc;color:#6b4f00}.risk.bad{background:#f9d7da;color:#7f1d1d}.risk.neutral{background:#e8edf2;color:#334155}button{cursor:pointer}
.hidden{display:none!important}
.headerTools{display:flex;align-items:center;gap:10px}.unitToggle{display:inline-flex;padding:3px;border-radius:10px;background:#071522;border:1px solid #31506c}.unitToggle button{border:0;background:transparent;color:#c5d2dd;padding:7px 10px;border-radius:7px;font-weight:700}.unitToggle button.active{background:#fff;color:#0b1f33}.unitToggle button:focus-visible{outline:2px solid #fff;outline-offset:2px}@media(max-width:680px){.headerTools{flex-direction:column;align-items:flex-end}.unitToggle button{padding:6px 8px}.badge{display:none}}
.hint{font-size:.72rem;color:#71808d;font-weight:400}.results strong{overflow-wrap:anywhere}.notice.bad{background:#fae6e5;color:#721c1c}.notice.warn{color:#65420b}.notice.good{color:#174c2c}