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