@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans',system-ui,sans-serif;color:#e1e8e7;background:#101717;color-scheme:dark}*{box-sizing:border-box}body{margin:0}header{padding:25px 5%;border-bottom:1px solid #2a3836;display:flex;justify-content:space-between;align-items:center}.brand{color:#b7eb71;text-decoration:none;font:700 20px 'Space Grotesk',sans-serif;letter-spacing:1px}.brand span{color:#edf3eb;margin-left:12px}.tag,.eyebrow{font-size:11px;letter-spacing:2px;color:#a2b1a9}main{max-width:1460px;padding:0 5%;margin:auto}.intro{padding:58px 0 35px}.eyebrow{color:#b7eb71}h1{font:500 clamp(42px,6vw,70px)/1.05 'Space Grotesk',sans-serif;letter-spacing:-3px;margin:18px 0}h1 em{font-style:normal;color:#b7eb71}.intro p{color:#a7b5af;line-height:1.7}.panel{background:#172120;border:1px solid #31403b;border-radius:14px;padding:24px;margin-bottom:22px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:15px}h2{font:500 20px 'Space Grotesk',sans-serif;margin:0}h2 b{font-size:13px;color:#b7eb71;margin-right:15px}.settings{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:26px}label{font-size:12px;color:#b2c0b9}input,select,button,.button{font:inherit;border:1px solid #3b4b44;border-radius:7px;background:#101918;color:#e6eee8;padding:10px}input[type=number],input[type=text]{width:100%}.settings input{display:block;font-size:22px;margin-top:8px;font-family:'Space Grotesk',sans-serif}input[type=checkbox]{accent-color:#b7eb71;width:17px;height:17px;vertical-align:middle}.options{display:flex;gap:25px;margin-top:22px}.hint{font-size:12px;line-height:1.7;color:#96a99e}.table-wrap{overflow:auto;margin:22px 0}table{border-collapse:collapse;width:100%;font-size:13px}th{font-weight:500;text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#9aafa1;white-space:nowrap;padding:10px 6px}td{border-top:1px solid #2b3a33;padding:10px 6px}td input{min-width:85px;padding:8px}td:nth-child(2) input{min-width:140px}td:nth-child(4) input{min-width:55px;width:55px}td select{padding:8px}button,.button{cursor:pointer;font-size:12px;display:inline-block}button:hover,.button:hover{border-color:#b7eb71;color:#b7eb71}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #b7eb71;outline-offset:2px}.toolbar{display:flex;gap:8px;flex-wrap:wrap}.calculate-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:28px 0}.calculate-bar p{max-width:65%;font-size:12px;line-height:1.6;color:#a5b5a9}.primary{background:#b7eb71;color:#132113;font-weight:700;font-size:16px;padding:17px 24px;white-space:nowrap}.primary:hover{color:#132113;background:#cbf59b}.primary span{margin-left:25px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:25px}.metric{padding:18px;background:#101918;border-radius:8px}.metric small{color:#9aafa1}.metric strong{display:block;font:500 23px 'Space Grotesk',sans-serif;margin:8px 0}.bar{height:7px;border-radius:8px;background:#b7eb71;min-width:1px}.bar-cell{width:17%}#error{background:#482923;color:#ffd1c0;padding:20px;border-radius:9px;margin-bottom:20px}footer{padding:22px 0 45px;color:#91a399;font-size:12px;line-height:1.8}footer p{max-width:850px}#notice{color:#b7eb71}@media(max-width:700px){header{padding:20px}.tag{display:none}main{padding:0 16px}.intro{padding-top:35px}.panel{padding:17px}.section-head{align-items:flex-start;flex-direction:column}.settings{grid-template-columns:repeat(2,1fr);gap:12px}.options{flex-direction:column;gap:10px}.calculate-bar{align-items:stretch;flex-direction:column}.calculate-bar p{max-width:100%}.metrics{grid-template-columns:1fr}h1{letter-spacing:-2px}}

.catalog-picker{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:20px 0}.catalog-picker select{display:block;margin-top:8px;min-width:100px}.catalog-picker label:nth-child(3){flex:1}.catalog-picker label:nth-child(3) select{width:100%;min-width:190px}a{color:#b7eb71}