:root{--bg:#0b0e14;--surface:rgba(26,74,26,.28);--border:rgba(62,198,62,.14);--green-neon:#3ec63e;--white:#f0f4ff;--grey:#8a94a8;--grey2:#a7b2c6;}
.tool-hero{padding:90px 48px 60px;max-width:1200px;margin:0 auto;}
.tool-hero h1{font-family:'Rajdhani',sans-serif;font-size:clamp(2.4rem,5vw,3.8rem);font-weight:700;color:var(--white);line-height:1.1;margin-bottom:18px;}
.tool-hero h1 em{font-style:normal;color:var(--green-neon);}
.tool-hero p{font-family:'Exo 2',sans-serif;font-size:1rem;color:var(--grey);max-width:600px;line-height:1.75;}
.tool-hero-glow{position:absolute;top:0;left:50%;transform:translateX(-50%);width:600px;height:300px;background:radial-gradient(ellipse at 50% 0%,rgba(62,198,62,.13) 0%,transparent 70%);pointer-events:none;}
.tool-wrap{max-width:1200px;margin:0 auto;padding:0 48px 100px;display:grid;grid-template-columns:1fr 1fr;gap:24px;}
@media(max-width:820px){.tool-wrap{grid-template-columns:1fr;padding:0 20px 80px;}.tool-hero{padding:70px 20px 40px;}}
.col-left,.col-right{display:flex;flex-direction:column;gap:16px;}
.tool-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px 26px;}
.tool-card-label{font-family:'Rajdhani',sans-serif;font-size:.7rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--green-neon);margin-bottom:16px;}
input[type=number],input[type=text],select{background:var(--bg);border:1px solid var(--border);color:var(--white);border-radius:6px;padding:9px 12px;font-family:'Exo 2',sans-serif;font-size:.88rem;outline:none;width:100%;transition:border-color .15s;appearance:none;-webkit-appearance:none;}
input[type=number]:focus,select:focus{border-color:var(--green-neon);box-shadow:0 0 0 2px rgba(62,198,62,.12);}
select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%238a94a8'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:30px;cursor:pointer;}
input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;outline:none;cursor:pointer;border:none;padding:0;background:rgba(255,255,255,.1);}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--green-neon);cursor:pointer;border:2px solid var(--bg);box-shadow:0 0 6px rgba(62,198,62,.5);}
input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--green-neon);cursor:pointer;border:2px solid var(--bg);}
.field-label{font-family:'Rajdhani',sans-serif;font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--grey);display:block;margin-bottom:6px;}
.slider-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px;}
.slider-header .field-label{margin-bottom:0;}
.slider-val{font-family:'Rajdhani',sans-serif;font-size:.95rem;font-weight:700;color:var(--green-neon);}
.slider-hints{display:flex;justify-content:space-between;font-family:'Exo 2',sans-serif;font-size:.7rem;color:var(--grey2);margin-top:5px;}
.slider-row{margin-bottom:18px;}
.inline-row{display:flex;align-items:center;gap:8px;}
.inline-unit{font-family:'Rajdhani',sans-serif;font-size:.82rem;color:var(--grey2);white-space:nowrap;}
.sel-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.unit-toggle{display:flex;gap:0;margin-bottom:16px;}
.unit-btn{flex:1;padding:7px 0;border:1px solid var(--border);background:transparent;color:var(--grey);font-family:'Rajdhani',sans-serif;font-size:.88rem;font-weight:600;letter-spacing:.1em;cursor:pointer;transition:all .15s;}
.unit-btn:first-child{border-radius:6px 0 0 6px;}.unit-btn:last-child{border-radius:0 6px 6px 0;}
.unit-btn.active{background:rgba(30,80,30,.92);border-color:var(--green-neon);color:var(--green-neon);}
.unit-btn:hover:not(.active){border-color:rgba(255,255,255,.2);color:var(--white);}
.preset-label{font-family:'Rajdhani',sans-serif;font-size:.65rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--grey2);margin-bottom:6px;display:block;}
.preset-grid{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px;}
.preset-btn{border:1px solid var(--border);background:transparent;color:var(--grey);border-radius:5px;padding:4px 10px;font-family:'Rajdhani',sans-serif;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .15s;}
.preset-btn:hover{border-color:rgba(255,255,255,.2);color:var(--white);}
/* Big result display */
.result-big{font-family:'Rajdhani',sans-serif;font-size:3.6rem;font-weight:700;color:var(--green-neon);line-height:1;letter-spacing:-.02em;}
.result-sub{font-family:'Exo 2',sans-serif;font-size:.86rem;color:var(--grey);margin-top:6px;}
/* Waste row */
.waste-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border);font-family:'Exo 2',sans-serif;font-size:.84rem;color:var(--grey);}
.waste-row:last-child{border-bottom:none;}
.waste-val{font-family:'Rajdhani',sans-serif;font-weight:700;}
/* Mini stats */
.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.mini-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px 16px;}
.mini-label{font-family:'Rajdhani',sans-serif;font-size:.68rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--grey2);}
.mini-val{font-family:'Rajdhani',sans-serif;font-size:1.5rem;font-weight:700;color:var(--green-neon);margin:4px 0 2px;line-height:1;}
.mini-sub{font-family:'Exo 2',sans-serif;font-size:.74rem;color:var(--grey2);}
/* Bin table */
.bin-table{width:100%;border-collapse:collapse;}
.bin-table th,.bin-table td{padding:8px 10px;font-family:'Exo 2',sans-serif;font-size:.82rem;text-align:left;border-bottom:1px solid var(--border);}
.bin-table th{font-family:'Rajdhani',sans-serif;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--grey2);}
.bin-table td{color:var(--grey);}
.bin-table td:last-child{color:var(--green-neon);font-family:'Rajdhani',sans-serif;font-weight:700;font-size:.95rem;}
.bin-table tr:last-child td{border-bottom:none;}
/* Status / warning */
.status-ok{background:rgba(62,198,62,.06);border:1px solid rgba(62,198,62,.25);border-radius:8px;padding:10px 14px;font-family:'Exo 2',sans-serif;font-size:.84rem;color:#4ade80;}
.status-warn{background:rgba(248,113,113,.06);border:1px solid rgba(248,113,113,.25);border-radius:8px;padding:10px 14px;font-family:'Exo 2',sans-serif;font-size:.84rem;color:#f87171;}
.accuracy-note{max-width:1200px;margin:0 auto;padding:28px 48px 60px;border-top:1px solid rgba(255,255,255,.06);}
.accuracy-note p{font-family:'Exo 2',sans-serif;font-size:.78rem;color:var(--grey2);line-height:1.75;margin:0;}
.accuracy-note strong{color:var(--grey);font-weight:600;}
@media(max-width:820px){.accuracy-note{padding:28px 20px 40px;}}
/* ── Site-wide consistency: translucent at rest, fill on hover ── */
.tool-card,.mini-card{transition:background .2s,border-color .2s;}
.tool-card:hover,.mini-card:hover{background:rgba(30,80,30,.92);border-color:rgba(62,198,62,.40);}