:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}body{margin:0;background:#f6f9fc;color:#333}.app{max-width:1500px;margin:0 auto;padding:1rem 1.5rem}h1{text-align:center;margin-top:2.5rem;margin-bottom:1rem;font-size:1.9rem}h2{font-size:1.1rem;margin:0;padding:.5rem 0 .25rem;text-align:center}.layout{display:flex;flex-direction:column;gap:1.5rem}.top-row{width:100%}.middle-row{display:flex;flex-wrap:nowrap;gap:1.5rem}.column{flex:1 1 320px;background:#fff;padding:1rem;border-radius:8px;box-shadow:0 0 12px #0000000a;display:flex;flex-direction:column;gap:1rem;min-width:300px}.column.results{padding:1rem}.results-main{display:flex;gap:1rem;flex-wrap:nowrap;width:100%}.block{flex:1;background:#eef3fa;padding:.75rem 1rem;border-radius:6px;display:flex;flex-direction:column;gap:.75rem;align-items:center}.block h2{margin-top:0;margin-bottom:.5rem;padding-bottom:0;text-align:center;align-self:center}.block.final{background:#e3edf7}.slider-block{display:flex;flex-direction:column;gap:.25rem}.slider-wrapper{position:relative;padding-top:2rem}input[type=range]{width:100%;height:6px;border-radius:4px;background:#ddd;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;margin:0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#1976d2;cursor:pointer;border:2px solid #0f4a8f;margin-top:-6px}input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#1976d2;cursor:pointer;border:2px solid #0f4a8f}.value-bubble{position:absolute;top:0;transform:translate(-50%);background:#1976d2;color:#fff;font-size:.75rem;padding:.35rem .65rem;border-radius:6px;white-space:nowrap;pointer-events:none;z-index:1}.bubble-arrow{position:absolute;left:50%;bottom:-6px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #1976d2;transform:translate(-50%)}.slider-minmax{font-size:.75rem;display:flex;justify-content:space-between;margin-top:6px}.min-label,.max-label{font-weight:600;transition:opacity .2s ease}.row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:6px;justify-content:center;align-items:center}.result-label{font-weight:700;font-size:.85rem;text-align:center}.result-value{background:#fff;border:1px solid #ccc;border-radius:4px;padding:6px 8px;font-size:.95rem;text-align:center}.top-left-link{position:absolute;top:10px;left:10px;z-index:1000;width:50px;height:50px}.top-left-link img{display:block;width:100%;height:100%;border-radius:50%;transition:transform .3s ease-in-out}.top-left-link:hover img{transform:scale(1.1)}.github-corner:hover .octo-arm{animation:octocat-wave .56s ease-in-out}@keyframes octocat-wave{0%,to{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width: 500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave .56s ease-in-out}}.github-corner{fill:#151513;color:#fff;position:absolute;top:0;border:0;right:0;z-index:1000}@media (max-width: 900px){.middle-row{flex-wrap:wrap}.column{flex:1 1 100%}.results-main{flex-direction:column;align-items:center}h1{text-align:center;margin-top:3.5rem;margin-bottom:1rem;font-size:1.9rem}}footer{text-align:center;font-size:.9rem;color:#666;padding-bottom:1rem;margin-top:3rem}footer a{color:#333;text-decoration:none;font-weight:600}footer a:hover{color:#fff;text-decoration:underline}