:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#111;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#f8f5f5;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#3f4721;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.hero{width:100%;min-height:100vh;background:linear-gradient(#e8e5ecb3,#08003ab3),url(/assets/img-C0IGLlHV.jpg);background-size:cover;background-position:center;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}.hero-text{text-align:center;max-width:800px;width:100%;padding:20px;background:#08003a80;border-radius:10px}.hero-text h1{font-size:60px;font-weight:600;margin-bottom:20px}.hero-text p{max-width:700px;margin:10px auto 20px;line-height:1.4}.calculation-container{padding:20px;font-family:Arial,sans-serif;background-color:#fff;color:#000;height:auto;overflow:visible;display:block}.savjeti-footer{display:block;height:100 px;background-color:#06ea5a}.visible-table{width:100%;border-collapse:collapse;color:#000;background-color:#fff;margin-left:auto;margin-right:auto;max-width:700px}.visible-table th,.visible-table td{border:1px solid black;padding:8px;text-align:left}.visible-table th{background-color:#f2f2f2}.selected-row{background-color:#cce5ff;font-weight:700}.models-table{max-width:700px;margin-left:auto;margin-right:auto}.slider-container{margin-bottom:24px;width:100%;max-width:500px;margin-left:auto;margin-right:auto;position:relative}.slider-label{display:block;margin-bottom:10px;font-size:18px;font-weight:700;text-align:center;color:#000}.slider-red-label{color:red}.uh-slider{width:100%;height:32px;border-radius:8px;accent-color:#36A2EB}.slider-red{accent-color:red}.slider-moving-label{position:absolute;top:48px;width:60px;font-size:36px;font-weight:700;color:#333;text-align:center;pointer-events:none;-webkit-user-select:none;user-select:none;transition:left .1s ease-out;white-space:nowrap}.brand-select,.model-select{background-color:#fb0505;font-size:18px;color:#fff;margin-bottom:20px;font-size:24px;padding:6px;max-width:500px;width:100%}.models-table thead tr{background-color:#011801;color:#0b5015}.results-header{display:flex;align-items:center;margin-top:40px}.reset-button{cursor:pointer;margin-left:15px;padding:6px 12px;font-size:14px}.desktop-only{display:block}.mobile-only{display:none}@media (max-width: 400px){.desktop-only{display:none}.mobile-only{display:block;margin-bottom:20px;font-size:16px;padding:6px;width:100%;max-width:100%}.visible-table,.models-table{max-width:100%;font-size:14px}.visible-table th,.visible-table td{padding:6px}.slider-mowing-label{font-size:28px;width:50px;top:50px}}.totals-summary{font-size:16px;line-height:1.5;margin-top:12px;margin-bottom:20px}.totals-summary>div{margin-bottom:6px}.pie-charts-container{display:flex;justify-content:center;gap:40px;margin-top:50px;flex-wrap:wrap}.pie-chart{width:350px;height:350px}.savjeti-container{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}.savjeti-container img{max-width:100%;max-height:80vh;object-fit:contain;border-radius:8px;cursor:pointer;transition:transform .3s ease}.savjeti-container img:hover{transform:scale(1.05)}.savjeti-container p{font-size:1.25rem;width:85vw;max-width:85%;margin:0 auto;line-height:1.5}.savjeti-header{width:100%;height:250px;background-color:#4caf50;display:flex;justify-content:center;align-items:center;color:#fff;font-size:2.5rem;font-weight:700;text-shadow:2px 2px 6px rgba(0,0,0,.7)}@media (max-width: 600px){.savjeti-header{height:120px;font-size:1.8rem;padding:0 1rem}}.hr-container{max-width:900px;margin:32px auto;padding:24px;background:#f6fff9;border-radius:12px;box-shadow:0 2px 12px #2cbeb517;font-family:Segoe UI,Arial,sans-serif}.hr-container form{display:flex;align-items:center;gap:8px;margin-bottom:16px}.hr-container label{font-weight:600;font-size:16px}.hr-container input[type=text],.hr-container input[type=number]{padding:6px 8px;font-size:14px;border:1px solid #c4efca;border-radius:5px;width:100px;box-sizing:border-box}.hr-container button{padding:8px 14px;background:linear-gradient(90deg,#d0f6d3,#b3e5fc);border:none;border-radius:8px;color:#1a3c1a;font-weight:600;cursor:pointer;transition:background .25s}.hr-container button:hover{background:#388e3c;color:#fff}.hr-container>div:nth-child(2){display:flex;gap:2rem;margin-bottom:16px}.hr-table{width:100%;border-collapse:collapse;background:#e3f6f9;box-shadow:0 1px 3px #50787812}.hr-table th,.hr-table td{border:1px solid #c4efca;padding:10px 14px;text-align:left;font-size:16px;vertical-align:top;word-break:break-word}.hr-table th{background:linear-gradient(90deg,#d0f6d3,#b3e5fc);color:#1a3c1a;font-weight:700}.hr-table tr:nth-child(2n){background:#eafaf1}.hr-table tr:hover{background:#b3e5fc;transition:background .15s}.hr-table .hr-level{font-size:15px;color:#388e3c;font-weight:500}.error{color:red;font-weight:600;margin-top:1rem}.hr-container{max-height:80vh;overflow-y:auto}.hr-table{display:block;overflow-x:auto;white-space:nowrap}.hr-table td div{margin-bottom:6px}