:root{font-family:DM Sans,Arial,sans-serif;color:#203f5b;background:#f2f6fa;font-synthesis:none;font-size:14px;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:#2375b4;text-decoration:none}button{border:1px solid #d7e2ec;background:#fff;color:#325a7c;border-radius:6px;padding:8px 12px}button:hover{background:#eaf4fe;border-color:#9fc8ea}button:focus-visible,a:focus-visible,summary:focus-visible,svg:focus-visible{outline:3px solid #2184df;outline-offset:3px}header{height:87px;border-bottom:1px solid #dbe5ee;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(32px,calc((100vw - 1510px)/2))}.brand{display:flex;align-items:center;gap:12px;color:#153f65;font-size:34px;font-weight:800;letter-spacing:-2px;line-height:1}.brand-icon{background:#164b75;color:#fff;width:42px;height:42px;border-radius:12px;display:grid;place-items:center}.brand small{display:block;font-size:8px;letter-spacing:2px;margin-top:7px}.header-right{display:flex;gap:30px;align-items:center;font-size:12px}.header-right a{display:flex;gap:7px;align-items:center}.unit-badge{font-size:10px;letter-spacing:1.3px;color:#6c8296;border:1px solid #dde7ef;border-radius:4px;padding:8px 10px}main{max-width:1510px;margin:auto;padding:36px 32px}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px}.eyebrow{letter-spacing:2px;font-size:10px;color:#6b8aa4;font-weight:700}h1{font-family:Manrope,Arial,sans-serif;font-size:35px;letter-spacing:-1.4px;margin:8px 0;color:#163c5e}.version{font-size:11px;letter-spacing:0;vertical-align:middle;background:#e1ebf3;color:#577992;padding:4px 6px;border-radius:4px;margin-left:13px}.page-heading p{margin:0;color:#758b9d;font-size:13px}.reset{display:flex;gap:7px;align-items:center;background:transparent}.workspace{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(380px,1fr);gap:24px;align-items:start}.card{background:#fff;border:1px solid #dfe8ef;border-radius:12px;box-shadow:0 3px 12px #203f5b03}.instrument{padding:18px 20px 22px;position:sticky;top:18px;background:radial-gradient(ellipse at 50% 45%,#fff 35%,#f5f9fc)}.instrument-toolbar{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1.5px;font-weight:700;color:#688299;padding:0 2px}.live-dot{display:inline-block;width:6px;height:6px;background:#288cae;border-radius:50%;margin-right:7px;box-shadow:0 0 0 3px #e6f3f8}.zoom{display:flex;align-items:center;gap:10px;letter-spacing:0;font-size:10px}.zoom button{font-size:17px;padding:0;width:26px;height:26px;border-color:#e0e9f0}.wheel-viewport{overflow:auto;scrollbar-width:thin}.ductulator{display:block;max-width:none;min-width:100%;height:auto;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;color:#264e6c}.ductulator.dragging{cursor:grabbing}.rotor{transition:transform .22s ease-out}.dragging .rotor{transition:none}.arc-title{font-size:10px;font-weight:700;letter-spacing:1px;fill:#426783}.wheel-brand{font-size:49px;letter-spacing:-3px;font-weight:800;fill:#154972}.wheel-subtitle{font-size:8px;letter-spacing:2.7px;fill:#7694ab}.wheel-eyebrow{font-size:12px;letter-spacing:1.7px;font-weight:700;fill:#315f81}.wheel-value{font-size:44px;letter-spacing:-1.6px;font-weight:600;fill:#164f7b}.scale-select{cursor:pointer}.scale-select:hover{color:#078aff}.wheel-caption{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#7190a6;padding:10px 2px 16px;border-bottom:1px solid #e1eaf1}.wheel-caption span:last-child{color:#96aaba;font-size:10px}.wheel-picks{display:flex;justify-content:center;gap:10px;padding-top:18px}.wheel-picks button{display:flex;gap:9px;align-items:center;font-weight:600}.wheel-picks small{font-weight:400;color:#8197aa}.wheel-picks .active{border-color:#3494d7;background:#edf7ff;color:#1774b7}.mini-rect{display:inline-block;width:17px;height:12px;border:1.5px solid #538caf;border-radius:2px}.instrument-note{font-size:10px;line-height:1.7;color:#8397a8;margin:17px 8px 0}.inputs,.results,.rectangular{padding:21px 22px;margin-bottom:16px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:10px}h2{font-size:15px;font-weight:600;letter-spacing:-.2px;margin:0;display:flex;gap:9px;align-items:center;color:#204b6f}.step-label{font-size:9px;letter-spacing:1.4px;color:#9aafbf}.field{display:block;margin-bottom:16px;font-size:11px;color:#536e83}.field>span{display:block;margin-bottom:7px;font-weight:500}select{width:100%;border:1px solid #d6e2eb;border-radius:6px;padding:10px;background:#fafcfe;color:#274e6e;font-size:12px;min-height:39px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.input-wrap{border:1px solid #d5e2ed;background:#fff;border-radius:6px;display:flex;align-items:center;min-height:44px;overflow:hidden}.input-wrap:focus-within{border-color:#2384ca;box-shadow:0 0 0 3px #e7f3fd}.input-wrap input{width:100%;min-width:0;padding:10px 9px;border:0;outline:0;font-size:17px;font-weight:500;color:#194e77;background:transparent;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.input-wrap input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.input-wrap>span{padding-right:10px;font-size:9px;color:#8799a9;white-space:nowrap}textarea{width:100%;min-height:90px;padding:10px;border:1px solid #d6e2eb;border-radius:6px;font-size:12px;color:#365c7a}.catalog{border-top:1px solid #e4ecf2;padding-top:13px;font-size:11px}.catalog summary{color:#5d7890}.catalog summary span{float:right;font-size:10px;color:#8fa3b4}.catalog[open] summary{margin-bottom:16px}.catalog p{color:#7c91a3;font-size:10px;line-height:1.5}.examples{display:flex;align-items:center;gap:7px;margin-top:19px}.examples>span{font-size:8px;letter-spacing:1px;color:#91a2b0;margin-right:4px}.examples button{font-size:9px;padding:5px 7px;background:#f6f9fc}.round-hero{background:#eef6fd;padding:17px 19px;border:1px solid #e0edf8;border-radius:8px;display:flex;justify-content:space-between;align-items:center}.metric-label{font-size:9px;letter-spacing:1.2px;color:#67879f;display:block}.round-hero strong{display:block;font-family:Manrope,Arial,sans-serif;font-size:43px;line-height:1.25;color:#195c8d;letter-spacing:-2px}.round-hero strong small{font-size:17px;letter-spacing:0;font-weight:400}.theoretical{border-left:1px solid #d3e4f1;padding-left:19px;display:flex;flex-direction:column;gap:5px;font-size:11px;color:#7692a8}.theoretical b{font-size:19px;color:#426d8f;font-weight:500}.theoretical small{font-size:9px}.round-select{display:flex;align-items:center;gap:14px;font-size:10px;color:#8296a7;margin-top:12px}.round-select select{font-size:10px;min-height:29px;padding:6px;flex:1}.metrics{display:grid;grid-template-columns:1fr 1fr 1.25fr;margin:20px 0 16px;gap:12px}.metrics>div{border-right:1px solid #e4ecf2}.metrics>div:last-child{border:0}.metrics b{font-size:21px;font-weight:500;display:block;color:#234c6c}.metrics span{display:block;font-size:8px;color:#8497a7;margin-top:5px}.status{display:flex;gap:6px;align-items:center;font-size:10px;color:#368476}.warning{font-size:12px;line-height:1.5;padding:10px 12px;background:#fff6e7;border:1px solid #f0d3a2;border-radius:6px;color:#8a642a;margin-top:10px}.warning-inline{color:#a27030}.chip{font-size:8px;letter-spacing:.8px;color:#7f97aa;background:#f2f6fa;padding:5px 7px;border-radius:4px}.rectangular .section-title{margin-bottom:9px}.section-note{font-size:10px;color:#879cab;margin:0 0 16px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:11px;text-align:left}th{color:#91a2b1;font-weight:400;font-size:9px;padding:9px 7px;border-bottom:1px solid #e6edf3;white-space:nowrap}td{padding:12px 7px;border-bottom:1px solid #e9eff4;color:#526f88}td:first-child{color:#2d5778}td button{border:0;background:transparent;padding:0;display:flex;align-items:center;gap:7px;position:relative;font-weight:600;font-size:12px;white-space:nowrap}td button small{position:absolute;top:19px;left:18px;font-size:6px;color:#3581b7;letter-spacing:.4px}.radio{width:10px;height:10px;border:1px solid #bdcddd;border-radius:50%;display:inline-block}.selected{background:#edf6fd}.selected .radio{border:3px solid #2581c1}.selection-note{font-size:10px;color:#68849b;line-height:1.5;margin:13px 0}.table-footer{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.table-footer small{font-size:9px;color:#99abba}.table-footer button{border:0;padding:0;color:#3c83b6;font-size:10px}.copy-button{width:100%;margin-top:19px;display:flex;align-items:center;justify-content:center;gap:9px;font-size:11px;background:#194f78;color:#fff;border-color:#194f78;padding:11px}.copy-button:hover{background:#236890;color:#fff}.guidance{padding:24px;margin-top:28px}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.guide-grid details{border-top:1px solid #e3ebf2;padding:14px 0}.guide-grid summary{font-size:12px;color:#53738d;cursor:pointer}.guide-grid p{font-size:12px;color:#6f879b;line-height:1.7}.guide-grid td{font-size:10px}.face-note{display:block;font-size:9px;color:#92a1ad;line-height:1.5;margin-top:4px}footer{display:flex;align-items:center;gap:30px;color:#91a3b1;font-size:10px;padding-top:25px;line-height:1.7}footer>span{white-space:nowrap}footer>span:last-child{font-size:8px;letter-spacing:1px}footer p{max-width:530px;margin:0}.invalid-wheel{min-height:680px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;color:#89a3b9}.invalid-wheel p{text-align:center;max-width:260px}summary{cursor:pointer}@media(min-width:1600px){main{padding-top:44px}.workspace{grid-template-columns:minmax(0,1.65fr) minmax(410px,1fr)}}@media(max-width:1050px){main{padding:25px 20px}.workspace{gap:16px;grid-template-columns:minmax(0,1.2fr) minmax(340px,1fr)}.instrument{padding:14px 10px}.inputs,.results,.rectangular{padding:18px 16px}.wheel-caption{font-size:9px}.wheel-caption span:last-child{display:none}.header-right{gap:15px}footer{flex-wrap:wrap;gap:10px}}@media(max-width:780px){header{height:72px;padding:0 20px}.brand{font-size:28px}.brand-icon{width:36px;height:36px}.header-right .unit-badge{display:none}.header-right a{font-size:10px}main{padding:24px 14px}h1{font-size:29px}.page-heading{margin-bottom:20px}.page-heading p{font-size:11px}.workspace{grid-template-columns:1fr}.instrument{position:relative;top:0}.wheel-viewport{margin:0 -8px}.instrument-note{font-size:10px}.guide-grid{grid-template-columns:1fr}.guidance{padding:18px}.guidance .chip{display:none}footer{display:block}footer p{margin:10px 0}.inputs{margin-top:0}.metrics span{font-size:9px}.table-scroll th{font-size:10px}.table-scroll td{font-size:12px}.invalid-wheel{min-height:380px}}@media(prefers-reduced-motion:reduce){.rotor{transition:none}}