.app{color:#000;background-color:#fff;min-height:100vh;padding:1rem;font-family:sans-serif;transition:background-color .3s,color .3s}.app.dark{color:#fff;background-color:#121212}h1{margin-bottom:1rem}input[type=number]{color:#000;box-sizing:border-box;background-color:#f0f0f0;border:1px solid #ccc;border-radius:4px;width:250px;margin-right:1rem;padding:.5rem;font-size:1rem}.app.dark input[type=number]{color:#eee;background-color:#1e1e1e;border:1px solid #444}button{cursor:pointer;color:#fff;background-color:#007bff;border:none;border-radius:7px;margin-bottom:.5rem;margin-right:1rem;padding:.5rem 1rem;font-size:1rem;transition:background-color .2s}button:hover{background-color:#0056b3}.app.dark button{background-color:#1a73e8}h2{color:#222;margin-top:1rem}.app.dark h2{color:#ddd}h3{margin-top:2rem}p{line-height:1.5}footer{text-align:left;margin-top:2rem;font-size:1rem}footer p{color:#555;margin:.5rem 0}.app.dark footer p{color:#aaa}footer a{color:#007bff;font-weight:700;text-decoration:none}footer a:hover{color:#0056b3}.app.dark footer a{color:#ffd84d}.app.dark footer a:hover{color:#ffe680}footer a.link{text-decoration:underline}footer .version{font-size:.875rem}.result-box{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;margin-top:1rem;padding:1rem;box-shadow:0 2px 5px #0000000d}.app.dark .result-box{background-color:#1e1e1e;border:1px solid #444}