body{margin:0;font-family:Inter,system-ui,sans-serif;background:#f5f7fb}.app{max-width:900px;margin:auto;padding:2rem}h1{text-align:center}.subtitle{text-align:center;color:#666;margin-bottom:2rem}.card{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 10px 25px #00000014}.slider{margin-bottom:1.5rem}.slider-header{display:flex;justify-content:space-between;margin-bottom:.25rem}input[type=range]{width:100%}.results{margin-top:2rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.results div{background:#fff;padding:1.5rem;border-radius:10px;text-align:center;box-shadow:0 5px 15px #0000000f}.results span{display:block;color:#666}.results strong{font-size:1.3rem}.highlight{border:2px solid #4f46e5}.export{margin-top:2rem;display:flex;gap:1rem;justify-content:center}.export button{padding:.75rem 1.5rem;border-radius:6px;border:none;cursor:pointer;background:#4f46e5;color:#fff}.copyright{text-align:center;margin-top:5%}