*{box-sizing:border-box;margin:0;padding:0}html{max-width:100vw;overflow-x:hidden}body{color:#000;min-height:100vh;font-family:Arial,sans-serif}.home-link{color:#fff;z-index:10;padding:.1rem .2rem;font-size:.85rem;line-height:1.2;position:fixed;top:.75rem;left:.75rem}.home-link:hover{text-decoration:underline}a{color:inherit;text-decoration:none}header{color:#fff;text-align:center;z-index:1;background-color:#333;width:100%;padding:1rem;position:sticky}main{flex-direction:column;flex:1;align-items:center;padding:1rem;display:flex}.input-form{flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:400px;margin:2rem 0;display:flex}.input-form input[type=text]{border:1px solid #ccc;border-radius:4px;width:100%;margin-bottom:1rem;padding:.75rem;font-size:1rem}.buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin:1rem 0;display:flex}button{color:#fff;cursor:pointer;background-color:#007bff;border:none;border-radius:4px;padding:.75rem 1.5rem;font-size:1rem;transition:background-color .2s}button:hover{background-color:#0056b3}button:disabled{cursor:not-allowed;background-color:#6c757d}.loading-spinner{border:4px solid #0000001a;border-top-color:#333;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}.grid{gap:1rem;display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}