:root{font-family:Arial,Helvetica,sans-serif;color:#243332;background:#fffefa;font-size:16px}*{box-sizing:border-box}body{margin:0}.explorer{max-width:1080px;margin:auto;padding:24px}h1{font-size:28px;margin:0 0 10px}h2{font-size:20px;line-height:1.3;margin:20px 0 10px}header p,.scope{line-height:1.5}.scope{font-size:15px}.app{display:none}.ready .app{display:block}.ready .file-fallback{display:none}.file-fallback img{display:block;width:100%;height:auto}.embedded .explorer{padding:14px}.embedded header{display:none}.controls{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px;padding:16px;background:#edf4f1;border-radius:10px}label{display:flex;justify-content:space-between;gap:8px;font-weight:600;font-size:15px;line-height:1.4}output{white-space:nowrap}input[type=range]{display:block;width:100%;margin:12px 0 0;accent-color:#157f79}button{font:inherit;color:inherit;background:#fffefa;border:1px solid #83958e;border-radius:6px;padding:8px}button{cursor:pointer;min-width:90px}button:hover{background:#dbeee8}.reset-control{display:flex;align-items:end}input:focus-visible,button:focus-visible{outline:3px solid #2166b3;outline-offset:3px}.note{font-size:14px;line-height:1.5;color:#53635c;margin:10px 0}.legend{display:flex;flex-wrap:wrap;gap:12px 24px;font-size:15px;margin:0 0 4px}.first{color:#176b85}.second{color:#aa5035}.sum{color:#263d30}.legend span:before{content:'';display:inline-block;width:24px;border-top:2px solid;vertical-align:middle;margin-right:6px}.legend .second:before{border-top-style:dashed}.legend .sum:before{border-top-width:4px}svg{display:block;width:100%;height:auto;overflow:visible}svg text{font-family:Arial,Helvetica,sans-serif;fill:#243332;font-size:18px}.results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0}.results div{background:#edf4f1;border-radius:8px;padding:12px}.results dt{font-size:14px;line-height:1.4}.results dd{font-weight:700;font-size:24px;margin:6px 0 0}.status{border-left:4px solid #157f79;background:#f0f5f3;padding:12px;line-height:1.5;margin:12px 0}@media(max-width:600px){.explorer,.embedded .explorer{padding:12px}.controls{grid-template-columns:1fr;gap:16px;padding:12px}.results{grid-template-columns:1fr;gap:7px}.results div{display:flex;justify-content:space-between;align-items:center;gap:12px}.results dd{font-size:21px;margin:0}.results dt{font-size:14px}.scope{font-size:14px}.legend{font-size:14px;gap:10px}h2{font-size:18px}svg text{font-size:32px}}@media print{.controls{display:none}.explorer{max-width:none;padding:0}.status,.results div{break-inside:avoid}}