@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Inter:wght@400;500;600;700&display=swap";:root{font-family:Inter,Arial,sans-serif;color:#e9eff2;background:#101518;font-synthesis:none;font-size:14px;line-height:1.6;color-scheme:dark}*{box-sizing:border-box}body{margin:0;overflow-wrap:anywhere}main{max-width:1320px;margin:auto;padding:0 36px}button:disabled,input:disabled,select:disabled{cursor:wait;opacity:.6}button,input,select{font:inherit}button,select{cursor:pointer}button{border:1px solid #3b464c;color:inherit;background:#253037;padding:10px 15px;border-radius:5px}button:hover{border-color:#f59e47}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #f59e47;outline-offset:3px}a{color:#f5b36f}header{display:flex;justify-content:space-between;align-items:center;padding:26px 0;border-bottom:1px solid #303b40}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:#eef2f4;font-weight:700;letter-spacing:2px}.brand small{display:block;font-size:8px;letter-spacing:2px;color:#a0aeb7}.brand-mark{display:grid;place-items:center;border:2px solid #f59e47;color:#f59e47;width:45px;height:45px;transform:skew(-8deg)}.pill{font-size:9px;letter-spacing:1.5px;border:1px solid #50504a;padding:6px 10px;color:#d4b48a;border-radius:20px}.intro{display:flex;justify-content:space-between;align-items:center;padding:58px 0 40px;gap:35px}.eyebrow{font-size:10px;letter-spacing:2px;color:#e5a467;font-weight:700;margin:0 0 10px}h1,h2,h3,h4,p{margin-top:0}h1{font-family:Barlow Condensed,Impact,sans-serif;font-size:clamp(50px,7vw,86px);line-height:.98;letter-spacing:-1px;text-transform:uppercase;margin-bottom:25px}h1 em{font-style:normal;color:#f59e47}.intro p:not(.eyebrow){color:#b0bec6;max-width:520px}.intro-note{border-left:2px solid #b9773d;padding:15px 0 15px 30px;min-width:280px}.intro-note span{font-size:10px;letter-spacing:2px;color:#e5a467}.intro-note p{margin:15px 0}.intro-note small{color:#83969f}h2{font-family:Barlow Condensed,Impact,sans-serif;font-size:30px;line-height:1.2;letter-spacing:.2px;margin-bottom:18px}h3{font-size:15px;margin-bottom:8px}.panel{background:#182025;border:1px solid #303a40;padding:27px;margin-bottom:20px;border-radius:8px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.section-head h2{margin:0}.section-head label{min-width:150px}.subtle{background:none;border-color:#475159;font-size:12px}.setup{display:flex;align-items:end;gap:30px}.setup>label{min-width:260px}.label,label{display:block;font-size:12px;font-weight:600;color:#ccd7df}select,input[type=number]{display:block;width:100%;border:1px solid #4b575f;background:#10181d;color:#f2f5f7;border-radius:4px;padding:12px;margin-top:7px}input[type=number]{font-size:25px;font-family:Barlow Condensed,Impact,sans-serif;letter-spacing:.5px}input::placeholder{color:#6f818b}.segmented{display:flex;gap:5px;margin-top:7px}.segmented button{min-width:88px}.segmented .active{background:#f59e47;border-color:#f59e47;color:#1b1c1d;font-weight:700}.muted,small{color:#9caeb9}.muted{font-size:12px;margin:17px 0}.goals{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:25px}.goals small{display:block;line-height:1.5;font-size:11px;font-weight:400;margin-top:8px}.goal-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:25px;font-size:12px;color:#9cabb4}.primary{background:#f59e47;color:#171b1e;border-color:#f59e47;font-weight:700;white-space:nowrap}.result-banner{background:linear-gradient(110deg,#3c3024,#24292b);border:1px solid #775437;border-radius:8px;padding:25px 30px;margin:25px 0;display:flex;justify-content:space-between;align-items:center;gap:20px}.result-banner h2{font-size:32px;margin-bottom:10px}.result-banner p{font-size:12px;margin:0;color:#bdc7cb}.peak{display:flex;align-items:center;gap:13px}.peak strong{font-family:Barlow Condensed,Impact,sans-serif;font-size:64px;line-height:1;color:#f8b56e}.peak span{font-size:11px;line-height:1.5;color:#b9bdbe}.chart-controls{display:flex;flex-wrap:wrap;gap:8px}.chart-controls label{font-size:10px;font-weight:500;border:1px solid #3a454b;border-radius:4px;padding:5px 8px;display:flex;align-items:center;gap:5px}input[type=checkbox]{accent-color:#f59e47}.plots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.plot{background:#131b1f;padding:12px 7px 3px;border:1px solid #303a40;border-radius:5px;min-width:0}.plot h4{font-size:11px;font-weight:500;margin:0 8px 8px}.plot h4 span{color:#8da0aa;font-size:10px;margin-left:8px}.scrub{display:flex;align-items:center;gap:15px;margin:20px 0}.scrub input{flex:1}input[type=range]{width:100%;accent-color:#f59e47;margin:15px 0}.readout{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;border-top:1px solid #354047;padding-top:18px}.readout small{font-size:9px;display:block}.readout strong{font-size:19px}.readout strong small{display:inline;font-size:10px}.hardware{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.hardware small{font-size:11px}.option-chips{display:flex;gap:5px;flex-wrap:wrap}.option-chips button{font-size:9px;padding:3px 5px}.compatible{font-weight:700}.dependent{color:#9ca9b1;background:#1a2328}.alternatives{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:20px 0}.alternatives button{text-align:left;padding:18px;background:#182025}.alternatives strong,.alternatives span{display:block}.alternatives strong{font-size:14px;margin:7px 0}.alternatives small{text-transform:uppercase;letter-spacing:1px;font-size:9px;color:#edb174}.alternatives span{font-size:11px;color:#a8bac5}.confidence{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0}.confidence>div{border-left:2px solid #c48a50;padding-left:10px}.confidence strong{display:block;font-size:12px;text-transform:capitalize}.confidence small{font-size:11px}details{border-top:1px solid #3c464b;padding-top:14px;margin-top:20px}summary{cursor:pointer;font-weight:600;font-size:13px;margin-bottom:12px}details p,details li{font-size:12px;color:#adbec8}details li{margin-bottom:8px}.notice{padding:12px 15px;background:#372f24;border-left:3px solid #e8ac67;font-size:12px;color:#e5cbae}.requirements{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:25px}.requirements article{border:1px solid #354149;border-radius:5px;padding:18px}.requirements p{font-size:12px;color:#aebec8;margin:0}.priority{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#e8ae70;display:block;margin-bottom:7px}.priority.optional{color:#91b7c8}.priority.recommended{color:#c5c49a}dl{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}dt{color:#8fa4af;font-size:10px}dd{margin:0;font-size:13px}footer{display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:1px;color:#b9c4ca;padding:25px 0 40px}footer span{font-size:10px;letter-spacing:0;color:#8397a2}@media(max-width:900px){main{padding:0 20px}.intro-note{display:none}.plots{grid-template-columns:repeat(2,minmax(0,1fr))}.hardware{grid-template-columns:1fr}.requirements{grid-template-columns:repeat(2,1fr)}.readout{grid-template-columns:repeat(3,1fr)}.goals{grid-template-columns:repeat(2,1fr)}.setup{flex-wrap:wrap}.alternatives{gap:8px}.alternatives button{padding:12px}}@media(max-width:560px){main{padding:0 12px}header{padding:20px 0}.brand{font-size:12px;letter-spacing:1px}.pill{font-size:7px;max-width:100px;text-align:center}.intro{padding:35px 8px 20px}.panel{padding:18px 14px}.section-head{align-items:start;flex-wrap:wrap}.setup{display:grid;gap:14px}.setup>label{min-width:0}.goals{gap:15px}.goal-footer{align-items:start;flex-direction:column}.result-banner{padding:20px;align-items:start;flex-direction:column}.result-banner h2{font-size:28px}.peak strong{font-size:48px}.plots{grid-template-columns:1fr}.confidence{grid-template-columns:repeat(2,1fr)}.requirements,.alternatives{grid-template-columns:1fr}dl{grid-template-columns:repeat(2,1fr)}footer{flex-direction:column}.scrub{gap:8px;font-size:10px}.scrub strong{white-space:nowrap}h2{font-size:27px}}.hover-card{background:#10171cf2;border:1px solid #6a7b87;box-shadow:0 8px 30px #0008;border-radius:5px;padding:12px;min-width:265px;font-size:10px;pointer-events:none}.hover-card>strong{display:block;color:#f5b36f;margin-bottom:5px}.hover-card>div{display:flex;gap:12px;justify-content:space-between}.hover-card span{color:#bdccd5}.hover-card{box-sizing:border-box;min-width:0;width:min(300px,calc(100vw - 64px));max-width:100%;white-space:normal}.hover-card>div{gap:8px;flex-wrap:wrap}.hover-card b{white-space:nowrap}.recharts-wrapper{touch-action:pan-y}@media(max-width:380px){.segmented button{min-width:0;flex:1;padding-inline:10px}.setup,.goals>label,.hardware>div{min-width:0}}
